:root{--kickstarter-font-primary:"Barlow",sans-serif;--kickstarter-font-secondary:"Barlow Semi Condensed",sans-serif;--kickstarter-color-primary:#FFBF00;--kickstarter-color-secondary:#000000;--kickstarter-color-light-gray:#f8f8f8;--kickstarter-color-dark-gray:#8f8f8f;--kickstarter-color-text:#151515;--kickstarter-color-placeholder:rgba(0,0,0,0.35);--kickstarter-color-border:rgba(0,0,0,0.2);}html,body{background:#fff;overflow-x:hidden;min-height:100vh;}.uk-container{max-width:1440px;position:relative;padding-left:25px;padding-right:25px;}.uk-container-small{max-width:1280px;}*,*:before,*:after{box-sizing:border-box;}a,button,.transition{transition:color 0.5s ease,background-color 0.5s ease,border-color 0.5s ease,opacity 0.5s ease,box-shadow 0.5s ease,top 0.5s ease,transform 0.5s ease;}.transition-slow{transition-duration:1.5s;}.no-transition{transition:none;}.uk-light{color:#fff;}:where(a,button,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus{outline:2px solid var(--kickstarter-color-secondary);outline-offset:2px;}:where(a,button,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus:not(:focus-visible){outline:none;}.grecaptcha-badge{displaY:none;}.alignright{float:right;margin:0 0 1em 1em;}.alignleft{float:left;margin:0 1em 1em 0;}.aligncenter{display:block;margin-left:auto;margin-right:auto;}h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5{color:var(--kickstarter-color-secondary);font-family:var(--kickstarter-font-secondary);font-weight:700;line-height:1;margin-bottom:30px;}h1,.uk-h1{font-size:40px;font-weight:700;}h2,.uk-h2{font-size:32px;}h3,.uk-h3{font-size:28px;}h4,.uk-h4,.widget h2{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px;}p:last-of-type{margin:0;}.intro-content{font-size:22px;}blockquote{padding:30px;background-color:#F5F5F5;}a{text-decoration:none;color:var(--kickstarter-color-primary);}a:hover{text-decoration:none;color:var(--kickstarter-color-secondary);}::selection{color:#000;background:var(--kickstarter-color-primary);}strong{font-weight:700;}em{color:inherit;}sup{font-size:0.5em;position:relative;vertical-align:top;top:0.75em;}h2 sup{font-size:.4em;}.brand{color:var(--kickstarter-color-primary);}.brand-secondary{color:var(--kickstarter-color-secondary);}.muted{color:var(--kickstarter-color-dark-gray);}.strong{font-weight:900;}.font-medium{font-weight:500;}#table-of-contents li + li{border-top:1px solid var(--kickstarter-color-border);}#table-of-contents a{color:rgba(0,0,0,0.40);font-family:var(--kickstarter-font-secondary);font-weight:500;line-height:1;padding:15px 0;}#table-of-contents a:hover,#table-of-contents a:focus{color:var(--kickstarter-color-primary);}@font-face{font-family:'Barlow';font-style:normal;font-weight:400;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/barlow-regular.woff2*/url() format("woff2");}@font-face{font-family:'Barlow';font-style:italic;font-weight:400;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/barlow-regular-italic.woff2*/url() format("woff2");}@font-face{font-family:'Barlow';font-style:normal;font-weight:600;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/barlow-semibold.woff2*/url() format("woff2");}@font-face{font-family:'Barlow';font-style:normal;font-weight:700;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/barlow-bold.woff2*/url() format("woff2");}@font-face{font-family:'Barlow';font-style:italic;font-weight:700;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/barlow-bold-italic.woff2*/url() format("woff2");}@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:500;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/barlow-semi-condensed-medium.woff2*/url() format("woff2");}@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/barlow-semi-condensed-semibold.woff2*/url() format("woff2");}@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/barlow-semi-condensed-bold.woff2*/url() format("woff2");}@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:900;/*savepage-font-display=swap*/src:/*savepage-url=../fonts/barlow-semi-condensed-black.woff2*/url() format("woff2");}header{z-index:999;padding:10px 0;opacity:0;transition:opacity 0.5s ease,top 0.35s ease,background-color 0.35s ease,padding 0.35s ease;width:100vw;}header.loaded{opacity:1;}header.header-absolute{background:rgba(0,0,0,0.5) !important;position:fixed !important;width:100vw;z-index:9081;left:0;}header.scrolled{top:0px !important;height:auto;padding:0;background:rgba(0,0,0,1) !important;}header .uk-container{height:50px;display:flex;align-items:center;transition:background-color 0.35s ease,border-radius 0.35s ease;}header.scrolled .uk-container{background:rgba(0,0,0,1);}header .uk-logo img,header .uk-logo svg,.uk-offcanvas-bar .uk-logo img,.uk-offcanvas-bar .uk-logo svg{height:28px;width:auto;}.uk-logo{font-size:inherit;}.client-area-cta{background:var(--kickstarter-color-primary);color:var(--kickstarter-color-secondary);text-align:center;font-family:var(--kickstarter-font-secondary);font-size:16px;font-weight:600;line-height:1;padding:7px 24px 9px;gap:10px;}.client-area-cta:hover,.client-area-cta:focus{background:var(--kickstarter-color-secondary);color:var(--kickstarter-color-primary);}.uk-navbar-nav{gap:30px;}.uk-navbar-item,.uk-navbar-toggle,.uk-navbar-nav > li > a,.uk-footer-nav > li > a,.uk-navbar-dropdown-nav > li > a{font-family:var(--kickstarter-font-secondary),sans-serif;color:var(--kickstarter-color-primary);min-height:inherit;font-size:14px;font-weight:700;letter-spacing:0.7px;text-transform:uppercase;}.uk-navbar-dropdown-nav > li > a{font-size:14px;font-weight:600;line-height:1.2;padding:10px 0;letter-spacing:0;text-transform:none;}.uk-light .uk-navbar-nav > li > a,.uk-navbar-dropdown-nav > li > a,.uk-footer-nav > li > a,header.header-light .uk-navbar-nav > li > a{color:#fff;}.uk-footer-nav > li > a:hover,.uk-footer-nav > li > a:focus,.uk-navbar-dropdown-nav > li > a:hover,.uk-navbar-dropdown-nav > li > a:focus,.uk-light .uk-navbar-nav > li > a:hover,.uk-light .uk-navbar-nav > li > a:focus,header.header-light .uk-navbar-nav > li > a:hover,header.header-light .uk-navbar-nav > li > a:focus,header.header-light .uk-navbar-nav > .current-menu-item > a,header.header-light .uk-navbar-nav > .current-menu-ancestor > a,header.header-light .uk-navbar-dropdown-nav > .current-menu-item > a{color:var(--kickstarter-color-primary);}.uk-navbar-dropdown{--uk-position-offset:30px;--uk-position-shift-offset:-19px;padding:10px 20px;background:rgba(0,0,0,0.5);backdrop-filter:blur(10px);color:#fff;box-shadow:none;}header.scrolled .uk-navbar-dropdown{--uk-position-offset:21px;background:rgba(0,0,0,1);}.uk-navbar-dropdown .uk-drop.uk-dropdown{position:relative;top:0 !important;left:0 !important;background:transparent;padding:0 10px;max-width:1306px;border-left:2px solid var(--kickstarter-color-primary);box-shadow:none;display:block;}.search-bar{position:fixed;top:0;left:0;width:100%;padding:30px 0;background:var(--kickstarter-color-secondary);color:#fff;z-index:10001;transform:translateY(-100%);opacity:0;min-height:auto;transition:opacity 0.5s ease,transform 0.5s ease;}.search-bar.uk-active{transform:translateY(0);opacity:1;}.search-bar .uk-container{padding-left:22px;padding-right:22px;}.search-bar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);z-index:2;opacity:0;visibility:hidden;cursor:pointer;transition:opacity 0.5s ease,visibility 0.5s ease;}.search-bar-overlay.uk-active{opacity:1;visibility:visible;}.search-bar .uk-button{padding:13px 55px 13px;}.search-bar p,.uk-light .search-bar p{color:#fff;font-size:20px;margin-bottom:12px;}#footer{background:#000;background-image:/*savepage-url=../../img/betsoft-footer-bg.jpg*/url();background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:12vw;font-size:16px;}#footer .uk-footer-nav{margin-top:30px;display:flex;flex-wrap:wrap;gap:5px 20px;}#footer h4{letter-spacing:16px;}#footer .betsoft-licences img{max-width:calc(25vw - 40px);}#footer .betsoft-awards img{max-width:calc(50vw - 40px);}#copyright{font-size:16px;}#copyright .uk-navbar-nav > li > a{font-family:var(--kickstarter-font-primary);font-size:13px;font-weight:400;letter-spacing:2.6px;text-transform:uppercase;}#clients-carousel{background:var(--kickstarter-color-secondary);padding:50px 0;}#clients-carousel .splide-logo-carousel li{filter:brightness(0.75) invert(1);}#footer-character{position:absolute;width:33vw;height:auto;bottom:0;right:0;z-index:1;}#curtain{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.9);z-index:999999;opacity:1;transition:opacity 0.5s ease,visibility 0.5s ease;}#curtain.loaded{opacity:0;visibility:hidden;}.uk-offcanvas{z-index:9081;}.uk-offcanvas-bar{color:#fff;background:rgba(0,0,0,0.9);padding:33px 30px 40px;width:100%;}.uk-offcanvas-bar .uk-close{color:#fff;top:35px;right:40px;}.uk-offcanvas-bar .uk-close.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve){stroke-width:2px;}.uk-offcanvas-bar .uk-nav a{font-family:var(--kickstarter-font-secondary);font-size:18px;font-weight:700;line-height:1.2;padding:15px 0;letter-spacing:0.7px;text-transform:uppercase;justify-content:center;}.uk-offcanvas-bar .uk-nav > li > a{color:#fff;}.uk-offcanvas-bar .uk-nav > li.current-menu-item > a,.uk-offcanvas-bar .uk-nav a:hover,.uk-offcanvas-bar .uk-nav a:focus{color:var(--kickstarter-color-primary);}.uk-offcanvas-bar .uk-nav > li > a:hover,.uk-offcanvas-bar .uk-nav > li > a:focus{color:var(--kickstarter-color-dark-gray);}.uk-offcanvas-bar ul.sub-menu{margin-bottom:20px;}.uk-offcanvas-bar ul.sub-menu ul.sub-menu{margin-bottom:0;}.uk-offcanvas-bar ul.sub-menu a{font-size:18px;font-weight:400;padding:3px 0;}.social-icons.uk-iconnav > * > a,.uk-light .social-icons.uk-iconnav > * > a{width:40px;height:40px;color:#fff;background:rgba(255,255,255,0.15);}.social-icons.uk-iconnav > * > a:hover,.social-icons.uk-iconnav > * > a:focus,.uk-light .social-icons.uk-iconnav > * > a:hover,.uk-light .social-icons.uk-iconnav > * > a:focus{color:var(--kickstarter-color-secondary);background:var(--kickstarter-color-primary);}.uk-button{font-family:var(--kickstarter-font-secondary);font-size:18px;font-weight:700;line-height:1;padding:12px 32px;transition:color 0.5s ease,background-color 0.5s ease,border-color 0.5s ease;}.uk-button-primary,.uk-light .uk-button-primary{color:var(--kickstarter-color-secondary);background:var(--kickstarter-color-primary);border-color:var(--kickstarter-color-primary);}.uk-button-secondary,.uk-button-primary:hover,.uk-button-primary:focus,.uk-light .uk-button-secondary,.uk-light .uk-button-primary:hover,.uk-light .uk-button-primary:focus{color:#fff;background-color:var(--kickstarter-color-dark-gray);border-color:var(--kickstarter-color-dark-gray);}.uk-button-secondary,.uk-light .uk-button-secondary{color:#fff;background-color:var(--kickstarter-color-secondary);border-color:var(--kickstarter-color-secondary);}.uk-button-secondary:hover,.uk-button-secondary:focus,.uk-light .uk-button-secondary:hover,.uk-light .uk-button-secondary:focus{color:var(--kickstarter-color-secondary);background-color:var(--kickstarter-color-light-gray);border-color:var(--kickstarter-color-light-gray);}.uk-button-outline{color:#000;background:transparent;border:1px solid #000;}.uk-light .uk-button-outline{color:#fff;background:transparent;border:1px solid #fff;}.uk-button-white,.uk-light .uk-button-white{color:#000;background:#fff;border-color:#fff;}.uk-button-white:hover,.uk-button-white:focus,.uk-light .uk-button-white:hover,.uk-light .uk-button-white:focus,.uk-button-outline:hover,.uk-button-outline:focus{color:#fff;background:#333;border-color:#333;}.uk-button-link,.uk-light .uk-button-link{padding:0 !important;color:var(--kickstarter-color-primary)}.uk-input,.uk-textarea,.uk-select,.uk-select:not([multiple]):not([size]),.uk-light .uk-input,.uk-light .uk-textarea,.uk-light .uk-select,.uk-light .uk-select:not([multiple]):not([size]){color:var(--kickstarter-color-secondary);font-family:var(--kickstarter-font-primary);font-size:20px;font-weight:400;line-height:1.5;padding:20px 0;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,0.1);height:auto;}.uk-light .uk-input,.uk-light .uk-textarea,.uk-light .uk-select,.uk-light .uk-select:not([multiple]):not( .lazyload, .lazyloading { max-width: 100%; } .smush-dimensions { --smush-image-aspect-ratio: auto; aspect-ratio: var(--smush-image-aspect-ratio); } img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." } /*# sourceURL=wp-block-styles-placeholder-inline-css */ :root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." } /*# sourceURL=wp-global-styles-placeholder-inline-css */ /* Default style for WP-PageNavi plugin http://wordpress.org/extend/plugins/wp-pagenavi/ */ .wp-pagenavi { clear: both; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; } .wp-pagenavi span.current { font-weight: bold; } /** * Self-hosted Fonts * * All font files are served from /resources/fonts/ to avoid third-party * requests to fonts.googleapis.com (GDPR compliance, removes DNS+TCP+TLS * latency, and eliminates external CDN dependency). * * HOW TO DOWNLOAD FONT FILES * --------------------------- * Use google-webfonts-helper: https://variable-font-helper.web.app/ * * Barlow: * Search "Barlow", select all styles, download woff2 only. * Rename the downloaded file to: barlow.woff2 * Place it in: resources/fonts/ * * * Alternatively use the Google Fonts download page directly: * https://fonts.google.com/specimen/Barlow * * @since 2.3.0 * @package WordPress * @subpackage Codehills Kickstarter Theme */ /****** Barlow — Regular font (400, normal) ****** */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; /*savepage-font-display=swap*/ src: /*savepage-url=../fonts/barlow-regular.woff2*/ url(asset-001.woff2) format("woff2"); } /****** Barlow — Italic font (400, italic) ****** */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 400; /*savepage-font-display=swap*/ src: /*savepage-url=../fonts/barlow-regular-italic.woff2*/ url() format("woff2"); } /****** Barlow — Semibold font (600, normal) ****** */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; /*savepage-font-display=swap*/ src: /*savepage-url=../fonts/barlow-semibold.woff2*/ url() format("woff2"); } /****** Barlow — Bold font (700, normal) ****** */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; /*savepage-font-display=swap*/ src: /*savepage-url=../fonts/barlow-bold.woff2*/ url() format("woff2"); } /****** Barlow — Bold Italic font (700, italic) ****** */ @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 700; /*savepage-font-display=swap*/ src: /*savepage-url=../fonts/barlow-bold-italic.woff2*/ url() format("woff2"); } /****** Barlow — Semi Condensed Medium font (500, normal) ****** */ @font-face { font-family: 'Barlow Semi Condensed'; font-style: normal; font-weight: 500; /*savepage-font-display=swap*/ src: /*savepage-url=../fonts/barlow-semi-condensed-medium.woff2*/ url() format("woff2"); } /****** Barlow — Semi Condensed Semibold font (600, normal) ****** */ @font-face { font-family: 'Barlow Semi Condensed'; font-style: normal; font-weight: 600; /*savepage-font-display=swap*/ src: /*savepage-url=../fonts/barlow-semi-condensed-semibold.woff2*/ url(asset-002.woff2) format("woff2"); } /****** Barlow — Semi Condensed Bold font (700, normal) ****** */ @font-face { font-family: 'Barlow Semi Condensed'; font-style: normal; font-weight: 700; /*savepage-font-display=swap*/ src: /*savepage-url=../fonts/barlow-semi-condensed-bold.woff2*/ url(asset-003.woff2) format("woff2"); } /****** Barlow — Semi Condensed Black font (900, normal) ****** */ @font-face { font-family: 'Barlow Semi Condensed'; font-style: normal; font-weight: 900; /*savepage-font-display=swap*/ src: /*savepage-url=../fonts/barlow-semi-condensed-black.woff2*/ url() format("woff2"); } /** * Main CSS File * * This file serves as the main stylesheet for the Codehills Kickstarter theme. It imports * various CSS files that define the styles for the theme, including UI Kit styles, * typography, general styles, UI elements, and header/footer styles. * * @since 2.0.0 * @package WordPress * @subpackage Codehills Kickstarter Theme */ /***************** UI Kit v3 CSS *******************/ /*savepage-import-url=./style.css*//*! UIkit 3.21.16 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */ /* ======================================================================== Component: Base ========================================================================== */ /* * 1. Set `font-size` to support `rem` units * 2. Prevent adjustments of font size after orientation changes in iOS. * 3. Style */ html { /* 1 */ font-family: var(--kickstarter-font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 18px; font-weight: normal; line-height: 1.5; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ background: #fff; color: var(--kickstarter-color-text); } /* * Remove the margin in all browsers. */ body { margin: 0; } /* Links ========================================================================== */ /* * Style */ a, .uk-link { color: #1e87f0; text-decoration: none; cursor: pointer; } a:hover, .uk-link:hover, .uk-link-toggle:hover .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 the element and the bottom of its parent container. */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * 1. Constrain the element to its parent width. * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present. * 3. Take border and padding into account. */ canvas, img, svg, video { /* 1 */ max-width: 100%; /* 2 */ height: auto; /* 3 */ box-sizing: border-box; } /* * Deprecated: only needed for `img` elements with `uk-img` * 1. Hide `alt` text for lazy load images. * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. */ img:not([src]) { /* 1 */ visibility: hidden; /* 2 */ min-width: 1px; } /* * 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, .uk-heading-3xlarge { 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, * + .uk-heading-3xlarge { 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; } /* Focus ========================================================================== */ :focus { outline: none; } :focus-visible { outline: 2px dotted #333; } /* 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 */ :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, .uk-link-toggle .uk-link-muted { color: #999; } a.uk-link-muted:hover, .uk-link-muted a:hover, .uk-link-toggle:hover .uk-link-muted { color: #666; } /* Text ========================================================================== */ a.uk-link-text, .uk-link-text a, .uk-link-toggle .uk-link-text { color: inherit; } a.uk-link-text:hover, .uk-link-text a:hover, .uk-link-toggle:hover .uk-link-text { color: #999; } /* Heading ========================================================================== */ a.uk-link-heading, .uk-link-heading a, .uk-link-toggle .uk-link-heading { color: inherit; } a.uk-link-heading:hover, .uk-link-heading a:hover, .uk-link-toggle:hover .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; } /* ======================================================================== 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; } .uk-heading-3xlarge { font-size: 8rem; 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; } .uk-heading-3xlarge { font-size: 11rem; } } /* 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; } .uk-heading-3xlarge { font-size: 15rem; } } /* 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% - (calc(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: max-content; height: 100px; margin-left: auto; margin-right: auto; border-left: 1px solid #e5e5e5; } /* ======================================================================== Component: List ========================================================================== */ .uk-list { padding: 0; list-style: none; } /* * Avoid column break within the list item, when using `column-count` */ .uk-list > * { break-inside: avoid-column; } /* * 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; } .uk-list-disc > ::before, .uk-list-circle > ::before, .uk-list-square > ::before, .uk-list-decimal > ::before, .uk-list-hyphen > ::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: ""; display: list-item; 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; } .uk-table-striped > tr:nth-of-type(even):last-child, .uk-table-striped tbody tr:nth-of-type(even):last-child { border-bottom: 1px solid #e5e5e5; } /* ======================================================================== 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 * 1. Required for `span` with background image * 2. Required for `image` */ .uk-icon-image { width: 20px; height: 20px; /* 1 */ background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; vertical-align: middle; /* 2 */ object-fit: scale-down; max-width: none; } /* Style modifiers ========================================================================== */ /* * Link * 1. Allow text within link */ .uk-icon-link { color: #999; /* 1 */ text-decoration: none !important; } .uk-icon-link:hover { color: #666; } /* 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 */ .uk-icon-button:hover { background-color: #ebebeb; color: #666; } /* OnClick + Active */ .uk-icon-button:active, .uk-active > .uk-icon-button { background-color: #dfdfdf; color: #666; } /* ======================================================================== Component: Form Range ========================================================================== */ /* * 1. Remove default style. * 2. Define consistent box sizing. * 3. Remove `margin` in all browsers. * 4. Align to the center of the line box. * 5. Prevent content overflow if a fixed width is used. * 6. Take the full width. * 7. Remove white background in Chrome. */ .uk-range { /* 1 */ -webkit-appearance: none; /* 2 */ box-sizing: border-box; /* 3 */ margin: 0; /* 4 */ vertical-align: middle; /* 5 */ max-width: 100%; /* 6 */ width: 100%; /* 7 */ background: transparent; } /* Focus */ .uk-range:focus { outline: none; } .uk-range::-moz-focus-outer { border: none; } /* * 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; } /* * 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; } /* * 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; margin-top: -7px; border-radius: 500px; background: #fff; border: 1px solid #cccccc; } /* ======================================================================== 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. * 1. Reset `min-width` */ .uk-fieldset { border: none; margin: 0; padding: 0; /* 1 */ min-width: 0; } /* Input, select and textarea * Allowed: `text`, `password`, `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::placeholder { color: #999; } .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: solid; } /* 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. 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]) 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 ========================================================================== */ /* * 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; } /* OnClick + Active */ /* Style modifiers ========================================================================== */ /* * Default */ .uk-button-default { background-color: transparent; color: #333; border: 1px solid #e5e5e5; } /* Hover */ .uk-button-default:hover { 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 */ .uk-button-primary:hover { 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 */ .uk-button-secondary:hover { 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 */ .uk-button-danger:hover { 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 currentColor; transition: right 0.3s ease-out; } /* Hover */ .uk-button-text:hover { color: #333; } .uk-button-text:hover::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 */ .uk-button-link:hover { 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 all browsers. * 2. Behave like a block element. * 3. Remove borders in Firefox. * 4. Remove default style in Chrome, Safari and Edge. * 5. Style */ .uk-progress { /* 1 */ vertical-align: baseline; /* 2 */ display: block; width: 100%; /* 3 */ border: 0; /* 4 */ background-color: #f8f8f8; /* 5 */ margin-bottom: 20px; height: 15px; border-radius: 500px; overflow: hidden; } /* Add margin if adjacent element */ * + .uk-progress { margin-top: 20px; } /* * Show background color set on `uk-progress` in Chrome, Safari and Edge. */ .uk-progress::-webkit-progress-bar { background-color: transparent; } /* * Progress Bar * 1. Transitions don't work on `::-moz-progress-bar` pseudo element in Firefox yet. * https://bugzilla.mozilla.org/show_bug.cgi?id=662351 */ .uk-progress::-webkit-progress-value { background-color: #1e87f0; transition: width 0.6s ease; } .uk-progress::-moz-progress-bar { background-color: #1e87f0; /* 1 */ transition: width 0.6s ease; } /* ======================================================================== 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 { --uk-inverse: dark; background: #fff; } /* * Muted */ .uk-section-muted { --uk-inverse: dark; background: #f8f8f8; } /* * Primary */ .uk-section-primary { --uk-inverse: light; background: #1e87f0; } /* * Secondary */ .uk-section-secondary { --uk-inverse: light; 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 { --uk-inverse: dark; background-color: #fff; } /* * Muted */ .uk-tile-muted { --uk-inverse: dark; background-color: #f8f8f8; } /* * Primary */ .uk-tile-primary { --uk-inverse: light; background-color: #1e87f0; } /* * Secondary */ .uk-tile-secondary { --uk-inverse: light; 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 { --uk-inverse: dark; 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 { --uk-inverse: light; 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 { --uk-inverse: light; 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 */ .uk-close:hover { color: #666; } /* ======================================================================== 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 */ .uk-totop:hover { color: #666; } /* OnClick */ .uk-totop:active { color: #333; } /* ======================================================================== Component: Marker ========================================================================== */ /* * Addopts `uk-icon` */ .uk-marker { padding: 5px; background: #222; color: #fff; border-radius: 500px; } /* Hover */ .uk-marker:hover { color: #fff; } /* ======================================================================== 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 */ .uk-alert-close:hover { 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 { text-decoration: 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 { --uk-inverse: dark; background: rgba(255, 255, 255, 0.8); } /* * Primary */ .uk-overlay-primary { --uk-inverse: light; 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::placeholder { color: #999; } /* Icon (Adopts `uk-icon`) ========================================================================== */ /* * 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:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { padding-left: 40px; } .uk-search-default:has(.uk-search-icon-flip) .uk-search-input { padding-right: 40px; } /* Navbar modifier ========================================================================== */ .uk-search-navbar { width: 240px; } /* * Input */ .uk-search-navbar .uk-search-input { height: 40px; padding-left: 10px; padding-right: 10px; background: #fff; border: 1px solid #e5e5e5; } /* Focus */ .uk-search-navbar .uk-search-input:focus { background-color: #fff; border-color: #1e87f0; } /* * Icon */ .uk-search-navbar .uk-search-icon { width: 40px; } .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { padding-left: 40px; } .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input { padding-right: 40px; } /* Medium modifier ========================================================================== */ .uk-search-medium { width: 400px; } /* * Input */ .uk-search-medium .uk-search-input { height: 40px; background: transparent; font-size: 1.5rem; } /* Focus */ /* * Icon */ .uk-search-medium .uk-search-icon { width: 24px; } .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { padding-left: 34px; } .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input { padding-right: 34px; } /* Large modifier ========================================================================== */ .uk-search-large { width: 500px; } /* * Input */ .uk-search-large .uk-search-input { height: 80px; background: transparent; font-size: 2.625rem; } /* Focus */ /* * Icon */ .uk-search-large .uk-search-icon { width: 40px; } .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { padding-left: 60px; } .uk-search-large:has(.uk-search-icon-flip) .uk-search-input { padding-right: 60px; } /* Toggle ========================================================================== */ .uk-search-toggle { color: #999; } /* Hover */ .uk-search-toggle:hover { 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 */ .uk-accordion-title:hover { color: #666; text-decoration: 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; --uk-position-offset: 20px; --uk-position-viewport-offset: 15px; /* 3 */ box-sizing: border-box; width: 300px; } /* Show */ .uk-drop.uk-open { display: block; } /* Grid modifiers ========================================================================== */ .uk-drop-stack .uk-drop-grid > * { width: 100% !important; } /* Parent icon ========================================================================== */ .uk-drop-parent-icon { margin-left: 0.25em; transition: transform 0.3s ease-out; } [aria-expanded="true"] > .uk-drop-parent-icon { transform: rotateX(180deg); } /* ======================================================================== Component: Dropbar ========================================================================== */ /* * Adopts `uk-drop` * 1. Reset drop * 2. Style */ .uk-dropbar { --uk-position-offset: 0; --uk-position-shift-offset: 0; --uk-position-viewport-offset: 0; --uk-inverse: dark; /* 1 */ width: auto; /* 2 */ padding: 25px 15px 25px 15px; background: #fff; color: #666; } /* * Remove margin from the last-child */ .uk-dropbar > :last-child { margin-bottom: 0; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-dropbar { padding-left: 30px; padding-right: 30px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-dropbar { padding-left: 40px; padding-right: 40px; } } .uk-dropbar :focus-visible { outline-color: #333 !important; } /* Size modifier ========================================================================== */ .uk-dropbar-large { padding-top: 40px; padding-bottom: 40px; } /* Direction modifier ========================================================================== */ .uk-dropbar-top { box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05); } .uk-dropbar-bottom { box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05); } .uk-dropbar-left { box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05); } .uk-dropbar-right { box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05); } /* ======================================================================== Component: Dropnav ========================================================================== */ /* * 1. Position * 2. Reset dropbar * 3. Width */ .uk-dropnav-dropbar { /* 1 */ position: absolute; z-index: 980; /* 2 */ padding: 0; /* 3 */ left: 0; right: 0; } /* ======================================================================== 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; /* 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. `!important` is 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: 100% !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: 20px 20px; } .uk-modal-header { display: flow-root; padding: 10px 20px; background: #fff; border-bottom: 1px solid #e5e5e5; } .uk-modal-footer { display: flow-root; padding: 10px 20px; background: #fff; border-top: 1px solid #e5e5e5; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-modal-body { padding: 30px 30px; } .uk-modal-header { padding: 15px 30px; } .uk-modal-footer { padding: 15px 30px; } } /* * 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: 10px; background: #fff; } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-modal-close-full { padding: 20px; } } /* ======================================================================== 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. * 5. Disable horizontal panning gestures */ .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; /* 5 */ touch-action: pan-y; } /* Item ========================================================================== */ /* * 1. Position items above each other * 2. Take the full width * 3. Clip child elements, e.g. for `uk-cover` * 4. Optimize animation */ .uk-slideshow-items > * { /* 1 */ position: absolute; top: 0; left: 0; /* 2 */ right: 0; bottom: 0; /* 3 */ overflow: hidden; /* 4 */ will-change: transform, opacity; } /* * Hide not active items */ .uk-slideshow-items > :not(.uk-active) { display: none; } /* ======================================================================== Component: Slider ========================================================================== */ /* * 1. Prevent tab highlighting on iOS. */ .uk-slider { /* 1 */ -webkit-tap-highlight-color: transparent; } /* Container ========================================================================== */ /* * 1. Clip child elements * 2. Prevent accidental scrolling through elements in slide getting focused */ .uk-slider-container { /* 1 */ overflow: hidden; /* 2 */ overflow: clip; } /* * 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`. * 3. Disable horizontal panning gestures */ .uk-slider-items { /* 1 */ will-change: transform; /* 2 */ position: relative; /* 3 */ touch-action: pan-y; } /* * 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 * 2. Create position context */ .uk-slider-items > * { /* 1 */ flex: none !important; box-sizing: border-box; max-width: 100%; /* 2 */ position: relative; } /* ======================================================================== Component: Sticky ========================================================================== */ /* * 1. Create position context so it's t the same like when fixed. * 2. Create stacking context already when not sticky to have the same context * for position set to `sticky` and `relative` * 2. More robust if padding and border are used and the sticky height is transitioned */ .uk-sticky { /* 1 */ position: relative; /* 2 */ z-index: 980; /* 3 */ box-sizing: border-box; } .uk-sticky-fixed { margin: 0 !important; } /* * Faster animations */ .uk-sticky[class*="uk-animation-"] { animation-duration: 0.2s; } .uk-sticky.uk-animation-reverse { animation-duration: 0.2s; } /* * Placeholder * Make content clickable for sticky cover and reveal effects */ .uk-sticky-placeholder { pointer-events: none; } /* ======================================================================== 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 { --uk-inverse: light; /* 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; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-offcanvas-bar { left: -350px; width: 350px; padding: 30px 30px; } } /* Flip modifier */ .uk-offcanvas-flip .uk-offcanvas-bar { left: auto; right: -270px; } /* Tablet landscape and bigger */ @media (min-width: 640px) { .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: 640px) { .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: 5px; right: 5px; padding: 5px; } /* Tablet landscape and bigger */ @media (min-width: 640px) { .uk-offcanvas-close { top: 10px; right: 10px; } } /* * Remove margin from adjacent element */ .uk-offcanvas-close:first-child + * { margin-top: 0; } /* 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` * 1. `clip` is needed for `position: sticky` elements to keep their position */ .uk-offcanvas-page, .uk-offcanvas-container { overflow-x: hidden; /* 1 */ overflow-x: clip; } /* 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: 640px) { :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 */ :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; --uk-position-offset: 10px; --uk-position-viewport-offset: 10; /* 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; } /* ======================================================================== 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: 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-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)); transition: opacity 0.1s ease-in-out; } /* Hover */ .uk-thumbnav > * > :hover::after { opacity: 0; } /* Active */ .uk-thumbnav > .uk-active > *::after { opacity: 0; } /* 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 */ .uk-iconnav > * > a:hover { color: #666; } /* 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: 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: -20px; } .uk-grid-small > *, .uk-grid-column-small > * { padding-left: 20px; } /* 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: 20px; } /* * XSmall */ /* Horizontal */ .uk-grid-xsmall, .uk-grid-column-xsmall { margin-left: -10px; } .uk-grid-xsmall > *, .uk-grid-column-xsmall > * { padding-left: 10px; } /* Vertical */ .uk-grid + .uk-grid-xsmall, .uk-grid + .uk-grid-row-xsmall, .uk-grid-xsmall > .uk-grid-margin, .uk-grid-row-xsmall > .uk-grid-margin, * + .uk-grid-margin-small { margin-top: 10px; } /* * Medium */ /* Horizontal */ .uk-grid-medium, .uk-grid-column-medium { margin-left: -60px; } .uk-grid-medium > *, .uk-grid-column-medium > * { padding-left: 60px; } /* 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: 60px; } /* * 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: -80px; } .uk-grid-large > *, .uk-grid-column-large > * { padding-left: 80px; } /* 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: 80px; } } /* * XLarge */ /* Horizontal */ .uk-grid-xlarge, .uk-grid-column-xlarge { margin-left: -40px; } .uk-grid-xlarge > *, .uk-grid-column-xlarge > * { padding-left: 40px; } /* Vertical */ .uk-grid + .uk-grid-xlarge, .uk-grid + .uk-grid-row-xlarge, .uk-grid-xlarge > .uk-grid-margin, .uk-grid-row-xlarge > .uk-grid-margin, * + .uk-grid-margin-xlarge { margin-top: 40px; } /* Desktop and bigger */ @media (min-width: 1200px) { /* Horizontal */ .uk-grid-xlarge, .uk-grid-column-xlarge { margin-left: -160px; } .uk-grid-xlarge > *, .uk-grid-column-xlarge > * { padding-left: 160px; } /* Vertical */ .uk-grid + .uk-grid-xlarge, .uk-grid + .uk-grid-row-xlarge, .uk-grid-xlarge > .uk-grid-margin, .uk-grid-row-xlarge > .uk-grid-margin, * + .uk-grid-margin-xlarge { margin-top: 160px; } } /* * 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; } } /* * XSmall */ /* Horizontal */ .uk-grid-divider.uk-grid-xsmall, .uk-grid-divider.uk-grid-column-xsmall { margin-left: -20px; } .uk-grid-divider.uk-grid-xsmall > *, .uk-grid-divider.uk-grid-column-xsmall > * { padding-left: 20px; } .uk-grid-divider.uk-grid-xsmall > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-xsmall > :not(.uk-first-column)::before { left: 10px; } /* Vertical */ .uk-grid-divider.uk-grid-xsmall.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-xsmall.uk-grid-stack > .uk-grid-margin { margin-top: 20px; } .uk-grid-divider.uk-grid-xsmall.uk-grid-stack > .uk-grid-margin::before { top: -10px; left: 20px; } .uk-grid-divider.uk-grid-row-xsmall.uk-grid-stack > .uk-grid-margin::before { top: -10px; } .uk-grid-divider.uk-grid-column-xsmall.uk-grid-stack > .uk-grid-margin::before { left: 20px; } /* * Small */ /* Horizontal */ .uk-grid-divider.uk-grid-small, .uk-grid-divider.uk-grid-column-small { margin-left: -40px; } .uk-grid-divider.uk-grid-small > *, .uk-grid-divider.uk-grid-column-small > * { padding-left: 40px; } .uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { left: 20px; } /* 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: 40px; } .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { top: -20px; left: 40px; } .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { top: -20px; } .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { left: 40px; } /* * 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 */ .uk-nav li > a { /* 1 */ display: flex; align-items: center; /* 2 */ column-gap: 0.25em; /* 3*/ text-decoration: 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 ========================================================================== */ .uk-nav-parent-icon { margin-left: auto; transition: transform 0.3s ease-out; } .uk-nav > li.uk-open > a .uk-nav-parent-icon { transform: rotateX(180deg); } /* 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; line-height: 1.5; } /* * Items */ .uk-nav-default > li > a { color: #999; } /* Hover */ .uk-nav-default > li > a:hover { color: #666; } /* Active */ .uk-nav-default > li.uk-active > a { color: #333; } /* * Subtitle */ .uk-nav-default .uk-nav-subtitle { font-size: 12px; } /* * 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 { font-size: 0.875rem; line-height: 1.5; } .uk-nav-default .uk-nav-sub a { color: #999; } .uk-nav-default .uk-nav-sub a:hover { color: #666; } .uk-nav-default .uk-nav-sub li.uk-active > a { color: #333; } /* Primary modifier ========================================================================== */ .uk-nav-primary { font-size: 1.5rem; line-height: 1.5; } /* * Items */ .uk-nav-primary > li > a { color: #999; } /* Hover */ .uk-nav-primary > li > a:hover { color: #666; } /* Active */ .uk-nav-primary > li.uk-active > a { color: #333; } /* * Subtitle */ .uk-nav-primary .uk-nav-subtitle { font-size: 1.25rem; } /* * 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 { font-size: 1.25rem; line-height: 1.5; } .uk-nav-primary .uk-nav-sub a { color: #999; } .uk-nav-primary .uk-nav-sub a:hover { color: #666; } .uk-nav-primary .uk-nav-sub li.uk-active > a { color: #333; } /* Secondary modifier ========================================================================== */ .uk-nav-secondary { font-size: 16px; line-height: 1.5; } .uk-nav-secondary > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { margin-top: 0; } /* * Items */ .uk-nav-secondary > li > a { color: #333; padding: 10px 10px; } /* Hover */ .uk-nav-secondary > li > a:hover { color: #333; background-color: #f8f8f8; } /* Active */ .uk-nav-secondary > li.uk-active > a { color: #333; background-color: #f8f8f8; } /* * Subtitle */ .uk-nav-secondary .uk-nav-subtitle { font-size: 0.875rem; color: #999; } /* Hover */ .uk-nav-secondary > li > a:hover .uk-nav-subtitle { color: #666; } /* Active */ .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { color: #333; } /* * Header */ .uk-nav-secondary .uk-nav-header { color: #333; } /* * Divider */ .uk-nav-secondary .uk-nav-divider { border-top: 1px solid #e5e5e5; } /* * Sublists */ .uk-nav-secondary .uk-nav-sub { font-size: 0.875rem; line-height: 1.5; } .uk-nav-secondary .uk-nav-sub a { color: #999; } .uk-nav-secondary .uk-nav-sub a:hover { color: #666; } .uk-nav-secondary .uk-nav-sub li.uk-active > a { color: #333; } /* Size modifier ========================================================================== */ /* * Medium */ .uk-nav-medium { font-size: 2.8875rem; line-height: 1; } .uk-nav-large { font-size: 3.4rem; line-height: 1; } .uk-nav-xlarge { font-size: 4rem; line-height: 1; } /* Tablet Landscape and bigger */ @media (min-width: 960px) { .uk-nav-medium { font-size: 3.5rem; } .uk-nav-large { font-size: 4rem; } .uk-nav-xlarge { font-size: 6rem; } } /* Laptop and bigger */ @media (min-width: 1200px) { .uk-nav-medium { font-size: 4rem; } .uk-nav-large { font-size: 6rem; } .uk-nav-xlarge { font-size: 8rem; } } /* 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 */ .uk-nav-center .uk-nav-parent-icon { margin-left: 0.25em; } /* Style modifier ========================================================================== */ /* * Divider * Naming is in plural to prevent conflicts with divider sub object. */ .uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { margin-top: 5px; padding-top: 5px; 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; } /* Groups ========================================================================== */ /* * 1. Align navs and items vertically if they have a different height */ .uk-navbar-left, .uk-navbar-right, [class*="uk-navbar-center"] { display: flex; gap: 15px; /* 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: calc(100% + 15px); } .uk-navbar-center-right { left: calc(100% + 15px); } [class*="uk-navbar-center-"] { width: max-content; box-sizing: border-box; } /* Nav ========================================================================== */ /* * 1. Reset list */ .uk-navbar-nav { display: flex; gap: 15px; /* 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; /* 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 { padding: 0 0; color: #999; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color; } /* * Hover * Apply hover style also if dropdown is opened */ .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded="true"] { color: #666; } /* OnClick */ .uk-navbar-nav > li > a:active { color: #333; } /* Active */ .uk-navbar-nav > li.uk-active > a { color: #333; } /* Parent icon modifier ========================================================================== */ .uk-navbar-parent-icon { margin-left: 4px; transition: transform 0.3s ease-out; } .uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon { transform: rotateX(180deg); } /* Item ========================================================================== */ .uk-navbar-item { padding: 0 0; color: #666; } /* * Remove margin from the last-child */ .uk-navbar-item > :last-child { margin-bottom: 0; } /* Toggle ========================================================================== */ .uk-navbar-toggle { padding: 0 0; color: #999; } .uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded="true"] { color: #666; text-decoration: none; } /* * Icon * Adopts `uk-icon` */ /* Hover */ /* Subtitle ========================================================================== */ .uk-navbar-subtitle { font-size: 0.875rem; } /* Justify modifier ========================================================================== */ .uk-navbar-justify .uk-navbar-left, .uk-navbar-justify .uk-navbar-right, .uk-navbar-justify .uk-navbar-nav, .uk-navbar-justify .uk-navbar-nav > li, .uk-navbar-justify .uk-navbar-item, .uk-navbar-justify .uk-navbar-toggle { flex-grow: 1; } /* Style modifiers ========================================================================== */ /* Dropdown ========================================================================== */ /* * Adopts `uk-drop` * 1. Set a default width * 2. Style */ .uk-navbar-dropdown { --uk-position-offset: 15px; --uk-position-shift-offset: 0; --uk-position-viewport-offset: 15px; --uk-inverse: dark; /* 1 */ width: 200px; /* 2 */ padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); } /* * Remove margin from the last-child */ .uk-navbar-dropdown > :last-child { margin-bottom: 0; } .uk-navbar-dropdown :focus-visible { outline-color: #333 !important; } /* * Grid * Adopts `uk-grid` */ /* Gutter Horizontal */ .uk-navbar-dropdown .uk-drop-grid { margin-left: -30px; } .uk-navbar-dropdown .uk-drop-grid > * { padding-left: 30px; } /* Gutter Vertical */ .uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin { margin-top: 30px; } /* * Width modifier */ .uk-navbar-dropdown-width-2:not(.uk-drop-stack) { width: 400px; } .uk-navbar-dropdown-width-3:not(.uk-drop-stack) { width: 600px; } .uk-navbar-dropdown-width-4:not(.uk-drop-stack) { width: 800px; } .uk-navbar-dropdown-width-5:not(.uk-drop-stack) { width: 1000px; } /* * Size modifier */ .uk-navbar-dropdown-large { --uk-position-shift-offset: 0; padding: 40px; } /* * Dropbar modifier * 1. Reset dropdown width to prevent to early shifting * 2. Reset style * 3. Padding */ .uk-navbar-dropdown-dropbar { /* 1 */ width: auto; /* 2 */ background: transparent; /* 3 */ padding: 25px 0 25px 0; --uk-position-offset: 0; --uk-position-shift-offset: 0; --uk-position-viewport-offset: 15px; box-shadow: none; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-navbar-dropdown-dropbar { --uk-position-viewport-offset: 30px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-navbar-dropdown-dropbar { --uk-position-viewport-offset: 40px; } } .uk-navbar-dropdown-dropbar-large { --uk-position-shift-offset: 0; padding-top: 40px; padding-bottom: 40px; } /* Dropdown Nav * Adopts `uk-nav` ========================================================================== */ .uk-navbar-dropdown-nav { font-size: 0.875rem; } /* * Items */ .uk-navbar-dropdown-nav > li > a { color: #999; } /* Hover */ .uk-navbar-dropdown-nav > li > a:hover { color: #666; } /* Active */ .uk-navbar-dropdown-nav > li.uk-active > a { color: #333; } /* * Subtitle */ .uk-navbar-dropdown-nav .uk-nav-subtitle { font-size: 12px; } /* * 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 { color: #666; } .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { color: #333; } /* Dropbar ========================================================================== */ /* * Adopts `uk-dropnav-dropbar` */ .uk-navbar-container { transition: 0.1s ease-in-out; transition-property: background-color; } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-navbar-left, .uk-navbar-right, [class*="uk-navbar-center"] { gap: 30px; } .uk-navbar-center-left { right: calc(100% + 30px); } .uk-navbar-center-right { left: calc(100% + 30px); } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-navbar-nav { gap: 30px; } } /* ======================================================================== 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 */ .uk-subnav > * > a:hover { color: #666; text-decoration: 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 */ .uk-subnav-pill > * > a:hover { 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 */ .uk-breadcrumb > * > :hover { 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. Center items vertically if they have a different height * 3. Gutter * 4. Reset list */ .uk-pagination { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ align-items: center; /* 3 */ margin-left: 0; /* 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-pagination > * { /* 1 */ flex: none; /* 2 */ padding-left: 0; /* 3 */ position: relative; } /* Items ========================================================================== */ /* * 1. Center content vertically, e.g. an icon * 2. Imitate white space gap when using flexbox * 3. Style */ .uk-pagination > * > * { /* 1 */ display: flex; align-items: center; /* 2 */ column-gap: 0.25em; /* 3 */ padding: 5px 10px; color: #999; transition: color 0.1s ease-in-out; } /* Hover */ .uk-pagination > * > :hover { 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 */ .uk-tab > * > a:hover { 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 */ .uk-slidenav:hover { color: rgba(102, 102, 102, 0.9); } /* 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 */ .uk-dotnav > * > :hover { background-color: rgba(102, 102, 102, 0.6); 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: Dropdown ========================================================================== */ /* * Adopts `uk-drop` * 1. Reset drop and let text expand the width instead of wrapping * 2. Set a default width * 3. Style */ .uk-dropdown { --uk-position-offset: 10px; --uk-position-viewport-offset: 15px; --uk-inverse: dark; /* 1 */ width: auto; /* 2 */ min-width: 200px; /* 3 */ padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); } /* * Remove margin from the last-child */ .uk-dropdown > :last-child { margin-bottom: 0; } .uk-dropdown :focus-visible { outline-color: #333 !important; } /* Size modifier ========================================================================== */ .uk-dropdown-large { padding: 40px; } /* Dropbar modifier ========================================================================== */ /* * 1. Reset dropdown width to prevent to early shifting * 2. Reset style * 3. Padding */ .uk-dropdown-dropbar { /* 1 */ width: auto; /* 2 */ background: transparent; /* 3 */ padding: 5px 0 25px 0; --uk-position-viewport-offset: 15px; box-shadow: none; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-dropdown-dropbar { --uk-position-viewport-offset: 30px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-dropdown-dropbar { --uk-position-viewport-offset: 40px; } } .uk-dropdown-dropbar-large { padding-top: 40px; padding-bottom: 40px; } /* Nav * Adopts `uk-nav` ========================================================================== */ .uk-dropdown-nav { font-size: 0.875rem; } /* * Items */ .uk-dropdown-nav > li > a { color: #999; } /* Hover + Active */ .uk-dropdown-nav > li > a:hover, .uk-dropdown-nav > li.uk-active > a { color: #666; } /* * Subtitle */ .uk-dropdown-nav .uk-nav-subtitle { font-size: 12px; } /* * 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 li.uk-active > a { color: #666; } /* ======================================================================== 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; } /* * Focus */ .uk-lightbox :focus-visible { outline-color: rgba(255, 255, 255, 0.7); } /* 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 */ .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; } .uk-lightbox-items > * > :not(iframe) { width: auto; height: auto; } .uk-lightbox-items > .uk-active { display: flex; } /* Toolbar ========================================================================== */ .uk-lightbox-toolbar { padding: 10px 10px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); } .uk-lightbox-toolbar > * { color: rgba(255, 255, 255, 0.7); } /* Toolbar Icon (Close) ========================================================================== */ .uk-lightbox-toolbar-icon { padding: 5px; color: rgba(255, 255, 255, 0.7); } /* * Hover */ .uk-lightbox-toolbar-icon:hover { color: #fff; } /* Button (Slidenav) ========================================================================== */ /* * 1. Center icon vertically and horizontally */ .uk-lightbox-button { box-sizing: border-box; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); /* 1 */ display: inline-flex; justify-content: center; align-items: center; } /* Hover */ .uk-lightbox-button:hover { color: #fff; } /* OnClick */ /* Caption ========================================================================== */ .uk-lightbox-caption:empty { display: none; } /* Iframe ========================================================================== */ .uk-lightbox-iframe { width: 80%; height: 80%; } /* ======================================================================== Component: Animation ========================================================================== */ [class*="uk-animation-"] { animation: 0.5s ease-out 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, uk-scale-up; } .uk-animation-scale-down { animation-name: uk-fade, uk-scale-down; } /* * Slide */ .uk-animation-slide-top { animation-name: uk-fade, uk-slide-top; } .uk-animation-slide-bottom { animation-name: uk-fade, uk-slide-bottom; } .uk-animation-slide-left { animation-name: uk-fade, uk-slide-left; } .uk-animation-slide-right { animation-name: uk-fade, uk-slide-right; } /* * Slide Small */ .uk-animation-slide-top-small { animation-name: uk-fade, uk-slide-top-small; } .uk-animation-slide-bottom-small { animation-name: uk-fade, uk-slide-bottom-small; } .uk-animation-slide-left-small { animation-name: uk-fade, uk-slide-left-small; } .uk-animation-slide-right-small { animation-name: uk-fade, uk-slide-right-small; } /* * Slide Medium */ .uk-animation-slide-top-medium { animation-name: uk-fade, uk-slide-top-medium; } .uk-animation-slide-bottom-medium { animation-name: uk-fade, uk-slide-bottom-medium; } .uk-animation-slide-left-medium { animation-name: uk-fade, uk-slide-left-medium; } .uk-animation-slide-right-medium { animation-name: uk-fade, uk-slide-right-medium; } /* * Kenburns */ .uk-animation-kenburns { animation-name: uk-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; animation-duration: 2s; stroke-dasharray: var(--uk-animation-stroke); } /* Direction modifier ========================================================================== */ .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; } /* Duration modifier ========================================================================== */ .uk-animation-fast { animation-duration: 0.1s; } /* Toggle animation based on the State of the Parent Element ========================================================================== */ .uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] { animation-name: none; } /* Keyframes used by animation classes ========================================================================== */ /* * Fade */ @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } /* * Scale */ @keyframes uk-scale-up { 0% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes uk-scale-down { 0% { transform: scale(1.1); } 100% { transform: scale(1); } } /* * Slide */ @keyframes uk-slide-top { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes uk-slide-bottom { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes uk-slide-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes uk-slide-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } /* * Slide Small */ @keyframes uk-slide-top-small { 0% { transform: translateY(-10px); } 100% { transform: translateY(0); } } @keyframes uk-slide-bottom-small { 0% { transform: translateY(10px); } 100% { transform: translateY(0); } } @keyframes uk-slide-left-small { 0% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @keyframes uk-slide-right-small { 0% { transform: translateX(10px); } 100% { transform: translateX(0); } } /* * Slide Medium */ @keyframes uk-slide-top-medium { 0% { transform: translateY(-50px); } 100% { transform: translateY(0); } } @keyframes uk-slide-bottom-medium { 0% { transform: translateY(50px); } 100% { transform: translateY(0); } } @keyframes uk-slide-left-medium { 0% { transform: translateX(-50px); } 100% { transform: translateX(0); } } @keyframes uk-slide-right-medium { 0% { transform: translateX(50px); } 100% { transform: translateX(0); } } /* * Kenburns */ @keyframes uk-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% / 3); } .uk-child-width-1-4 > * { width: 25%; } .uk-child-width-1-5 > * { width: 20%; } .uk-child-width-1-6 > * { width: calc(100% / 6); } .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% / 3); } .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% / 6); } .uk-child-width-auto\@s > * { width: auto; } .uk-child-width-expand\@s > :not([class*="uk-width"]) { flex: 1; min-width: 1px; } /* Reset expand */ .uk-child-width-1-1\@s > :not([class*="uk-width"]), .uk-child-width-1-2\@s > :not([class*="uk-width"]), .uk-child-width-1-3\@s > :not([class*="uk-width"]), .uk-child-width-1-4\@s > :not([class*="uk-width"]), .uk-child-width-1-5\@s > :not([class*="uk-width"]), .uk-child-width-1-6\@s > :not([class*="uk-width"]), .uk-child-width-auto\@s > :not([class*="uk-width"]) { flex: initial; } } /* 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% / 3); } .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% / 6); } .uk-child-width-auto\@m > * { width: auto; } .uk-child-width-expand\@m > :not([class*="uk-width"]) { flex: 1; min-width: 1px; } /* Reset expand */ .uk-child-width-1-1\@m > :not([class*="uk-width"]), .uk-child-width-1-2\@m > :not([class*="uk-width"]), .uk-child-width-1-3\@m > :not([class*="uk-width"]), .uk-child-width-1-4\@m > :not([class*="uk-width"]), .uk-child-width-1-5\@m > :not([class*="uk-width"]), .uk-child-width-1-6\@m > :not([class*="uk-width"]), .uk-child-width-auto\@m > :not([class*="uk-width"]) { flex: initial; } } /* 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% / 3); } .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% / 6); } .uk-child-width-auto\@l > * { width: auto; } .uk-child-width-expand\@l > :not([class*="uk-width"]) { flex: 1; min-width: 1px; } /* Reset expand */ .uk-child-width-1-1\@l > :not([class*="uk-width"]), .uk-child-width-1-2\@l > :not([class*="uk-width"]), .uk-child-width-1-3\@l > :not([class*="uk-width"]), .uk-child-width-1-4\@l > :not([class*="uk-width"]), .uk-child-width-1-5\@l > :not([class*="uk-width"]), .uk-child-width-1-6\@l > :not([class*="uk-width"]), .uk-child-width-auto\@l > :not([class*="uk-width"]) { flex: initial; } } /* 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% / 3); } .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% / 6); } .uk-child-width-auto\@xl > * { width: auto; } .uk-child-width-expand\@xl > :not([class*="uk-width"]) { flex: 1; min-width: 1px; } /* Reset expand */ .uk-child-width-1-1\@xl > :not([class*="uk-width"]), .uk-child-width-1-2\@xl > :not([class*="uk-width"]), .uk-child-width-1-3\@xl > :not([class*="uk-width"]), .uk-child-width-1-4\@xl > :not([class*="uk-width"]), .uk-child-width-1-5\@xl > :not([class*="uk-width"]), .uk-child-width-1-6\@xl > :not([class*="uk-width"]), .uk-child-width-auto\@xl > :not([class*="uk-width"]) { flex: initial; } } /* 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% / 3); } .uk-width-2-3 { width: calc(200% / 3); } /* 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% / 6); } .uk-width-5-6 { width: calc(500% / 6); } /* 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% / 3); } .uk-width-2-3\@s { width: calc(200% / 3); } /* 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% / 6); } .uk-width-5-6\@s { width: calc(500% / 6); } /* 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; } /* Reset expand */ .uk-width-1-1\@s, .uk-width-1-2\@s, .uk-width-1-3\@s, .uk-width-2-3\@s, .uk-width-1-4\@s, .uk-width-3-4\@s, .uk-width-1-5\@s, .uk-width-2-5\@s, .uk-width-3-5\@s, .uk-width-4-5\@s, .uk-width-1-6\@s, .uk-width-5-6\@s, .uk-width-small\@s, .uk-width-medium\@s, .uk-width-large\@s, .uk-width-xlarge\@s, .uk-width-2xlarge\@s, .uk-width-auto\@s { flex: initial; } } /* 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% / 3); } .uk-width-2-3\@m { width: calc(200% / 3); } /* 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% / 6); } .uk-width-5-6\@m { width: calc(500% / 6); } /* 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; } /* Reset expand */ .uk-width-1-1\@m, .uk-width-1-2\@m, .uk-width-1-3\@m, .uk-width-2-3\@m, .uk-width-1-4\@m, .uk-width-3-4\@m, .uk-width-1-5\@m, .uk-width-2-5\@m, .uk-width-3-5\@m, .uk-width-4-5\@m, .uk-width-1-6\@m, .uk-width-5-6\@m, .uk-width-small\@m, .uk-width-medium\@m, .uk-width-large\@m, .uk-width-xlarge\@m, .uk-width-2xlarge\@m, .uk-width-auto\@m { flex: initial; } } /* 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% / 3); } .uk-width-2-3\@l { width: calc(200% / 3); } /* 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% / 6); } .uk-width-5-6\@l { width: calc(500% / 6); } /* 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; } /* Reset expand */ .uk-width-1-1\@l, .uk-width-1-2\@l, .uk-width-1-3\@l, .uk-width-2-3\@l, .uk-width-1-4\@l, .uk-width-3-4\@l, .uk-width-1-5\@l, .uk-width-2-5\@l, .uk-width-3-5\@l, .uk-width-4-5\@l, .uk-width-1-6\@l, .uk-width-5-6\@l, .uk-width-small\@l, .uk-width-medium\@l, .uk-width-large\@l, .uk-width-xlarge\@l, .uk-width-2xlarge\@l, .uk-width-auto\@l { flex: initial; } } /* 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% / 3); } .uk-width-2-3\@xl { width: calc(200% / 3); } /* 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% / 6); } .uk-width-5-6\@xl { width: calc(500% / 6); } /* 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; } /* Reset expand */ .uk-width-1-1\@xl, .uk-width-1-2\@xl, .uk-width-1-3\@xl, .uk-width-2-3\@xl, .uk-width-1-4\@xl, .uk-width-3-4\@xl, .uk-width-1-5\@xl, .uk-width-2-5\@xl, .uk-width-3-5\@xl, .uk-width-4-5\@xl, .uk-width-1-6\@xl, .uk-width-5-6\@xl, .uk-width-small\@xl, .uk-width-medium\@xl, .uk-width-large\@xl, .uk-width-xlarge\@xl, .uk-width-2xlarge\@xl, .uk-width-auto\@xl { flex: initial; } } /* Intrinsic Widths ========================================================================== */ .uk-width-max-content { width: max-content; } .uk-width-min-content { width: min-content; } /* ======================================================================== 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; } .uk-height-viewport-2 { min-height: 200vh; } .uk-height-viewport-3 { min-height: 300vh; } .uk-height-viewport-4 { min-height: 400vh; } /* * 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 all browsers. * 2. Default color is set to transparent. * 3. Container fits the text * 4. Style */ .uk-text-background { /* 1 */ -webkit-background-clip: text; /* 2 */ color: transparent !important; /* 3 */ display: inline-block; /* 4 */ background-color: #1e87f0; background-image: linear-gradient(90deg, #1e87f0 0%, #411ef0 100%); } /* 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; } /* * Wrap long words onto the next line and break them if they are too long to fit. * 1. Make it work with table cells in all browsers. * Note: Not using `hyphens: auto` because it hyphenates text even if not needed. */ .uk-text-break { overflow-wrap: break-word; } /* 1 */ th.uk-text-break, td.uk-text-break { word-break: break-word; } /* ======================================================================== 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. Use attribute to apply transform instantly. Needed if transform is transitioned. * 2. Reset responsiveness for embedded content * 3. Center object * Note: Percent values on the `top` property only works if this element * is absolute positioned or if the container has a height */ /* 1 */ [uk-cover]:where(canvas, iframe, svg), [data-uk-cover]:where(canvas, iframe, svg) { /* 2 */ max-width: none; /* 3 */ position: absolute; left: 50%; top: 50%; --uk-position-translate-x: -50%; --uk-position-translate-y: -50%; transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); } iframe[uk-cover], iframe[data-uk-cover] { pointer-events: none; } [uk-cover]:where(img, video), [data-uk-cover]:where(img, video) { /* 3 */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; object-fit: cover; object-position: center; } /* 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 ========================================================================== */ .uk-background-fixed { background-attachment: fixed; } /* * 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; 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%; } /* Overflow ========================================================================== */ .uk-overflow-hidden { overflow: hidden; } /* * Enable scrollbars if content is clipped */ .uk-overflow-auto { overflow: auto; } .uk-overflow-auto > :last-child { margin-bottom: 0; } /* Box Sizing ========================================================================== */ .uk-box-sizing-content { box-sizing: content-box; } .uk-box-sizing-border { box-sizing: border-box; } /* Resize ========================================================================== */ .uk-resize { resize: both; } .uk-resize-horizontal { resize: horizontal; } .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; } /* * Fix initial iframe width. Without the viewport is expanded on iOS devices */ [uk-responsive], [data-uk-responsive] { max-width: 100%; } /* Object ========================================================================== */ .uk-object-cover { object-fit: cover; } .uk-object-contain { object-fit: contain; } .uk-object-fill { object-fit: fill; } .uk-object-none { object-fit: none; } .uk-object-scale-down { object-fit: scale-down; } /* * Position */ .uk-object-top-left { object-position: 0 0; } .uk-object-top-center { object-position: 50% 0; } .uk-object-top-right { object-position: 100% 0; } .uk-object-center-left { object-position: 0 50%; } .uk-object-center-center { object-position: 50% 50%; } .uk-object-center-right { object-position: 100% 50%; } .uk-object-bottom-left { object-position: 0 100%; } .uk-object-bottom-center { object-position: 50% 100%; } .uk-object-bottom-right { object-position: 100% 100%; } /* 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 */ .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%; } } /* Logo ========================================================================== */ /* * 1. Style * 2. Required for `a` * 3. Behave like image but can be overridden through flex utility classes */ .uk-logo { /* 1 */ 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: #333; /* 2 */ text-decoration: none; } /* 3 */ :where(.uk-logo) { display: inline-block; vertical-align: middle; } /* Hover */ .uk-logo:hover { color: #333; /* 1 */ text-decoration: none; } .uk-logo :where(img, svg, video) { display: block; } .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; } /* 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; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-flex-stretch\@s { align-items: stretch; } .uk-flex-top\@s { align-items: flex-start; } .uk-flex-middle\@s { align-items: center; } .uk-flex-bottom\@s { align-items: flex-end; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-flex-stretch\@m { align-items: stretch; } .uk-flex-top\@m { align-items: flex-start; } .uk-flex-middle\@m { align-items: center; } .uk-flex-bottom\@m { align-items: flex-end; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-flex-stretch\@l { align-items: stretch; } .uk-flex-top\@l { align-items: flex-start; } .uk-flex-middle\@l { align-items: center; } .uk-flex-bottom\@l { align-items: flex-end; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-flex-stretch\@xl { align-items: stretch; } .uk-flex-top\@xl { align-items: flex-start; } .uk-flex-middle\@xl { align-items: center; } .uk-flex-bottom\@xl { 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; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-flex-row\@s { flex-direction: row; } .uk-flex-column\@s { flex-direction: column; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-flex-row\@m { flex-direction: row; } .uk-flex-column\@m { flex-direction: column; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-flex-row\@l { flex-direction: row; } .uk-flex-column\@l { flex-direction: column; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-flex-row\@xl { flex-direction: row; } .uk-flex-column\@xl { flex-direction: column; } } /* 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 */ .uk-flex-initial { flex: initial; } /* * 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; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-flex-initial\@s { flex: initial; } .uk-flex-none\@s { flex: none; } .uk-flex-1\@s { flex: 1; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-flex-initial\@m { flex: initial; } .uk-flex-none\@m { flex: none; } .uk-flex-1\@m { flex: 1; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-flex-initial\@l { flex: initial; } .uk-flex-none\@l { flex: none; } .uk-flex-1\@l { flex: 1; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-flex-initial\@xl { flex: initial; } .uk-flex-none\@xl { flex: none; } .uk-flex-1\@xl { flex: 1; } } /* ======================================================================== Component: Margin ========================================================================== */ /* * Default */ .uk-margin { margin-bottom: 40px; } * + .uk-margin { margin-top: 40px !important; } .uk-margin-top { margin-top: 40px !important; } .uk-margin-bottom { margin-bottom: 40px !important; } .uk-margin-left { margin-left: 40px !important; } .uk-margin-right { margin-right: 40px !important; } /* Small ========================================================================== */ .uk-margin-small { margin-bottom: 20px; } * + .uk-margin-small { margin-top: 20px !important; } .uk-margin-small-top { margin-top: 20px !important; } .uk-margin-small-bottom { margin-bottom: 20px !important; } .uk-margin-small-left { margin-left: 20px !important; } .uk-margin-small-right { margin-right: 20px !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; } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-margin-medium { margin-bottom: 60px; } * + .uk-margin-medium { margin-top: 60px !important; } .uk-margin-medium-top { margin-top: 60px !important; } .uk-margin-medium-bottom { margin-bottom: 60px !important; } .uk-margin-medium-left { margin-left: 60px !important; } .uk-margin-medium-right { margin-right: 60px !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: 80px; } * + .uk-margin-large { margin-top: 80px !important; } .uk-margin-large-top { margin-top: 80px !important; } .uk-margin-large-bottom { margin-bottom: 80px !important; } .uk-margin-large-left { margin-left: 80px !important; } .uk-margin-large-right { margin-right: 80px !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: 40px; } /* 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 ========================================================================== */ :root { --uk-position-margin-offset: 0px; } /* Directions ========================================================================== */ /* * 1. Prevent content overflow. */ [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: calc(100% - (var(--uk-position-margin-offset) * 2)); box-sizing: border-box; } /* * Edges * Don't use `width: 100%` because it's 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. * Using `max-content` requires `max-width` of 100% which is set generally. */ .uk-position-center { top: calc(50% - var(--uk-position-margin-offset)); left: calc(50% - var(--uk-position-margin-offset)); --uk-position-translate-x: -50%; --uk-position-translate-y: -50%; transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); /* 1 */ width: max-content; } /* Vertical */ [class*="uk-position-center-left"], [class*="uk-position-center-right"], .uk-position-center-vertical { top: calc(50% - var(--uk-position-margin-offset)); --uk-position-translate-y: -50%; transform: translate(0, var(--uk-position-translate-y)); } .uk-position-center-left { left: 0; } .uk-position-center-right { right: 0; } .uk-position-center-vertical { left: 0; 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, .uk-position-center-horizontal { left: calc(50% - var(--uk-position-margin-offset)); --uk-position-translate-x: -50%; transform: translate(var(--uk-position-translate-x), 0); /* 1 */ width: max-content; } .uk-position-top-center { top: 0; } .uk-position-bottom-center { bottom: 0; } .uk-position-center-horizontal { top: 0; bottom: 0; } /* * Cover */ .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* Margin ========================================================================== */ .uk-position-small { margin: 15px; --uk-position-margin-offset: 15px; } .uk-position-medium { margin: 30px; --uk-position-margin-offset: 30px; } .uk-position-large { margin: 30px; --uk-position-margin-offset: 30px; } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-position-large { margin: 50px; --uk-position-margin-offset: 50px; } } /* Schemes ========================================================================== */ .uk-position-relative { position: relative !important; } .uk-position-absolute { position: absolute !important; } .uk-position-fixed { position: fixed !important; } .uk-position-sticky { position: sticky !important; } /* Layer ========================================================================== */ .uk-position-z-index { z-index: 1; } .uk-position-z-index-zero { z-index: 0; } .uk-position-z-index-negative { z-index: -1; } .uk-position-z-index-high { z-index: 990; } /* ======================================================================== Component: Transition ========================================================================== */ /* 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) */ :where(.uk-transition-fade), :where([class*="uk-transition-scale"]), :where([class*="uk-transition-slide"]) { --uk-position-translate-x: 0; --uk-position-translate-y: 0; } .uk-transition-fade, [class*="uk-transition-scale"], [class*="uk-transition-slide"] { --uk-translate-x: 0; --uk-translate-y: 0; --uk-scale-x: 1; --uk-scale-y: 1; transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y)); 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-toggle:focus-within .uk-transition-fade, .uk-transition-active.uk-active .uk-transition-fade { opacity: 1; } /* * Scale * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari. */ /* 1 */ [class*="uk-transition-scale"] { -webkit-backface-visibility: hidden; } .uk-transition-scale-up { --uk-scale-x: 1; --uk-scale-y: 1; } .uk-transition-scale-down { --uk-scale-x: 1.03; --uk-scale-y: 1.03; } /* Show */ .uk-transition-toggle:hover .uk-transition-scale-up, .uk-transition-toggle:focus .uk-transition-scale-up, .uk-transition-toggle:focus-within .uk-transition-scale-up, .uk-transition-active.uk-active .uk-transition-scale-up { --uk-scale-x: 1.03; --uk-scale-y: 1.03; opacity: 1; } .uk-transition-toggle:hover .uk-transition-scale-down, .uk-transition-toggle:focus .uk-transition-scale-down, .uk-transition-toggle:focus-within .uk-transition-scale-down, .uk-transition-active.uk-active .uk-transition-scale-down { --uk-scale-x: 1; --uk-scale-y: 1; opacity: 1; } /* * Slide */ .uk-transition-slide-top { --uk-translate-y: -100%; } .uk-transition-slide-bottom { --uk-translate-y: 100%; } .uk-transition-slide-left { --uk-translate-x: -100%; } .uk-transition-slide-right { --uk-translate-x: 100%; } .uk-transition-slide-top-small { --uk-translate-y: calc(-1 * 10px); } .uk-transition-slide-bottom-small { --uk-translate-y: 10px; } .uk-transition-slide-left-small { --uk-translate-x: calc(-1 * 10px); } .uk-transition-slide-right-small { --uk-translate-x: 10px; } .uk-transition-slide-top-medium { --uk-translate-y: calc(-1 * 50px); } .uk-transition-slide-bottom-medium { --uk-translate-y: 50px; } .uk-transition-slide-left-medium { --uk-translate-x: calc(-1 * 50px); } .uk-transition-slide-right-medium { --uk-translate-x: 50px; } /* Show */ .uk-transition-toggle:hover [class*="uk-transition-slide"], .uk-transition-toggle:focus [class*="uk-transition-slide"], .uk-transition-toggle:focus-within [class*="uk-transition-slide"], .uk-transition-active.uk-active [class*="uk-transition-slide"] { --uk-translate-x: 0; --uk-translate-y: 0; opacity: 1; } /* Opacity modifier ========================================================================== */ .uk-transition-opaque { opacity: 1; } /* Duration modifier ========================================================================== */ .uk-transition-slow { transition-duration: 0.7s; } /* Disable modifier ========================================================================== */ .uk-transition-disable, .uk-transition-disable * { transition: none !important; } /* ======================================================================== 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; } /* Based on the State of the Parent Element ========================================================================== */ /* * Mind that `display: none`, `visibility: hidden` and `opacity: 0` * remove the element from the accessibility tree and that * `display: none` and `visibility: hidden` are not focusable. * * The target stays visible if any element within receives focus through keyboard. */ /* * Remove space when hidden. * 1. Remove from document flow. * 2. Hide element and shrink its dimension. Current browsers and screen readers * keep the element in the accessibility tree even with zero dimensions. * Using `tabindex="-1"` will show the element on touch devices. * Note: `clip-path` doesn't work with `tabindex` on touch devices. */ .uk-hidden-visually:not(:focus):not(:active):not(:focus-within), .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)) { /* 1 */ position: absolute !important; /* 2 */ width: 0 !important; height: 0 !important; padding: 0 !important; border: 0 !important; margin: 0 !important; overflow: hidden !important; } /* * Keep space when hidden. * Hide element without shrinking its dimension. * Note: `clip-path` doesn't work with hover for elements outside of the toggle box. */ .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { opacity: 0 !important; } /* Based on Hover Capability of the Pointing Device ========================================================================== */ /* * Hover */ /* Hide if primary pointing device doesn't support hover, e.g. touch screens. */ @media (hover: none) { .uk-hidden-touch { display: none !important; } } /* Hide if primary pointing device supports hover, e.g. mice. */ @media (hover) { .uk-hidden-notouch { display: none !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-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-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-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-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-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 > :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-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 > :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-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link, .uk-offcanvas-bar a:hover, .uk-offcanvas-bar .uk-link:hover, .uk-offcanvas-bar .uk-link-toggle:hover .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-color: 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-light .uk-heading-3xlarge, .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-primary:not(.uk-preserve-color) .uk-heading-3xlarge, .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-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, .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-primary:not(.uk-preserve-color) .uk-heading-3xlarge, .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-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, .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.uk-card-body .uk-heading-3xlarge, .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-primary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, .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.uk-card-body .uk-heading-3xlarge, .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-card-secondary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, .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-overlay-primary .uk-heading-3xlarge, .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, .uk-offcanvas-bar .uk-heading-3xlarge { 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 :focus-visible, .uk-section-primary:not(.uk-preserve-color) :focus-visible, .uk-section-secondary:not(.uk-preserve-color) :focus-visible, .uk-tile-primary:not(.uk-preserve-color) :focus-visible, .uk-tile-secondary:not(.uk-preserve-color) :focus-visible, .uk-card-primary.uk-card-body :focus-visible, .uk-card-primary > :not([class*="uk-card-media"]) :focus-visible, .uk-card-secondary.uk-card-body :focus-visible, .uk-card-secondary > :not([class*="uk-card-media"]) :focus-visible, .uk-overlay-primary :focus-visible, .uk-offcanvas-bar :focus-visible { outline-color: #fff; } .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-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-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-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-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-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 > :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-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 > :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-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-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 { 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-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-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-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-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-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 > :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-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 > :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-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-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 { 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-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-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-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-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-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 > :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-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 > :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-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-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 { 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-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-card-primary.uk-card-body .uk-icon-link:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:hover, .uk-card-secondary.uk-card-body .uk-icon-link:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:hover, .uk-overlay-primary .uk-icon-link:hover, .uk-offcanvas-bar .uk-icon-link:hover { 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-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-card-primary.uk-card-body .uk-icon-button:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:hover, .uk-card-secondary.uk-card-body .uk-icon-button:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:hover, .uk-overlay-primary .uk-icon-button:hover, .uk-offcanvas-bar .uk-icon-button:hover { 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::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::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: #fff; } .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-section-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-card-primary.uk-card-body .uk-button-default:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:hover, .uk-card-secondary.uk-card-body .uk-button-default:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:hover, .uk-overlay-primary .uk-button-default:hover, .uk-offcanvas-bar .uk-button-default:hover { 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-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:hover, .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:hover, .uk-overlay-primary .uk-button-primary:hover, .uk-offcanvas-bar .uk-button-primary:hover { 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-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-card-primary.uk-card-body .uk-button-secondary:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:hover, .uk-card-secondary.uk-card-body .uk-button-secondary:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:hover, .uk-overlay-primary .uk-button-secondary:hover, .uk-offcanvas-bar .uk-button-secondary:hover { 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-section-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, .uk-card-primary.uk-card-body .uk-button-text:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:hover, .uk-card-secondary.uk-card-body .uk-button-text:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:hover, .uk-overlay-primary .uk-button-text:hover, .uk-offcanvas-bar .uk-button-text:hover { 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-section-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, .uk-card-primary.uk-card-body .uk-button-link:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link:hover, .uk-card-secondary.uk-card-body .uk-button-link:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link:hover, .uk-overlay-primary .uk-button-link:hover, .uk-offcanvas-bar .uk-button-link:hover { 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-section-primary:not(.uk-preserve-color) .uk-close:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, .uk-card-primary.uk-card-body .uk-close:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-close:hover, .uk-card-secondary.uk-card-body .uk-close:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-close:hover, .uk-overlay-primary .uk-close:hover, .uk-offcanvas-bar .uk-close:hover { 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-section-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, .uk-card-primary.uk-card-body .uk-totop:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:hover, .uk-card-secondary.uk-card-body .uk-totop:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:hover, .uk-overlay-primary .uk-totop:hover, .uk-offcanvas-bar .uk-totop:hover { 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-section-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-card-primary.uk-card-body .uk-marker:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-marker:hover, .uk-card-secondary.uk-card-body .uk-marker:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-marker:hover, .uk-overlay-primary .uk-marker:hover, .uk-offcanvas-bar .uk-marker:hover { 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::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; border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-search-navbar .uk-search-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus, .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, .uk-overlay-primary .uk-search-navbar .uk-search-input:focus, .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus { background-color: rgba(0, 0, 0, 0.05); } .uk-light .uk-search-medium .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input, .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, .uk-overlay-primary .uk-search-medium .uk-search-input, .uk-offcanvas-bar .uk-search-medium .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-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-card-primary.uk-card-body .uk-search-toggle:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover, .uk-card-secondary.uk-card-body .uk-search-toggle:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover, .uk-overlay-primary .uk-search-toggle:hover, .uk-offcanvas-bar .uk-search-toggle:hover { 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-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-card-primary.uk-card-body .uk-accordion-title:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:hover, .uk-card-secondary.uk-card-body .uk-accordion-title:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:hover, .uk-overlay-primary .uk-accordion-title:hover, .uk-offcanvas-bar .uk-accordion-title:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-thumbnav > * > *::after, .uk-section-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, .uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, .uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, .uk-card-primary.uk-card-body .uk-thumbnav > * > *::after, .uk-card-primary > :not([class*="uk-card-media"]) .uk-thumbnav > * > *::after, .uk-card-secondary.uk-card-body .uk-thumbnav > * > *::after, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-thumbnav > * > *::after, .uk-overlay-primary .uk-thumbnav > * > *::after, .uk-offcanvas-bar .uk-thumbnav > * > *::after { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); } .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-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > a:hover, .uk-overlay-primary .uk-iconnav > * > a:hover, .uk-offcanvas-bar .uk-iconnav > * > a:hover { 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-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-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-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .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:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .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:hover, .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:hover, .uk-overlay-primary .uk-nav-default > li > a:hover, .uk-offcanvas-bar .uk-nav-default > li > a:hover { 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-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:hover, .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:hover, .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:hover, .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:hover, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover { 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-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .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:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .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:hover, .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:hover, .uk-overlay-primary .uk-nav-primary > li > a:hover, .uk-offcanvas-bar .uk-nav-primary > li > a:hover { 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-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:hover, .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:hover, .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:hover, .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:hover, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover { 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-secondary > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, .uk-card-primary.uk-card-body .uk-nav-secondary > li > a, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a, .uk-card-secondary.uk-card-body .uk-nav-secondary > li > a, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a, .uk-overlay-primary .uk-nav-secondary > li > a, .uk-offcanvas-bar .uk-nav-secondary > li > a { color: #fff; } .uk-light .uk-nav-secondary > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, .uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover, .uk-overlay-primary .uk-nav-secondary > li > a:hover, .uk-offcanvas-bar .uk-nav-secondary > li > a:hover { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .uk-light .uk-nav-secondary > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a, .uk-overlay-primary .uk-nav-secondary > li.uk-active > a, .uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .uk-light .uk-nav-secondary .uk-nav-subtitle, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-subtitle, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-subtitle, .uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle, .uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-offcanvas-bar .uk-nav-secondary > li > a:hover .uk-nav-subtitle { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { color: #fff; } .uk-light .uk-nav-secondary .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-header, .uk-overlay-primary .uk-nav-secondary .uk-nav-header, .uk-offcanvas-bar .uk-nav-secondary .uk-nav-header { color: #fff; } .uk-light .uk-nav-secondary .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-divider, .uk-overlay-primary .uk-nav-secondary .uk-nav-divider, .uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-nav-secondary .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a, .uk-overlay-primary .uk-nav-secondary .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-nav-secondary .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-offcanvas-bar .uk-nav-secondary .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[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[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[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[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[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[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[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[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[aria-expanded="true"], .uk-overlay-primary .uk-navbar-nav > li:hover > a, .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[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[aria-expanded="true"], .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:hover, .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[aria-expanded="true"], .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .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[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[aria-expanded="true"], .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:hover, .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[aria-expanded="true"], .uk-offcanvas-bar .uk-navbar-toggle:hover, .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-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-card-primary.uk-card-body .uk-subnav > * > a:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover, .uk-overlay-primary .uk-subnav > * > a:hover, .uk-offcanvas-bar .uk-subnav > * > a:hover { 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-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:hover, .uk-overlay-primary .uk-subnav-pill > * > a:hover, .uk-offcanvas-bar .uk-subnav-pill > * > a:hover { 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-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover, .uk-overlay-primary .uk-breadcrumb > * > :hover, .uk-offcanvas-bar .uk-breadcrumb > * > :hover { 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-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-card-primary.uk-card-body .uk-pagination > * > :hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover, .uk-card-secondary.uk-card-body .uk-pagination > * > :hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover, .uk-overlay-primary .uk-pagination > * > :hover, .uk-offcanvas-bar .uk-pagination > * > :hover { 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-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-card-primary.uk-card-body .uk-tab > * > a:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover, .uk-card-secondary.uk-card-body .uk-tab > * > a:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover, .uk-overlay-primary .uk-tab > * > a:hover, .uk-offcanvas-bar .uk-tab > * > a:hover { 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-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-card-primary.uk-card-body .uk-slidenav:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:hover, .uk-card-secondary.uk-card-body .uk-slidenav:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:hover, .uk-overlay-primary .uk-slidenav:hover, .uk-offcanvas-bar .uk-slidenav:hover { 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-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-card-primary.uk-card-body .uk-dotnav > * > :hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover, .uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover, .uk-overlay-primary .uk-dotnav > * > :hover, .uk-offcanvas-bar .uk-dotnav > * > :hover { 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-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: #fff; } .uk-light .uk-logo:hover, .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-card-primary.uk-card-body .uk-logo:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover, .uk-card-secondary.uk-card-body .uk-logo:hover, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover, .uk-overlay-primary .uk-logo:hover, .uk-offcanvas-bar .uk-logo:hover { color: #fff; } .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) { 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: block; } .uk-light .uk-table-striped > tr:nth-of-type(even):last-child, .uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, .uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-card-primary > :not([class*="uk-card-media"]) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-card-primary > :not([class*="uk-card-media"]) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, .uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-overlay-primary .uk-table-striped > tr:nth-of-type(even):last-child, .uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(even):last-child, .uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(even):last-child { border-bottom-color: rgba(255, 255, 255, 0.2); } .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"); } /* * Pass dropbar behind color to JS */ * { --uk-inverse: initial; } .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 { --uk-inverse: light; } .uk-dark, .uk-section-default:not(.uk-preserve-color), .uk-section-muted:not(.uk-preserve-color), .uk-tile-default:not(.uk-preserve-color), .uk-tile-muted:not(.uk-preserve-color), .uk-card-default.uk-card-body, .uk-card-default > :not([class*="uk-card-media"]), .uk-overlay-default, .uk-dropbar, .uk-navbar-container:not(.uk-navbar-transparent), .uk-navbar-dropdown, .uk-dropdown { --uk-inverse: dark; } .uk-inverse-light { --uk-inverse: light !important; } .uk-inverse-dark { --uk-inverse: dark !important; } /* ======================================================================== 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; } } /****************** Typography ********************* * 1. Fonts * 2. General * 3. Headlines * 4. Content Elements ****************************************************/ @import url("./elements/typo.css"); /**************** General styles ******************** * 1. CSS variables * 2. html, body * 3. Containers * 4. Global styles ****************************************************/ @import url("elements/general.css"); /*********************** UI ************************* * 1. Buttons * 2. Forms * 2.1. Input * 2.2. Placeholder * 2.3. Misc Form Elements * 3. Misc UI Elements ****************************************************/ @import url("elements/ui.css"); /**************** Header / Footer ******************* * 1. Header * 1.1. Navigation * 2. Footer * 3. Offcanvas *****************************************************/ /*savepage-import-url=elements/header-footer.css*//** * Header and Footer CSS File * * This file contains the styles for the header, footer, and offcanvas menu * for the Codehills Kickstarter theme. It includes styles for the header navigation, * footer layout, and offcanvas menu elements. * * @since 2.0.0 * @package WordPress * @subpackage Codehills Kickstarter Theme */ /**************** Header / Footer ******************* * * 1. Header * 1.1. Navigation * 2. Footer * 3. Offcanvas *****************************************************/ /******************** 1. Header *********************/ header { z-index: 999; padding: 10px 0; opacity: 0; transition: opacity 0.5s ease, top 0.35s ease, background-color 0.35s ease, padding 0.35s ease; width: 100vw; } header.loaded { opacity: 1; } header.header-absolute { /* backdrop-filter: blur(10px); */ background: rgba(0, 0, 0, 0.5) !important; position: fixed !important; width: 100vw; z-index: 9081; left: 0; } header.scrolled { top: 0px !important; height: auto; padding: 0; background: rgba(0, 0, 0, 1) !important; } header .uk-container { height: 50px; display: flex; align-items: center; transition: background-color 0.35s ease, border-radius 0.35s ease; } header.scrolled .uk-container { background: rgba(0, 0, 0, 1); } header .uk-logo img, header .uk-logo svg, .uk-offcanvas-bar .uk-logo img, .uk-offcanvas-bar .uk-logo svg { height: 28px; width: auto; } .uk-logo { font-size: inherit; } .client-area-cta { background: var(--kickstarter-color-primary); color: var(--kickstarter-color-secondary); text-align: center; font-family: var(--kickstarter-font-secondary); font-size: 16px; font-weight: 600; line-height: 1; padding: 7px 24px 9px; gap: 10px; } .client-area-cta:hover, .client-area-cta:focus { background: var(--kickstarter-color-secondary); color: var(--kickstarter-color-primary); } /**** 1.1. Navigation ****/ .uk-navbar-nav { gap: 30px; } .uk-navbar-item, .uk-navbar-toggle, .uk-navbar-nav > li > a, .uk-footer-nav > li > a, .uk-navbar-dropdown-nav > li > a { font-family: var(--kickstarter-font-secondary), sans-serif; color: var(--kickstarter-color-primary); min-height: inherit; font-size: 14px; font-weight: 700; letter-spacing: 0.7px; text-transform: uppercase; } .uk-navbar-dropdown-nav > li > a { font-size: 14px; font-weight: 600; line-height: 1.2; padding: 10px 0; letter-spacing: 0; text-transform: none; } .uk-light .uk-navbar-nav > li > a, .uk-navbar-dropdown-nav > li > a, .uk-footer-nav > li > a, header.header-light .uk-navbar-nav > li > a { color: #fff; } .uk-footer-nav > li > a:hover, .uk-footer-nav > li > a:focus, .uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav > li > a:focus, .uk-light .uk-navbar-nav > li > a:hover, .uk-light .uk-navbar-nav > li > a:focus, header.header-light .uk-navbar-nav > li > a:hover, header.header-light .uk-navbar-nav > li > a:focus, header.header-light .uk-navbar-nav > .current-menu-item > a, header.header-light .uk-navbar-nav > .current-menu-ancestor > a, header.header-light .uk-navbar-dropdown-nav > .current-menu-item > a { color: var(--kickstarter-color-primary); } .uk-navbar-dropdown { --uk-position-offset: 30px; --uk-position-shift-offset: -19px; padding: 10px 20px; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); color: #fff; box-shadow: none; } header.scrolled .uk-navbar-dropdown { --uk-position-offset: 21px; background: rgba(0, 0, 0, 1); } .uk-navbar-dropdown .uk-drop.uk-dropdown { position: relative; top: 0 !important; left: 0 !important; background: transparent; padding: 0 10px; max-width: 1306px; border-left: 2px solid var(--kickstarter-color-primary); box-shadow: none; display: block; } /**** 1.2. Search ****/ .search-bar { position: fixed; top: 0; left: 0; width: 100%; padding: 30px 0; background: var(--kickstarter-color-secondary); color: #fff; z-index: 10001; transform: translateY(-100%); opacity: 0; min-height: auto; transition: opacity 0.5s ease, transform 0.5s ease; } .search-bar.uk-active { transform: translateY(0); opacity: 1; } .search-bar .uk-container { padding-left: 22px; padding-right: 22px; } .search-bar-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 2; opacity: 0; visibility: hidden; cursor: pointer; transition: opacity 0.5s ease, visibility 0.5s ease; } .search-bar-overlay.uk-active { opacity: 1; visibility: visible; } .search-bar .uk-button { padding: 13px 55px 13px; } .search-bar p, .uk-light .search-bar p { color: #fff; font-size: 20px; margin-bottom: 12px; } /******************** 2. Footer *********************/ #footer { background: #000; background-image: /*savepage-url=../../img/betsoft-footer-bg.jpg*/ var(--savepage-url-70); background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 12vw; font-size: 16px; } #footer .uk-footer-nav { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 5px 20px; } #footer h4 { letter-spacing: 16px; } #footer .betsoft-licences img { max-width: calc(25vw - 40px); } #footer .betsoft-awards img { max-width: calc(50vw - 40px); } #copyright { font-size: 16px; } #copyright .uk-navbar-nav > li > a { font-family: var(--kickstarter-font-primary); font-size: 13px; font-weight: 400; letter-spacing: 2.6px; text-transform: uppercase; } #clients-carousel { background: var(--kickstarter-color-secondary); padding: 50px 0; } #clients-carousel .splide-logo-carousel li { filter: brightness(0.75) invert(1); } #footer-character { position: absolute; width: 33vw; height: auto; bottom: 0; right: 0; z-index: 1; } #curtain { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.9); z-index: 999999; opacity: 1; transition: opacity 0.5s ease, visibility 0.5s ease; } #curtain.loaded { opacity: 0; visibility: hidden; } /******************** 3. Offcanvas *********************/ .uk-offcanvas { z-index: 9081; } .uk-offcanvas-bar { color: #fff; background: rgba(0, 0, 0, 0.9); padding: 33px 30px 40px; width: 100%; } .uk-offcanvas-bar .uk-close { color: #fff; top: 35px; right: 40px; } .uk-offcanvas-bar .uk-close.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { stroke-width: 2px; } .uk-offcanvas-bar .uk-nav a { font-family: var(--kickstarter-font-secondary); font-size: 18px; font-weight: 700; line-height: 1.2; padding: 15px 0; letter-spacing: 0.7px; text-transform: uppercase; justify-content: center; } .uk-offcanvas-bar .uk-nav > li > a { color: #fff; } .uk-offcanvas-bar .uk-nav > li.current-menu-item > a, .uk-offcanvas-bar .uk-nav a:hover, .uk-offcanvas-bar .uk-nav a:focus { color: var(--kickstarter-color-primary); } .uk-offcanvas-bar .uk-nav > li > a:hover, .uk-offcanvas-bar .uk-nav > li > a:focus { color: var(--kickstarter-color-dark-gray); } .uk-offcanvas-bar ul.sub-menu { margin-bottom: 20px; } .uk-offcanvas-bar ul.sub-menu ul.sub-menu { margin-bottom: 0; } .uk-offcanvas-bar ul.sub-menu a { font-size: 18px; font-weight: 400; padding: 3px 0; } .social-icons.uk-iconnav > * > a, .uk-light .social-icons.uk-iconnav > * > a { width: 40px; height: 40px; color: #fff; background: rgba(255, 255, 255, 0.15); } .social-icons.uk-iconnav > * > a:hover, .social-icons.uk-iconnav > * > a:focus, .uk-light .social-icons.uk-iconnav > * > a:hover, .uk-light .social-icons.uk-iconnav > * > a:focus { color: var(--kickstarter-color-secondary); background: var(--kickstarter-color-primary); } /********************* Pages ************************ * 1. Structural * 1.1. Sections * 1.2. Pagetitles * 2. Theme pages * 2.1. Homepage * 3. WordPress pages ****************************************************/ /*savepage-import-url=elements/pages.css*//** * Pages CSS File * * This file contains the styles for various pages in the Codehills Kickstarter theme. * It includes structural styles, theme-specific page styles, and WordPress page styles. * * @since 2.0.0 * @package WordPress * @subpackage Codehills Kickstarter Theme */ /*********************** Pages *********************** * * 1. Structural * 1.1. Sections * 1.2. Pagetitles * 2. Theme pages * 2.1. Homepage * 3. WordPress pages *****************************************************/ /****************** 1. Structural *******************/ /**** 1.1. Sections ****/ .uk-section { padding: 50px 0; position: relative; } /**** 1.2. Pagetitles ****/ .betsoft-pagetitle { background: #000; } /**************** 2. Theme pages *******************/ /**** Homepage ****/ .page-home { background: #000; } /**** Single post ****/ .single .betsoft-pagetitle { padding-top: 180px; padding-bottom: 50px; } .single.single-games .betsoft-pagetitle { padding-top: 90px; } .single .betsoft-pagetitle .uk-overlay-primary { background: rgba(0, 0, 0, 0.6); } .single .betsoft-pagetitle .article-featured-image { transform: translateY(80px); } .article-content-wrapper { position: relative; padding-top: 25px; padding-bottom: 25px; } #article-content h2 { font-size: 32px; } #article-content h3 { font-size: 24px; } .article-sidebar-wrapper { margin-top: -10px; margin-bottom: 50px; } .post-meta h4 { color: var(--kickstarter-color-primary); } .article-quote { padding: 30px; background: #f5f5f5; font-style: italic; position: relative; } .article-quote::before { content: ""; display: none; position: absolute; width: 47px; height: 93px; background: var(--kickstarter-color-primary); clip-path: polygon(100% 0%, 100% 100%, 0% 50%); top: 93px; left: -47px; transform: translateY(-50%); z-index: 0; } .article-quote::after { content: ""; display: block; position: absolute; top: 9px; right: 32px; width: 142px; height: 142px; background: url("../../img/quote.svg") no-repeat center center; background-size: 100% 100%; z-index: 0; opacity: 0.3; } .single .recent-posts { background: #f8f8f8; padding: 50px 0; } .article-sidebar-wrapper > div { padding-bottom: 132px; } /**** Game single ****/ .game-single-pagetitle .uk-overlay-primary .single .game-single-pagetitle .uk-overlay-primary, .splide-posts-slider.splide-games-slider .uk-overlay-primary { background: linear-gradient(270deg, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.4) 100%); } .single-game-hero-logo img { filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.75)) drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.75)); } .game-badges img { width: 48px; } .game-details { font-family: var(--kickstarter-font-secondary); font-weight: 600; } .game-details dt { font-size: 14px; } .game-details dd { color: var(--kickstarter-color-primary); font-size: 20px; line-height: 1.15; } .game-background { background: #000; } .game-background img { filter: blur(1.5px); transform: scale(1.02); } .game-character { transform: translateX(-1.25vw); } .game-badge-hot { width: 25%; } .game-features-wrapper { overflow: hidden; } .game-features::before { content: ""; display: block; position: absolute; top: -40px; left: 0; width: 200%; height: 200%; background: var(--kickstarter-color-secondary); z-index: 0; } .game-features-background-slideshow { width: 50vw; left: 80px; opacity: 0.15; max-width: fit-content; } .game-features-slider.uk-slider-container { overflow: visible; } .game-features-slider-nav { position: absolute; top: -68px; right: 0; gap: 10px; display: flex; align-items: center; } .game-features-slider-nav a { opacity: 0.3; } .game-features-slider-nav a:hover, .game-features-slider-nav a:focus { opacity: 1; } .game-trailer { position: relative; width: 100%; padding-top: 56.25%; } .game-trailer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .more-games { background: var(--kickstarter-color-secondary); padding: 50px 0; } /**** Play Game demo ****/ .page-play-demo { background: #000; } .page-play-demo .game-single-pagetitle { height: 100vh; } .page-play-demo .game-single-pagetitle .uk-overlay-primary { background: linear-gradient(270deg, rgba(0, 0, 0, 0.75) 100%, rgba(0, 0, 0, 0.75) 100%); } #game-demo-iframe { outline: none; max-height: inherit; } .game-demo-header .uk-dropdown { padding: 15px 25px; background: rgba(0, 0, 0, 0.9); } .game-demo-language-selector li { font-weight: 600; color: #fff; font-size: .875rem; cursor: pointer; padding: 5px 0; } .game-demo-language-selector li:hover, .game-demo-language-selector li:focus { color: var(--kickstarter-color-primary); } /**** Games Archive ****/ .archive.tax-game-category .splide-games-slider .splide__slide > .splide__slide-container { margin-bottom: 0 !important; } /**** THE Series ****/ .page-the-series #pagetitle { position: relative; background: var(--kickstarter-color-secondary) } .page-the-series #pagetitle.uk-light svg { transform: translateY(1px); } .page-the-series #pagetitle.uk-light svg > path { fill: #fff; } .page-the-series .betsoft-pagetitle { background: transparent; } #the-series-games { background: #000; font-size: 18px; } #the-series-games .game-details-grid.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, #the-series-games .game-details-grid.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { margin-top: 20px; } #the-series-games .game-details-grid.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { top: -10px; } #the-series-games .game-detail { font-weight: 500; } #the-series-games .game-detail img, #the-series-games .game-detail svg { transform: translateY(6px); } #the-series-games .game-detail strong { color: #fcc42c; text-transform: uppercase; } /**** Career single ****/ .single-career-pagetitle, .single .single-career-pagetitle { background-image: url("../../img/pagetitle-careers-bg-beach-bonanza.jpg"); background-size: cover; background-position: right center; padding-bottom: 80px; } /**** Archive ****/ .archive #posts-grid-block { background: var(--kickstarter-color-light-gray); } /**** Search *****/ #search-results { background: var(--kickstarter-color-light-gray); } /*************** 3. WordPress page elements ****************/ /**** Sidebar ****/ .widget { padding: 20px; background-color: #F5F5F5; } /********************* Pages ************************ * 1. Hero ****************************************************/ /*savepage-import-url=elements/blocks.css*//** * Blocks CSS File * * This file contains the styles for various blocks used in the Codehills Kickstarter theme. * It includes styles for the homepage blocks such as the hero section. * * @since 2.0.0 * @package WordPress * @subpackage Codehills Kickstarter Theme */ /****************** 1. Hero *******************/ .hero-fullscreen-video, .hero-section-block .splide__slide { aspect-ratio: 9 / 16; } .hero-slide-image { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; } .hero-section-block .splide-hero-slider .splide__pagination { left: 0; bottom: 36px; justify-content: start; transform: translateX(0); } .hero-slide-cta { position: absolute; right: 24px; bottom: 24px; transform: translateX(0); z-index: 1; } .hero-slide-cta.uk-button { padding: 8px 16px; } .hero-slide-badge { position: absolute; top: 96px; left: 50%; transform: translateX(-50%); z-index: 1; } .hero-slide-badge img { width: 64px; height: auto; } .hero-slide-live-on { position: absolute; top: 96px; right: 24px; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; } .hero-slide-live-on-label { color: #fff; font-size: 21px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.85); } .hero-slide-live-on-boxes, .hero-slide-live-on-boxes-grid { display: flex; gap: 6px; } .hero-slide-live-on-boxes-grid { flex-direction: column; } .hero-slide-live-on-box { display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(30, 30, 30, 0.75); width: 50px; height: 50px; gap: 2px; } .hero-slide-live-on-box-year { width: 100%; } .hero-slide-live-on-value { color: #fff; font-size: 18px; font-weight: 700; line-height: 1; } .hero-slide-live-on-unit { color: rgba(255, 255, 255, 0.55); font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } /**************** 2. Pagetitle ****************/ .betsoft-pagetitle { padding: 160px 0 80px; } .pagetitle-absolute-image { right: 0; } /********** 3. Content / media grid ***********/ .cover-image { background-size: cover; background-position: center; } /****************** 4. Form *******************/ .form-details h3 { font-size: 24px; margin: 0; } .form-details * + p { margin-top: 10px; } .form-details a { color: var(--kickstarter-color-primary); } .form-details a:hover, .form-details a:focus { opacity: 0.7; } .form-wrapper-panel { padding: 40px 0; } .form-wrapper .uk-grid + .uk-grid, .form-wrapper .uk-grid > .uk-grid-margin, .form-wrapper * + .uk-grid-margin { margin-top: 30px; } .hidden-file-field { padding: 0; border: none; background: none; cursor: pointer; } .hidden-file-field .wpcf7-form-control-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************** 5. Panels grid ****************/ .panels-grid h3, .panels-grid .uk-h3 { font-size: 26px; } .panels-grid .lottie-container { width: 80px; height: 80px; } /*************** 6. Vacancies *****************/ .vacancies-wrapper { position: relative; background: #f8f8f8; padding: 50px 0; } .vacancies-wrapper::before { content: ""; display: none; position: absolute; top: -60px; left: 0; width: 200%; height: 200%; background: #f8f8f8; z-index: 0; } .vancancy-single-panel { font-size: 16px; } .vancancy-single-panel h3 { font-size: 24px; margin: 10px 0 0; } .vancancy-single-panel a { color: var(--kickstarter-color-secondary); } .vancancy-single-panel a:hover, .vancancy-single-panel a:focus { color: var(--kickstarter-color-primary); } .vacancy-meta { font-size: 16px; color: rgba(0, 0, 0, 0.40); font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; gap: 10px; } .uk-light .vacancy-meta { color: #fff; letter-spacing: 8px; gap: 16px; } .vacancies-block .uk-slider-items:not(.uk-grid) { margin-left: -20px !important; } /************** 7. Logos grid *****************/ .logos-grid-block .uk-panel { padding: 20px; } .logos-grid-block .uk-panel img { filter: grayscale(100%); mix-blend-mode: darken; transition: transform 0.5s ease; } .logos-grid-block .uk-panel img:hover, .logos-grid-block .uk-panel img:focus { transform: scale(1.1); } /************** 8. Posts grid *****************/ .posts-filter .uk-active:not(.is-current) a { color: inherit; } .post-single-box-details { padding: 20px; background: #fff; gap: 22px; } .post-meta { color: var(--kickstarter-color-secondary); font-family: var(--kickstarter-font-secondary); font-size: 14px; font-weight: 600; } .post-single-box-details a { color: var(--kickstarter-color-secondary); } .post-single-box-details a:hover, .post-single-box-details a:focus { color: var(--kickstarter-color-primary); } .game-single-box { aspect-ratio: 3 / 4; padding: 20px; } .game-single-box .game-background img { filter: blur(1.5px) grayscale(0) brightness(1); transform: scale(1.02); transition: filter 0.5s ease, transform 0.5s ease; } .game-single-box:hover .game-background img, .game-single-box:focus .game-background img { transform: scale(1.12); filter: blur(1.5px) grayscale(0) brightness(1.2); } .game-single-box .game-logo img { width: auto; height: auto; max-width: 90%; max-height: 260px; filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.75)) drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.75)); } .game-single-box .game-character { position: absolute; left: 50%; top: -5%; width: 85%; transform: translateX(-50%); opacity: 1; transition: opacity 0.5s ease; text-align: center; } .splide-latest-games-slider .game-single-box .game-character { width: 92%; } .splide-latest-games-slider .game-single-box .game-logo img { max-height: 260px; } .game-single-box:hover .game-character, .game-single-box:focus .game-character { opacity: 0; } .game-single-box .uk-overlay-primary { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); transition: background 0.5s ease; } .game-single-box.game-category-table-games .uk-overlay-primary { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.7) 100%); } .game-single-box:hover .uk-overlay-primary, .game-single-box:focus .uk-overlay-primary { background: transparent; } .game-single-box-details { gap: 22px; opacity: 1; transition: opacity 0.5s ease; } .game-single-box:hover .game-single-box-details, .game-single-box:focus .game-single-box-details { opacity: 0; } .game-single-box .uk-badge:hover, .game-single-box .uk-badge:focus { color: var(--kickstarter-color-secondary) !important; background-color: var(--kickstarter-color-primary); } .game-single-box-meta { color: #fff; font-family: var(--kickstarter-font-secondary); font-size: 18px; font-weight: 600; line-height: 1; } .game-single-box-card { color: #fff; font-family: var(--kickstarter-font-secondary); font-size: 18px; font-weight: 500; padding: 20px; background: rgba(0, 0, 0, 0.9); opacity: 0; transition: opacity 0.5s ease; } .game-single-box:hover .game-single-box-card, .game-single-box:focus .game-single-box-card { opacity: 1; } .game-single-box-card > div { gap: 12px; } .game-single-box-card h3 { font-size: 24px; color: #fff; } /************* 9. Posts / Games slider ****************/ .posts-slider-block { max-height: 960px; } .splide-posts-slider { background: var(--kickstarter-color-secondary); } .splide-posts-slider .splide__slide { padding: 370px 0 40px; height: 100%; /* max-height: 960px; */ } .splide-posts-slider.splide-games-slider .splide__slide { padding-top: 120px; } .archive .splide-posts-slider .splide__slide-container { margin-bottom: 0 !important; } .post-slide-bg-image img, .post-slide-bg-image video { object-position: right center; } .post-slide-bg-image-mobile img, .post-slide-bg-image video { object-position: center top; } .splide-posts-slider .splide__pagination, .splide-hero-slider .splide__pagination { position: absolute; left: 50%; bottom: 40px; width: 100%; max-width: 1440px; justify-content: start; margin-left: auto !important; margin-right: auto !important; padding: 0 25px; gap: 12px; transform: translateX(-50%); } .splide-posts-slider .splide__pagination button, .splide-hero-slider .splide__pagination button { width: 10px; height: 10px; background: rgba(255, 255, 255, 0.30); border: none; border-radius: 10px; cursor: pointer; transition: background-color 0.5s ease, width 0.5s ease; } .splide-posts-slider .splide__pagination button:hover, .splide-posts-slider .splide__pagination button:focus, .splide-posts-slider .splide__pagination button.is-active, .splide-hero-slider .splide__pagination button:hover, .splide-hero-slider .splide__pagination button:focus, .splide-hero-slider .splide__pagination button.is-active { width: 30px; background: var(--kickstarter-color-primary); } .posts-slider-scroll-down { position: absolute; bottom: 35px; left: 20px; } .posts-slider-scroll-down svg { transform: translateY(2px); } .uk-light .posts-slider-scroll-down svg > path { fill: #fff; } /************* 10. Latest posts / games ****************/ .splide-latest-games-slider { margin-top: 80px; } .latest-post-single h3 { font-size: 24px; font-weight: 600; transition: color 0.5s ease; line-height: 1.5; } .splide-latest-games-slider .latest-post-single h3, .splide-latest-games-slider .latest-post-single h3 a { color: var(--kickstarter-color-secondary); } .latest-post-single h3:hover a, .latest-post-single h3:focus a, .uk-light .latest-post-single h3 a:hover, .uk-light .latest-post-single h3 a:focus { color: var(--kickstarter-color-primary); } .latest-post-single .post-meta, .splide-latest-games-slider .post-meta { color: #848484; letter-spacing: 2.8px; text-transform: uppercase; } .splide-latest-games-slider .latest-post-single { padding: 30px; background: #fff; height: 100%; } .post-box-style-game-thumbnails .latest-post-single { padding: 0; background: transparent; } .splide-latest-games-slider .splide__track { overflow: visible; } .splide-latest-games-slider .splide__slide.is-next .game-single-box .game-background img { filter: blur(1.5px) grayscale(0) brightness(1); } /************ 11. Betsoft Drive ****************/ .betsoft-drive-product-box { background: #fff; border-radius: 999em; width: 100%; aspect-ratio: 1 / 1; } .betsoft-drive-product-box h3 { font-size: 26px; } .uk-light .betsoft-drive-product-box h3 { color: var(--kickstarter-color-secondary); } .betsoft-drive-product-box .lottie-container { width: 150px; height: 150px; } /********* 12. Content / icons grid ************/ .icons-grid-wrapper { position: relative; } .uk-grid-stack .icons-grid-wrapper { padding-top: 50px; } .icons-grid-wrapper::before { content: ""; display: block; position: absolute; top: -30px; left: 0; width: 200%; height: 120%; background: #f8f8f8; z-index: 0; } .uk-grid-stack .icons-grid-wrapper::before { top: 0; left: -10vw; } .icons-grid .uk-panel { padding: 20px; } .icons-grid h3 { font-size: 18px; margin-top: 10px; } .icons-grid .lottie-container { width: 72px; height: 72px; transform: translate(-8px, -8px); } .content-icons-grid-block .betsoft-drive-product-box { aspect-ratio: auto; } /******** 13. Content / content grid ***********/ .content-left, .content-right { position: relative; z-index: 1; } .content-content-wrapper { padding-top: 60px; padding-bottom: 60px; position: relative; z-index: 1; } .content-left::before, .content-right::before { content: ""; display: block; position: absolute; top: 0; left: -25px; width: 300%; height: 100%; background: transparent; z-index: 0; } .content-left::before { right: 0; } /************ 14. Game categories **************/ .game-categories-grid .game-background { border-radius: 24px; overflow: hidden; } .game-categories-grid .game-background img { filter: none; transform: scale(1); } .game-category-character { position: absolute; left: 50%; top: 0; width: 120%; height: auto; transform: translate(-50%, -30px); } .game-category-content { font-size: 18px; padding: 40px; background: transparent; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); } .game-category-content h2 { text-transform: uppercase; } .game-category-content a { color: var(--kickstarter-color-secondary); } .game-category-content a:hover, .game-category-content a:focus { color: #ccc; } /***************** 15. Stats *******************/ .stat-item-container { padding: 0; min-width: 260px; } .stat-item-container::before { content: ""; display: none; position: absolute; top: 0; left: 50%; width: 100%; height: 100%; background: var(--kickstarter-color-primary); z-index: 0; transform: translateX(-50%); } .stats-block .lottie-container { width: 124px; height: 124px; } .stat-item { margin-top: 0; } .stat-value, .stat-prefix, .stat-suffix { font-family: var(--kickstarter-font-secondary); font-size: 48px; font-weight: 700; line-height: 1; } .stat-label { font-size: 24px; font-family: var(--kickstarter-font-secondary); text-transform: uppercase; font-weight: 700; } /************ 16. Call to Action ***************/ #the-series-banner { aspect-ratio: 256 / 105; } /****************** Media Queries ****************** * 1. Small (tablet portrait) > 640px * 2. Medium (tablet landscape) > 960px * 3. Large (laptop) > 1200px * 4. XLarge (desktop) > 1600px ****************************************************/ /*savepage-import-url=elements/media-queries.css*//** * Media Queries CSS File * * This file contains the media queries for the Codehills Kickstarter theme. It includes * breakpoints for different screen sizes, such as tablet portrait, tablet landscape, * laptop, desktop, and large desktop screens. * * @since 2.0.0 * @package WordPress * @subpackage Codehills Kickstarter Theme */ /***************** Media queries ******************* * * 1. Small (tablet portrait) > 640px * 2. Medium (tablet landscape) > 960px landscape oriented * 3. Small & Medium (tablet landscape) < 960px * 4. Medium (tablet landscape) > 960px * 5. Large (laptop) > 1200px * 6. XLarge (desktop) > 1400px * 7. XXLarge (desktop) > 1600px *****************************************************/ /******** 1. Devices with height < 640px ********/ @media only screen and (max-height: 679px) { /**** Blocks ****/ .splide-posts-slider .splide__slide { height: 100% !important; } } /******** 1. Only mobile < 640px ********/ @media only screen and (max-width: 639px) { /**** Blocks ****/ .form-wrapper-panel { background: transparent !important; } /* Hero slider: force the correct 9:16 height on mobile. * Splide's JS measures the video's native height="1080" attribute * and sets the track to 1080px inline. We anchor the outer .splide * to the right aspect-ratio and force every inner layer to fill it, * using !important to override Splide's inline height values. */ .hero-section-block .splide-hero-slider { aspect-ratio: 9 / 16; overflow: hidden; } .hero-section-block .splide__track, .hero-section-block .splide__list { height: 100% !important; } .hero-section-block .splide__slide { height: 100% !important; overflow: hidden; } } /******** 2. Small (tablet portrait) > 640px ********/ @media only screen and (min-width: 640px) { /**** UI ****/ .uk-pagination { gap: 20px; } .uk-pagination > * > * { font-size: 18px; height: 48px; width: 48px; } /**** Blocks ****/ .hero-fullscreen-video, .hero-section-block .splide__slide { aspect-ratio: auto; } .hero-slide-cta.uk-button { padding: 12px 32px; } .posts-slider-scroll-down { bottom: 35px; left: inherit; right: 40px; } .form-wrapper-panel { padding: 40px; } } /******** 3. Medium (tablet landscape) > 960px landscape oriented ********/ @media only screen and (max-width: 959px) and (orientation: landscape) { /**** Header & Footer ****/ header .uk-container { height: 48px; } header .uk-logo img, header .uk-logo svg { height: 28px; } /**** Pages ****/ .page-template-page-play-demo #pagetitle { height: auto; } .page-template-page-play-demo .game-demo-wrapper { height: 100vh !important; position: fixed !important; top: 0; left: 0; padding: 0; width: 100vw; max-width: 100vw; z-index: 9999; background: rgba(0,0,0,0.9); } .game-demo-wrapper { z-index: 10001; } #game-demo-iframe { position: absolute !important; max-height: inherit; margin: 0 !important; display: block; top: 44px; left: 2%; width: 96% !important; height: calc(100% - 66px) !important; /* dynamic viewport height */ border: 0; } /* optional fallback for iOS <16 */ @supports not (height: 100dvh) { #game-demo-iframe { height: -webkit-fill-available; } } .game-demo-header { position: absolute; top: 10px; left: 2%; width: 96%; } /**** Blocks ****/ .hero-fullscreen-video, .hero-section-block .splide__slide { height: 90vh; } } /******** 4. Small & Medium (tablet landscape) < 960px ********/ @media only screen and (max-width: 959px) { /**** Pages ****/ .page-template-page-play-demo .game-demo-wrapper { height: calc(100vh - 205px); } .game-demo-iframe-portrait { width: 100%; height: 100%; } /**** Blocks ****/ /* .vacancies-wrapper { margin-top: 120px !important; } */ } /******* 5. Medium (tablet landscape) > 960px *******/ @media only screen and (min-width: 960px) { /**** General ****/ html { font-size: 20px; } /**** Typo ****/ h1, .uk-h1 { font-size: 72px; } h2, .uk-h2 { font-size: 48px; } h3, .uk-h3 { font-size: 32px; } h4, .uk-h4, .widget h2 { letter-spacing: 8px; } .intro-content { font-size: 26px; } /**** Header & Footer ****/ header .uk-container { height: 70px; } header .uk-logo img, header .uk-logo svg, .uk-offcanvas-bar .uk-logo img, .uk-offcanvas-bar .uk-logo svg { height: 34px; } .client-area-cta { padding: 11px 24px 13px; } #footer { font-size: 18px; padding-top: 8vw; } #clients-carousel { padding: 75px 0; } /**** UI ****/ .uk-button { padding-left: 64px; padding-right: 64px; } .uk-panel { padding: 40px; } /**** Pages ****/ .uk-section { padding: 120px 0; } .betsoft-pagetitle { padding: 160px 0 80px; } .single .betsoft-pagetitle { padding-top: 120px; padding-bottom: 80px; } .single .betsoft-pagetitle .uk-overlay-primary { background: rgba(0, 0, 0, 0.6); } .article-sidebar-wrapper { margin-top: 0; margin-bottom: 100px; } .article-quote { padding: 80px 60px; } .single .recent-posts { padding: 80px 0; } .game-single-pagetitle .uk-overlay-primary, .single .game-single-pagetitle .uk-overlay-primary, .splide-posts-slider.splide-games-slider .uk-overlay-primary { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 40.87%); } .single .betsoft-pagetitle { padding-top: 130px; } .single.single-games .betsoft-pagetitle { padding-top: 230px; } .game-badges img { width: 96px; } .page-template-page-play-demo .game-demo-wrapper { height: 100vh; position: fixed !important; top: 0; left: 0; padding: 0; width: 100vw; max-width: 100vw; z-index: 9999; background: rgba(0,0,0,0.9); } #game-demo-iframe { position: absolute !important; max-height: inherit; margin: 0 !important; display: block; top: 44px; left: 2%; width: 96% !important; height: calc(100% - 66px) !important; /* dynamic viewport height */ border: 0; } .game-demo-header { position: absolute; top: 10px; left: 2%; width: 96%; } .splide-posts-slider { max-height: 960px; } .splide-posts-slider .splide__slide { padding: 230px 0 80px; height: 100vh; max-height: 960px; } .splide-posts-slider.splide-games-slider .splide__slide { height: 100%; padding-top: 280px; max-height: 100%; } .game-features::before { top: -120px; left: 80px; } .article-content-wrapper { padding-top: 80px; padding-bottom: 100px; background: #fff; } .more-games { padding: 100px 0; } .game-demo-wrapper { padding-top: 100px; } /**** Blocks ****/ .hero-section-block .splide-hero-slider .splide__pagination { left: 50%; justify-content: center; transform: translateX(-50%); } .hero-slide-badge { top: inherit; bottom: 24px; } .hero-slide-badge img { width: 105px; } .hero-slide-live-on { top: 112px; } .hero-slide-live-on-box { width: 80px; height: 80px; } .hero-slide-live-on-value { font-size: 26px; } .hero-slide-live-on-unit { font-size: 12px; } .post-single-box-details { padding: 40px; } .content-panel-default { padding-right: 40px; } .content-panel-media-content { padding-left: 40px; } /* Ghost pseudo-element on the media placeholder column forces the grid row to be as tall as the cover image (same width, same aspect-ratio 1:1). uk-grid-match then stretches the content column to match. */ .content-media-fullwidth .content-media-fullwidth-col-media::before { content: ''; display: block; aspect-ratio: 1 / 1; width: 100%; } .icons-grid-wrapper::before { top: -120px; height: 200%; } .posts-slider-scroll-down { bottom: 15px; } .logos-grid-block .uk-panel { padding: 30px; } .content-content-wrapper { padding-top: 120px; padding-bottom: 120px; } .content-left .content-content-wrapper { padding-right: 80px; } .content-right .content-content-wrapper { padding-left: 80px; } .content-left::before, .content-right::before { left: 0; } .content-left::before { left: inherit; } .vacancies-wrapper { padding: 60px 0 120px; } .vacancies-wrapper::before { top: -120px; } .splide-latest-games-slider { margin-top: 100px; } .form-wrapper-panel { padding: 60px; } .game-single-box .game-character { top: -7%; } .splide-latest-games-slider .game-single-box .game-logo img { max-height: 360px; } .uk-grid-stack .icons-grid-wrapper { padding-top: 60px; } .stat-item-container { padding: 24px; } .stat-value, .stat-prefix, .stat-suffix { font-size: 72px; } .stat-label { font-size: 36px; } } /************ 6. Large (laptop) > 1200px ************/ @media only screen and (min-width: 1200px) { /**** Header & Footer ****/ .uk-navbar-item, .uk-navbar-toggle, .uk-navbar-nav > li > a, .uk-footer-nav > li > a, .uk-navbar-dropdown-nav > li > a { font-size: 18px; } /**** Pages ****/ .game-badges { min-height: 96px; } } /*********** 7. XLarge (desktop) > 1440px ***********/ @media only screen and (min-width: 1440px) { #footer { padding-top: 4vw; } /**** Blocks ****/ .hero-fullscreen-video, .hero-section-block .splide__slide { height: 94vh; } .hero-slide-badge { padding: 0; } .splide-posts-slider.splide-games-slider .game-character { transform: translateX(-4.25vw); } } /*********** 8. XXLarge (desktop) > 1600px ***********/ @media only screen and (min-width: 1600px) { /**** Blocks ****/ .splide-posts-slider .splide__slide .splide__slide-container, .splide-posts-slider .splide__pagination, .splide-hero-slider .splide__pagination { padding-left: 0; padding-right: 0; } /* .splide-posts-slider .splide__slide { max-height: 100%; } */ } /*********** 8. XXXLarge (desktop) > 2160px ***********/ @media only screen and (min-width: 2160px) { /**** General ****/ html { font-size: 0.938vw; } .uk-container { max-width: 75vw; } .uk-margin-top { margin-top: 2.083vw !important; } .uk-margin-small-top { margin-top: 1.042vw !important; } .uk-margin-medium-bottom { margin-bottom: 3.125vw !important; } /**** Typo ****/ h1, .uk-h1 { font-size: 3.75vw; } h2, .uk-h2 { font-size: 2.5vw; } h3, .uk-h3 { font-size: 1.667vw; } h4, .uk-h4, .widget h2 { font-size: 0.833vw; letter-spacing: 0.208vw; margin-bottom: 1.042vw; } /**** Header & Footer ****/ header { padding: 1.042vw 0; } header .uk-container { height: 3.125vw; border-radius: 999em; } header .uk-logo img, header .uk-logo svg { height: 1.771vw; } .uk-navbar-item, .uk-navbar-toggle, .uk-navbar-nav > li > a, .uk-footer-nav > li > a, .uk-navbar-dropdown-nav > li > a { font-size: 0.938vw; } .uk-navbar-dropdown { --uk-position-offset: 1.823vw; --uk-position-shift-offset: -0.99vw; padding: 0.521vw 1.042vw; width: 10.417vw; } .uk-navbar-search svg { width: 1.563vw; height: 1.563vw; } .client-area-cta { font-size: 0.833vw; padding: 0.625vw 1.667vw; } #footer h4 { letter-spacing: 0.833vw; } /**** UI ****/ .uk-button { font-size: 0.938vw; padding: 0.625vw 3.334vw; } .uk-input, .uk-textarea, .uk-select, .uk-select:not([multiple]):not([size]), .uk-light .uk-input, .uk-light .uk-textarea, .uk-light .uk-select, .uk-light .uk-select:not([multiple]):not([size]) { font-size: 1.042vw; padding: 1.042vw 0; } .form-wrapper .uk-grid + .uk-grid, .form-wrapper .uk-grid > .uk-grid-margin, .form-wrapper * + .uk-grid-margin { margin-top: 1.563vw; } .uk-form-label { font-size: 0.833vw; letter-spacing: 0.042vw; margin-bottom: 0.26vw; } .wpcf7-not-valid-tip { font-size: 0.729vw; margin-top: 0.26vw; } .wpcf7 form .wpcf7-response-output { font-size: 0.729vw; margin-top: 0.521vw; } .uk-panel { padding: 2.083vw; } .uk-badge { font-size: 0.938vw; padding: 0.156vw 0.625vw 0.26vw; } .uk-subnav > * > :first-child { font-size: 0.729vw; letter-spacing: 0.036vw; } .uk-pagination > * > * { font-size: 0.938vw; height: 2.5vw; width: 2.5vw; } .uk-iconnav > * > a { width: 2.5vw; height: 2.5vw; } /**** Pages ****/ .uk-section { padding: 6.25vw 0; } .betsoft-pagetitle { padding: 8.333vw 0 4.167vw; } .single .betsoft-pagetitle { padding-top: 11.979vw; } /**** Blocks ****/ .stat-value, .stat-prefix, .stat-suffix { font-size: 3.75vw; } .stat-label { font-size: 1.875vw; } .game-single-box { padding: 1.25vw; } .game-single-box-card { font-size: 0.938vw; } .game-single-box-card > div { gap: 0.625vw; } .game-single-box-card h3 { font-size: 1.25vw; } .game-single-box-meta { font-size: 0.938vw; } .game-category-content { font-size: 0.938vw; padding: 2.083vw; } .latest-post-single h3 { font-size: 1.25vw; } .latest-post-single .post-meta, .splide-latest-games-slider .post-meta { letter-spacing: 0.146vw; } .post-meta { font-size: 0.729vw; } /* .games-slider-block { max-height: 40vw; } */ .posts-slider-block { max-height: 50vw; } .splide-posts-slider, .splide-posts-slider .splide__slide { max-height: 100%; } /* .splide-posts-slider.splide-games-slider .splide__slide { max-height: 40vw; } */ .splide-posts-slider .splide__pagination, .splide-hero-slider .splide__pagination { max-width: 75vw; bottom: 2.083vw; } .splide-posts-slider .splide__slide { padding: 11.25vw 0 4.167vw; height: 50vw; } .splide-posts-slider.splide-games-slider .splide__slide { padding-bottom: 2.167vw; } .splide-posts-slider .splide__pagination, .splide-hero-slider .splide__pagination { gap: 0.625vw; } .splide-posts-slider .splide__pagination button, .splide-hero-slider .splide__pagination button { width: 0.521vw; height: 0.521vw; border-radius: 0.521vw; } .splide-posts-slider .splide__pagination button:hover, .splide-posts-slider .splide__pagination button:focus, .splide-posts-slider .splide__pagination button.is-active, .splide-hero-slider .splide__pagination button:hover, .splide-hero-slider .splide__pagination button:focus, .splide-hero-slider .splide__pagination button.is-active { width: 1.563vw; } .hero-section-block .splide-hero-slider .splide__pagination { bottom: 1.25vw; } .game-details dt { font-size: 0.729vw; } .game-details dd { font-size: 1.042vw; } .game-demo-wrapper { padding-top: 5.208vw; } .game-single-pagetitle .game-demo-wrapper { height: calc(100vh - 9.375vw); } #article-content h2 { font-size: 1.667vw; } .intro-content, #article-content p:first-child { font-size: 1.354vw; } .lottie-container { width: 5.521vw; height: 5.521vw; } .betsoft-drive-product-box .lottie-container { width: 7.813vw; height: 7.813vw; } .betsoft-drive-product-box h3 { font-size: 1.354vw; } .icons-grid-wrapper::before { top: -6.25vw; } .icons-grid .uk-panel { padding: 1.042vw; } .icons-grid .lottie-container { width: 3.75vw; height: 3.75vw; transform: translate(-0.417vw, -0.417vw); } .icons-grid h3 { font-size: 0.938vw; } .media-block-inner iframe, .media-block-inner video, .media-block-inner img { width: 100%; } .panels-grid .lottie-container { width: 4.167vw; height: 4.167vw; } .panels-grid h3, .panels-grid .uk-h3 { font-size: 1.354vw; } .vancancy-single-panel { font-size: 0.833vw; } .vacancy-meta { font-size: 0.833vw; letter-spacing: 0.083vw; gap: 0.521vw; } .vancancy-single-panel h3 { font-size: 1.25vw; margin: 0.521vw 0 0; } #article-content h3 { font-size: 1.25vw; } #the-series-games { font-size: 0.938vw; } .hero-slide-badge { bottom: 1.25vw; } .hero-slide-badge img { width: 5.469vw; } .hero-slide-cta.uk-button { bottom: 1.25vw; font-size: 0.938vw; padding: 0.625vw 1.667vw; } .hero-slide-live-on { top: 5.833vw; right: 1.25vw; gap: 0.417vw; } .hero-slide-live-on-label { font-size: 1.094vw; } .hero-slide-live-on-boxes { gap: 0.313vw; } .hero-slide-live-on-box { width: 4.167vw; height: 4.167vw; } .hero-slide-live-on-value { font-size: 1.354vw; } .hero-slide-live-on-unit { font-size: 0.625vw; } .game-single-box-details { gap: 1.146vw; } .game-single-box .game-logo img { max-height: none; } .search-bar { padding: 1.563vw 0; } } /*********** 8. XXXXLarge (desktop) > 2880px ***********/ @media only screen and (min-width: 2880px) { .splide-posts-slider.splide-games-slider .splide__slide { padding-top: 14.583vw; } .game-character img { min-width: 16vw; } .game-category-character { transform: translate(-50%, -50px); } } @keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0} .no-js img.lazyload { display: none; } figure.wp-block-image img.lazyloading { min-width: 150px; } .lazyload, .lazyloading { --smush-placeholder-width: 100px; --smush-placeholder-bg-max-width: 120px; --smush-placeholder-aspect-ratio: 1/1; width: var(--smush-image-width, var(--smush-placeholder-width)) !important; aspect-ratio: var(--smush-image-aspect-ratio, var(--smush-placeholder-aspect-ratio)) !important; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 400ms; transition-delay: 0ms; } [data-wpr-lazyrender] {content-visibility: auto;} .imageye-selected { outline: 2px solid black !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important; } .VIpgJd-ZVi9od-ORHb-OEVmcd{left:0;top:0;height:39px;width:100%;z-index:10000001;position:fixed;border:none;border-bottom:1px solid #6B90DA;margin:0;box-shadow:0 0 8px 1px #999}.VIpgJd-ZVi9od-xl07Ob-OEVmcd{z-index:10000002;border:none;position:fixed;box-shadow:0 3px 8px 2px #999}.VIpgJd-ZVi9od-SmfZ-OEVmcd{z-index:10000000;border:none;margin:0}.goog-te-gadget{font-family:arial;font-size:11px;color:#666;white-space:nowrap}.goog-te-gadget img{vertical-align:middle;border:none}.goog-te-gadget-simple{background-color:#FFF;border-left:1px solid #D5D5D5;border-top:1px solid #9B9B9B;border-bottom:1px solid #E8E8E8;border-right:1px solid #D5D5D5;font-size:10pt;display:inline-block;padding-top:1px;padding-bottom:2px;cursor:pointer}.goog-te-gadget-icon{margin-left:2px;margin-right:2px;width:19px;height:19px;border:none;vertical-align:middle}.goog-te-combo{margin-left:4px;margin-right:4px;vertical-align:baseline}.goog-te-gadget .goog-te-combo{margin:4px 0}.VIpgJd-ZVi9od-l4eHX-hSRGPd,.VIpgJd-ZVi9od-l4eHX-hSRGPd:active,.VIpgJd-ZVi9od-l4eHX-hSRGPd:hover,.VIpgJd-ZVi9od-l4eHX-hSRGPd:link,.VIpgJd-ZVi9od-l4eHX-hSRGPd:visited{font-size:12px;font-weight:700;color:#444;text-decoration:none}.VIpgJd-ZVi9od-ORHb .VIpgJd-ZVi9od-l4eHX-hSRGPd,.VIpgJd-ZVi9od-TvD9Pc-hSRGPd{display:block;margin:0 10px}.VIpgJd-ZVi9od-ORHb .VIpgJd-ZVi9od-l4eHX-hSRGPd{padding-top:2px;padding-left:4px}.VIpgJd-ZVi9od-ORHb *,.VIpgJd-ZVi9od-SmfZ *,.VIpgJd-ZVi9od-l9xktf *,.VIpgJd-ZVi9od-vH1Gmf *,.VIpgJd-ZVi9od-xl07Ob *,.goog-te-combo{font-family:arial;font-size:10pt}.VIpgJd-ZVi9od-ORHb{margin:0;background-color:#E4EFFB;overflow:hidden}.VIpgJd-ZVi9od-ORHb img{border:none}.VIpgJd-ZVi9od-ORHb-bN97Pc{color:#000}.VIpgJd-ZVi9od-ORHb-bN97Pc img{vertical-align:middle}.VIpgJd-ZVi9od-ORHb-Tswv1b{color:#666;vertical-align:top;margin-top:0;font-size:7pt}.VIpgJd-ZVi9od-ORHb-KE6vqe{width:8px}.VIpgJd-ZVi9od-LgbsSe{border-color:#E7E7E7;border-style:none solid solid none;border-width:0 1px 1px 0}.VIpgJd-ZVi9od-LgbsSe div{border-color:#CCC #999 #999 #CCC;border-right:1px solid #999;border-style:solid;border-width:1px;height:20px}.VIpgJd-ZVi9od-LgbsSe button{background:transparent;border:none;cursor:pointer;height:20px;overflow:hidden;margin:0;vertical-align:top;white-space:nowrap}.VIpgJd-ZVi9od-LgbsSe button:active{background:none repeat scroll 0 0 #CCC}.VIpgJd-ZVi9od-SmfZ{margin:0;background-color:#FFF;white-space:nowrap}.VIpgJd-ZVi9od-SmfZ-hSRGPd{text-decoration:none;font-weight:700;font-size:10pt;border:1px outset #888;padding:6px 10px;white-space:nowrap;position:absolute;left:0;top:0}.VIpgJd-ZVi9od-SmfZ-hSRGPd img{margin-left:2px;margin-right:2px;width:19px;height:19px;border:none;vertical-align:middle}.VIpgJd-ZVi9od-SmfZ-hSRGPd span{text-decoration:underline;margin-left:2px;margin-right:2px;vertical-align:middle}.goog-te-float-top .VIpgJd-ZVi9od-SmfZ-hSRGPd{padding:2px;border-top-width:0}.goog-te-float-bottom .VIpgJd-ZVi9od-SmfZ-hSRGPd{padding:2px;border-bottom-width:0}.VIpgJd-ZVi9od-xl07Ob-lTBxed{text-decoration:none;color:#00C;white-space:nowrap;margin-left:4px;margin-right:4px}.VIpgJd-ZVi9od-xl07Ob-lTBxed span{text-decoration:underline}.VIpgJd-ZVi9od-xl07Ob-lTBxed img{margin-left:2px;margin-right:2px}.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{color:#000}.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span{text-decoration:none}.VIpgJd-ZVi9od-xl07Ob{background-color:#FFF;text-decoration:none;border:2px solid #C3D9FF;overflow-y:scroll;overflow-x:hidden;position:absolute;left:0;top:0}.VIpgJd-ZVi9od-xl07Ob-ibnC6b{padding:3px;text-decoration:none}.VIpgJd-ZVi9od-xl07Ob-ibnC6b,.VIpgJd-ZVi9od-xl07Ob-ibnC6b:link{color:#00C;background:#FFF}.VIpgJd-ZVi9od-xl07Ob-ibnC6b:visited{color:#551A8B}.VIpgJd-ZVi9od-xl07Ob-ibnC6b:hover{background:#C3D9FF}.VIpgJd-ZVi9od-xl07Ob-ibnC6b:active{color:#00C}.VIpgJd-ZVi9od-vH1Gmf{background-color:#FFF;text-decoration:none;border:1px solid #6B90DA;overflow:hidden;padding:4px}.VIpgJd-ZVi9od-vH1Gmf-KrhPNb{width:16px}.VIpgJd-ZVi9od-vH1Gmf-hgDUwe{margin:6px 0;height:1px;background-color:#aaa;overflow:hidden}.VIpgJd-ZVi9od-vH1Gmf-ibnC6b div,.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd div{padding:4px}.VIpgJd-ZVi9od-vH1Gmf-ibnC6b .uDEFge{display:none}.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd .fmcmS{padding-left:4px;padding-right:4px}.VIpgJd-ZVi9od-vH1Gmf-ibnC6b,.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd{text-decoration:none}.VIpgJd-ZVi9od-vH1Gmf-ibnC6b div,.VIpgJd-ZVi9od-vH1Gmf-ibnC6b:active div,.VIpgJd-ZVi9od-vH1Gmf-ibnC6b:link div,.VIpgJd-ZVi9od-vH1Gmf-ibnC6b:visited div{color:#00C;background:#FFF}.VIpgJd-ZVi9od-vH1Gmf-ibnC6b:hover div{color:#FFF;background:#36C}.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd div,.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd:active div,.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd:hover div,.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd:link div,.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd:visited div{color:#000;font-weight:700}.VIpgJd-ZVi9od-l9xktf{background-color:#FFF;overflow:hidden;padding:8px;border:none;border-radius:10px}.VIpgJd-ZVi9od-l9xktf-OEVmcd{background-color:#FFF;border:1px solid #6B90DA;box-shadow:0 3px 8px 2px #999;border-radius:8px}.VIpgJd-ZVi9od-l9xktf img{border:none}.VIpgJd-ZVi9od-l9xktf-fmcmS{margin-top:6px}.VIpgJd-ZVi9od-l9xktf-VgwJlc{margin-top:6px;white-space:nowrap}.VIpgJd-ZVi9od-l9xktf-VgwJlc *{vertical-align:middle}.VIpgJd-ZVi9od-l9xktf-VgwJlc .DUGJie{background-image:/*savepage-url=https://www&google.com/images/zippy_minus_sm.gif*/url()}.VIpgJd-ZVi9od-l9xktf-VgwJlc .TdyTDe{background-image:/*savepage-url=https://www&google.com/images/zippy_plus_sm.gif*/url()}.VIpgJd-ZVi9od-l9xktf-VgwJlc span{color:#00C;text-decoration:underline;cursor:pointer;margin:0 4px}.VIpgJd-ZVi9od-l9xktf-I9GLp{margin:6px 0 0}.VIpgJd-ZVi9od-l9xktf-I9GLp form{margin:0}.VIpgJd-ZVi9od-l9xktf-I9GLp form textarea{margin-bottom:4px;width:100%}.VIpgJd-ZVi9od-l9xktf-yePe5c{margin:6px 0 4px}.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{z-index:1000;position:fixed;-webkit-transition-delay:.6s;transition-delay:.6s;left:-1000px;top:-1000px}.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{-webkit-transition-delay:0s;transition-delay:0s;left:-14px;top:-14px}.VIpgJd-ZVi9od-aZ2wEe-OiiCO{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:104px;height:104px;border-radius:50px;background:#FFF /*savepage-url=https://www.gstatic.com/images/branding/product/2x/translate_24dp.png*/ url() 50% 50% no-repeat;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}.VIpgJd-ZVi9od-aZ2wEe-OiiCO-ti6hGc{-webkit-transform:scale(.5);transform:scale(.5);opacity:1}.VIpgJd-ZVi9od-aZ2wEe{margin:2px 0 0 2px;-webkit-animation:spinner-rotator 1.4s linear infinite;animation:spinner-rotator 1.4s linear infinite}@-webkit-keyframes spinner-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes spinner-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}.VIpgJd-ZVi9od-aZ2wEe-Jt5cK{stroke-dasharray:187;stroke-dashoffset:0;stroke:#4285F4;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:spinner-dash 1.4s ease-in-out infinite;animation:spinner-dash 1.4s ease-in-out infinite}@-webkit-keyframes spinner-dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes spinner-dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}.VIpgJd-yAWNEb-L7lbkb a,.VIpgJd-yAWNEb-L7lbkb body,.VIpgJd-yAWNEb-L7lbkb div,.VIpgJd-yAWNEb-L7lbkb form,.VIpgJd-yAWNEb-L7lbkb h1,.VIpgJd-yAWNEb-L7lbkb h2,.VIpgJd-yAWNEb-L7lbkb h3,.VIpgJd-yAWNEb-L7lbkb h4,.VIpgJd-yAWNEb-L7lbkb h5,.VIpgJd-yAWNEb-L7lbkb h6,.VIpgJd-yAWNEb-L7lbkb html,.VIpgJd-yAWNEb-L7lbkb iframe,.VIpgJd-yAWNEb-L7lbkb img,.VIpgJd-yAWNEb-L7lbkb li,.VIpgJd-yAWNEb-L7lbkb ol,.VIpgJd-yAWNEb-L7lbkb p,.VIpgJd-yAWNEb-L7lbkb span,.VIpgJd-yAWNEb-L7lbkb table,.VIpgJd-yAWNEb-L7lbkb tbody,.VIpgJd-yAWNEb-L7lbkb td,.VIpgJd-yAWNEb-L7lbkb tr,.VIpgJd-yAWNEb-L7lbkb ul{all:unset;font-size:100%;line-height:normal}.VIpgJd-yAWNEb-L7lbkb ol,.VIpgJd-yAWNEb-L7lbkb ul{list-style:none}.VIpgJd-yAWNEb-L7lbkb table{border-collapse:collapse;border-spacing:0}.VIpgJd-yAWNEb-L7lbkb caption,.VIpgJd-yAWNEb-L7lbkb td,.VIpgJd-yAWNEb-L7lbkb th{text-align:left;font-weight:400}.VIpgJd-yAWNEb-L7lbkb input::-moz-focus-inner{border:0}div>.VIpgJd-yAWNEb-L7lbkb{padding:10px 14px}.VIpgJd-yAWNEb-L7lbkb{color:#222;background-color:#fff;border:1px solid #eee;box-shadow:0 4px 16px rgba(0,0,0,.2);-moz-box-shadow:0 4px 16px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);display:none;font-family:arial;font-size:10pt;width:420px;padding:12px;position:absolute;z-index:10000}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-nVMfcd-fmcmS,.VIpgJd-yAWNEb-yAWNEb-Vy2Aqc-pbTTYe{clear:both;font-size:10pt;position:relative;text-align:justify;width:100%}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-r4nke{color:#999;font-family:arial,sans-serif;margin:4px 0;text-align:left}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-TvD9Pc-LgbsSe{display:none}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-l4eHX{float:left;margin:0}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-Z0Arqf-PLDbbf{display:inline-block}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-fw42Ze-Z0Arqf-haAclf{display:none;width:100%}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-Z0Arqf-H9tDt{margin-top:20px}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-LK5yu{float:left}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-qwU8Me{float:right}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-cGMI2b{min-height:15px;position:relative;height:1%}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-jOfkMb-Ne3sFf{background:-webkit-linear-gradient(top,#29910d,#20af0e);background:-ms-linear-gradient(top,#29910d 0,#20af0e 100%);background:#29910d;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:inset 0 2px 2px #1e6609;-moz-box-shadow:inset 0 2px 2px #1e6609;-webkit-box-shadow:inset 0 2px 2px #1e6609;color:white;font-size:9pt;font-weight:bolder;margin-top:12px;padding:6px;text-shadow:1px 1px 1px #1e6609}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-Z0Arqf-hSRGPd{color:#15c;cursor:pointer;font-family:arial;font-size:11px;margin-right:15px;text-decoration:none}.VIpgJd-yAWNEb-L7lbkb>textarea{font-family:arial;resize:vertical;width:100%;margin-bottom:10px;border-radius:1px;border:1px solid #d9d9d9;border-top:1px solid silver;font-size:13px;height:auto;overflow-y:auto;padding:1px}.VIpgJd-yAWNEb-L7lbkb textarea:focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.3);border:1px solid #4d90fe;outline:none}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-Z0Arqf-IbE0S{margin-right:10px}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp{min-height:25px;vertical-align:middle;padding-top:8px}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp{margin-bottom:5px;margin-bottom:0}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input{display:inline-block;min-width:54px;*min-width:70px;border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,.1);text-align:center;color:#444;font-size:11px;font-weight:700;height:27px;outline:0;padding:0 8px;vertical-align:middle;line-height:27px;margin:0 16px 0 0;box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:2px;-webkit-transition:all .218s;transition:all .218s;background-color:#f5f5f5;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-o-linear-gradient(top,#f5f5f5,#f1f1f1);-webkit-user-select:none;-moz-user-select:none;cursor:default}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:hover{border:1px solid #c6c6c6;color:#222;-webkit-transition:all 0s;transition:all 0s;background-color:#f8f8f8;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1)}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:active{border:1px solid #c6c6c6;color:#333;background-color:#f6f6f6;background-image:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f6f6f6,#f1f1f1);background-image:-o-linear-gradient(top,#f6f6f6,#f1f1f1)}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:focus .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input.AHmuwe .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:active,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:focus:active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input.AHmuwe,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:focus{outline:none;border:1px solid #4d90fe;z-index:4!important}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input.gk6SMd{background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#eee,#e0e0e0);background-image:-o-linear-gradient(top,#eee,#e0e0e0);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);border:1px solid #ccc;color:#333}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf{color:white;border-color:#3079ed;background-color:#4d90fe;background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed)}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf.AHmuwe .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf:active,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf:hover .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf:focus{border-color:#3079ed;background-color:#357ae8;background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);background-image:-o-linear-gradient(top,#4d90fe,#357ae8)}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf:hover{box-shadow:inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1)}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf.AHmuwe,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf:active,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf:focus,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf:hover,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input.AHmuwe,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:active,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:focus,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:hover{border-color:#3079ed}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-mrxPge{color:#999;font-family:arial,sans-serif}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-W0vJo-fmcmS{color:#999;font-size:11px;font-family:arial,sans-serif;margin:15px 0 5px}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-u0pjoe-fmcmS{color:#800;display:none;font-size:9pt}.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{background-color:#c9d7f1;box-shadow:2px 2px 4px #99a;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-xl07Ob .VIpgJd-yAWNEb-VIpgJd-xl07Ob{background:#fff;border:1px solid #ddd;box-shadow:0 2px 4px #99a;min-width:0;outline:none;padding:0;position:absolute;z-index:2000}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-xl07Ob .VIpgJd-yAWNEb-VIpgJd-j7LFlb{cursor:pointer;padding:2px 5px 5px;margin-right:0;border-style:none}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-xl07Ob .VIpgJd-yAWNEb-VIpgJd-j7LFlb:hover{background:#ddd}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-xl07Ob .VIpgJd-yAWNEb-VIpgJd-j7LFlb h1{font-size:100%;font-weight:700;margin:4px 0}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-xl07Ob .VIpgJd-yAWNEb-VIpgJd-j7LFlb strong{color:#345aad}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-VIpgJd-eKm5Fc-hFsbo{text-align:right;position:absolute;right:0;left:auto}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-VIpgJd-j7LFlb-SIsrTd .VIpgJd-yAWNEb-VIpgJd-eKm5Fc-hFsbo{text-align:left;position:absolute;left:0;right:auto}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-TVLw9c-ppHlrf-sn54Q,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-yAWNEb-Vy2Aqc-fmcmS{background-color:#f1ea00;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;box-shadow:3px 3px 4px rgba(0,0,0,.5);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#f1ea00;cursor:pointer;margin:-2px -2px -2px -3px;padding:2px 2px 2px 3px;position:relative}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-TVLw9c-ppHlrf-sn54Q{color:#222}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-yAWNEb-Vy2Aqc-pbTTYe{color:white;position:absolute!important}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-TVLw9c-ppHlrf,.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-TVLw9c-ppHlrf .VIpgJd-yAWNEb-TVLw9c-ppHlrf-sn54Q{background-color:#c9d7f1;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;box-shadow:3px 3px 4px rgba(0,0,0,.5);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;margin:-2px -2px -2px -3px;padding:2px 2px 3px 3px;position:relative}.VIpgJd-yAWNEb-L7lbkb span:focus{outline:none}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-TVLw9c-DyVDA{background-color:transparent;border:1px solid #4d90fe;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;margin:-2px;padding:1px}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-yAWNEb-TVLw9c-sn54Q-LzX3ef{border-left:2px solid red;margin-left:-2px}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-yAWNEb-TVLw9c-sn54Q-YIAiIb{border-right:2px solid red;margin-right:-2px}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-YPqjbf{padding:2px}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-YPqjbf-fmcmS{font-size:11px;padding:2px 2px 3px;margin:0;background-color:#fff;color:#333;border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;display:inline-block;vertical-align:top;height:21px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-border-radius:1px}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-YPqjbf-fmcmS:hover{border:1px solid #b9b9b9;border-top:1px solid #a0a0a0;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-YPqjbf-fmcmS:focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.3);outline:none;border:1px solid #4d90fe}.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-YPqjbf-sFeBqf{font-size:11px;padding:2px 6px 3px;margin:0 0 0 2px;height:21px}.VIpgJd-yAWNEb-L7lbkb>div{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-family:Google Sans,Arial,sans-serif}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-Ud7fr{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:end;align-items:end;margin:14px}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-IuizWc-SIsrTd{margin-right:14px;color:#747775;font-size:14px;font-weight:500}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-IuizWc-i3jM8c{margin-left:14px;color:#747775;font-size:14px;font-weight:500}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-k77Iif{margin:0 16px 16px}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-axAV1{width:auto;color:#1f1f1f;font-size:16px;text-align:initial}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-axAV1 .VIpgJd-yAWNEb-SIsrTd{text-align:right}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid{border-radius:0 0 12px 12px;margin:0;background:#f1f4f9;position:relative;min-height:50px}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid .VIpgJd-yAWNEb-SIsrTd{text-align:right}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:77%;padding:12px}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od .VIpgJd-yAWNEb-SIsrTd{text-align:right}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-UTujCb{color:#1f1f1f;font-size:12px;font-weight:500}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od .VIpgJd-yAWNEb-SIsrTd .VIpgJd-yAWNEb-hvhgNd-UTujCb{text-align:right}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-eO9mKe{color:#444746;font-size:12px;padding-top:4px}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od .VIpgJd-yAWNEb-SIsrTd .VIpgJd-yAWNEb-hvhgNd-eO9mKe{text-align:right}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-xgov5{position:absolute;top:10px;right:5px}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-xgov5 .VIpgJd-yAWNEb-SIsrTd{left:5px;right:auto}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-THI6Vb{fill:#0b57d0}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-bgm6sf{margin:-4px 2px 0 0;padding:2px 0 0;width:48px;height:48px;border:none;border-radius:24px;cursor:pointer;background:none}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-bgm6sf:hover{background:#e8ebec}.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-aXYTce{display:none}sentinel{} :root { --savepage-url-70: url(images/img-128.jpg); } .uk-navbar-toggle-icon svg>[class*="line-"]{transition:0.2s ease-in-out;transition-property:transform, opacity;transform-origin:center;opacity:1}.uk-navbar-toggle-icon svg>.line-3{opacity:0}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-3{opacity:1}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-2{transform:rotate(45deg)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-3{transform:rotate(-45deg)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-1,.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-4{opacity:0}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-1{transform:translateY(6px) scaleX(0)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-4{transform:translateY(-6px) scaleX(0)} @font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2*/url()format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2*/url()format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;font-stretch:100%;src:/*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2*/url()format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} html {overflow: hidden;}body {font: 12px Roboto, Arial, sans-serif; background-color: #000; color: #fff; height: 100%; width: 100%; overflow: hidden; position: absolute; margin: 0; padding: 0;}#player {width: 100%; height: 100%;}h1 {text-align: center; color: #fff;}h3 {margin-top: 6px; margin-bottom: 3px;}.player-unavailable {position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 25px; font-size: 13px; background: /*savepage-url=/img/meh7.png*/ url() 50% 65% no-repeat;}.player-unavailable .message {text-align: left; margin: 0 -5px 15px; padding: 0 5px 14px; border-bottom: 1px solid #888; font-size: 19px; font-weight: normal;}.player-unavailable a {color: #167ac6; text-decoration: none;} :root { --savepage-url-35: url(); } :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ :root { } /* cyrillic-ext */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* math */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } /* symbols */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } /* vietnamese */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2*/ url() format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* math */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } /* symbols */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } /* vietnamese */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2*/ url() format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* math */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } /* symbols */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } /* vietnamese */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2*/ url() format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face {font-display:swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; src: /*savepage-url=//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2*/ url() format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .goog-inline-block{position:relative;display:-moz-inline-box;display:inline-block}* html .goog-inline-block{display:inline}:first-child+html .goog-inline-block{display:inline}.recaptcha-checkbox{border:none;font-size:1px;height:28px;margin:4px;width:28px;overflow:visible;outline:0;vertical-align:text-bottom}.recaptcha-checkbox-border{border-radius:2px;background-color:#fff;border:2px solid #444746;font-size:1px;height:24px;position:absolute;width:24px;z-index:1}.recaptcha-checkbox-borderAnimation{background-image:url(images/img-129.png);background-repeat:no-repeat;border:none;height:28px;outline:0;position:absolute;width:28px}.recaptcha-checkbox-spinner-gif{border-radius:2px;background-color:#fff;-webkit-background-size:24px 24px;background-size:24px;border:2px solid #444746;height:24px;left:0;position:absolute;top:0;width:24px}.recaptcha-checkbox-spinner{background-color:#f9f9f9;border:6px solid #4d90fe;border-radius:36px;border-bottom-color:transparent;border-left-color:transparent;height:36px;left:-4px;outline:0;position:absolute;top:-4px;width:36px;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-animation:spinner-spin 2.5s linear infinite;animation:spinner-spin 2.5s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transition-duration:1s;transition-duration:1s}@-webkit-keyframes spinner-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(245deg);transform:rotate(245deg)}60%{-webkit-transform:rotate(700deg);transform:rotate(700deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}to{-webkit-transform:rotate(3turn);transform:rotate(3turn)}}@keyframes spinner-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(245deg);transform:rotate(245deg)}60%{-webkit-transform:rotate(700deg);transform:rotate(700deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}to{-webkit-transform:rotate(3turn);transform:rotate(3turn)}}.recaptcha-checkbox-spinner-overlay{content:"";position:absolute;top:-7px;left:-7px;width:38px;height:19px;background-color:#f9f9f9;-webkit-animation:overlay-spin 1s linear;animation:overlay-spin 1s linear;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;border-radius:38px 38px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);opacity:0}@-webkit-keyframes overlay-spin{0%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:rotate(225deg);transform:rotate(225deg)}}@keyframes overlay-spin{0%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:rotate(225deg);transform:rotate(225deg)}}.recaptcha-checkbox-checkmark{background-image:url(images/img-130.png);background-repeat:no-repeat;border:none;height:30px;left:-5px;outline:0;position:absolute;width:38px}.rc-anchor-dark .recaptcha-checkbox-spinner,.rc-anchor-dark .recaptcha-checkbox-spinner-overlay{background-color:#222}.recaptcha-checkbox-hover .recaptcha-checkbox-border,.recaptcha-checkbox-hover .recaptcha-checkbox-spinner-gif{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1);border:2px solid #b2b2b2}.recaptcha-checkbox-focused .recaptcha-checkbox-border,.recaptcha-checkbox-focused .recaptcha-checkbox-spinner-gif{border:2px solid #4d90fe}.recaptcha-checkbox-active .recaptcha-checkbox-border,.recaptcha-checkbox-active .recaptcha-checkbox-spinner-gif{background-color:#ebebeb}.recaptcha-checkbox-disabled .recaptcha-checkbox-border,.recaptcha-checkbox-disabled .recaptcha-checkbox-spinner-gif{background-color:#f1f1f1}.recaptcha-checkbox-loading .recaptcha-checkbox-spinner-gif{background-image:/*savepage-url=https://www.gstatic.com/recaptcha/api2/loading.gif*/var(--savepage-url-80)}.recaptcha-checkbox-checked .recaptcha-checkbox-border,.recaptcha-checkbox-checked .recaptcha-checkbox-spinner-gif{visibility:hidden}.recaptcha-checkbox-checked .recaptcha-checkbox-checkmark{background-position:0 -600px}.recaptcha-checkbox-expired .recaptcha-checkbox-border,.recaptcha-checkbox-expired .recaptcha-checkbox-spinner-gif{border:2px solid #d93025}.recaptcha-checkbox-clearOutline.recaptcha-checkbox-focused .recaptcha-checkbox-border,.recaptcha-checkbox-clearOutline.recaptcha-checkbox-focused .recaptcha-checkbox-spinner-gif{border:2px solid #444746}body{margin:0}.rc-anchor{border-radius:3px;box-shadow:0 0 4px 1px rgba(0,0,0,.08);-webkit-box-shadow:0 0 4px 1px rgba(0,0,0,.08);-moz-box-shadow:0 0 4px 1px rgba(0,0,0,.08)}.rc-anchor-normal{height:74px;width:300px}.rc-anchor-compact{height:136px;width:156px}.rc-anchor-compact #rc-anchor-classic-warning{width:140px;text-align:center}.rc-anchor-dark{background:#222;color:#fff}.rc-anchor-dark.rc-anchor-compact,.rc-anchor-dark.rc-anchor-normal{border:1px solid #525252}.rc-anchor-dark #rc-anchor-over-quota,.rc-anchor-dark.rc-anchor-compact #rc-anchor-classic-warning,.rc-anchor-dark.rc-anchor-compact #rc-anchor-over-quota,.rc-anchor-dark.rc-anchor-compact #rc-anchor-v1beta1-shutdown-warning,.rc-anchor-dark.rc-anchor-normal #rc-anchor-classic-warning,.rc-anchor-dark.rc-anchor-normal #rc-anchor-v1beta1-shutdown-warning{color:#fff}.rc-anchor-light{background:#f9f9f9;color:#000}.rc-anchor-light.rc-anchor-compact,.rc-anchor-light.rc-anchor-normal{border:1px solid #d3d3d3}.rc-inline-block{display:inline-block;height:100%}.rc-anchor-center-container{display:table;height:100%}.rc-anchor-center-item{display:table-cell;vertical-align:middle}.rc-anchor-content{display:inline-block;position:relative}.rc-anchor-normal .rc-anchor-content{height:74px;width:206px}.rc-anchor-compact .rc-anchor-content{height:85px}.rc-anchor-error-message{color:#f00;font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;font-weight:400;line-height:16px;padding:0 10px}.rc-anchor-checkbox{margin:0 12px 2px 12px}.rc-anchor-checkbox-label{font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;font-weight:400;line-height:17px}.rc-anchor-normal .rc-anchor-checkbox-label{width:152px}.rc-anchor-compact .rc-anchor-checkbox-label{width:95px}.rc-anchor-error-msg-container{color:#d93025;font-family:Roboto,helvetica,arial,sans-serif;font-size:12px;font-weight:400;left:0;line-height:14px;margin:2px;position:absolute;top:0}.rc-anchor-normal.rc-anchor-error .rc-anchor-error-msg-container{width:240px}.rc-anchor-normal.rc-anchor-error .rc-anchor-content{margin-top:10px}.rc-anchor-compact.rc-anchor-error .rc-anchor-content{margin-top:25px}.rc-anchor-normal-footer{display:inline-block;height:74px;vertical-align:top;width:70px}.rc-anchor-compact-footer{margin:0 12px;text-align:center;width:136px}.rc-anchor-logo-img{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/logo_48.png*/var(--savepage-url-81);background-repeat:no-repeat}.rc-anchor-logo-text{cursor:default;font-family:Roboto,helvetica,arial,sans-serif;font-size:10px;font-weight:400;line-height:10px;margin-top:5px;text-align:center}.rc-anchor-light .rc-anchor-logo-text,.rc-anchor-light div a:link,.rc-anchor-light div a:visited{color:#555}.rc-anchor-dark .rc-anchor-logo-text,.rc-anchor-dark div a:link,.rc-anchor-dark div a:visited{color:#f5f5f5}.rc-anchor-logo-portrait{margin:10px 0 0 26px;width:58px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.rc-anchor-logo-img-portrait{-webkit-background-size:32px 32px;background-size:32px;height:32px;margin:0 13px 0 13px;width:32px}.rc-anchor-logo-landscape{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.rc-anchor-logo-img-landscape{-webkit-background-size:24px 24px;background-size:24px;display:inline-block;height:24px;width:24px}.rc-anchor-logo-landscape-text-holder{display:inline-block;height:24px;margin:0 2px 0 2px;width:54px}.rc-anchor-compact .rc-anchor-pt,.rc-anchor-invisible .rc-anchor-pt,.rc-anchor-normal .rc-anchor-pt{font-family:Roboto,helvetica,arial,sans-serif;font-size:8px;font-weight:400}.rc-anchor-pt{background-image:url("images/img-131.png")}.rc-anchor-pt a{display:inline;padding-left:1px;padding-right:1px;padding-top:2px;padding-bottom:2px;text-decoration:none}.rc-anchor-pt a:hover{text-decoration:underline}.rc-anchor-normal .rc-anchor-pt{margin:2px 11px 0 0;padding-right:2px;position:absolute;right:0;text-align:right;width:276px}.rc-anchor-compact .rc-anchor-pt{margin:0 0 2px 0;width:132px}.rc-anchor-aria-status{display:none}#rc-anchor-alert,.rc-anchor-alert{color:red;font-size:9px;margin:2px;position:absolute;top:0}#rc-anchor-classic-warning,#rc-anchor-v1beta1-shutdown-warning{bottom:0;color:#555;font-family:Roboto,helvetica,arial,sans-serif;font-size:9px;padding:4px;position:absolute;width:190px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:20px}#rc-anchor-classic-warning a{display:inline-block;position:relative;z-index:1;padding:4px;margin:-4px}#rc-anchor-v1beta1-shutdown-warning a{display:inline-block;position:relative;z-index:1;padding:4px;margin:-4px}#rc-anchor-over-quota{bottom:0;color:#555;font-family:Roboto,helvetica,arial,sans-serif;font-size:9px;padding:4px;position:absolute;width:170px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:20px}.rc-anchor-compact .rc-anchor-content #rc-anchor-over-quota{width:148px}.rc-anchor-normal .rc-anchor-pt.rc-anchor-over-quota-pt{width:130px}.rc-anchor-logo-portrait.rc-anchor-over-quota-logo{margin-top:6px}#rc-anchor-invisible-classic-warning,#rc-anchor-invisible-over-quota{font-size:9px;line-height:normal;white-space:normal}#rc-anchor-invisible-classic-warning a,#rc-anchor-invisible-over-quota a,#rc-anchor-invisible-v1beta1-shutdown-warning a{color:white}#rc-anchor-invisible-v1beta1-shutdown-warning{font-size:9px;line-height:normal;white-space:normal}.rc-anchor-invisible{height:60px;width:256px;display:-webkit-box;display:-webkit-flex;display:flex}.rc-anchor-invisible-text{background:#1a73e8;color:white;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;line-height:20px;padding:0 16px;white-space:nowrap}.rc-anchor-invisible-text.smalltext{font-size:12px;padding:0 10px;line-height:16px;white-space:normal}.rc-anchor-invisible-text.smalltext .rc-anchor-pt{line-height:12px;white-space:normal}.rc-anchor-invisible-text.smalltext .rc-anchor-pt a:link{font-size:9px}.rc-anchor-normal-footer.smalltext .rc-anchor-pt{font-size:5px;line-height:6px}.rc-anchor-invisible-text strong{font-weight:500}.rc-anchor-invisible .rc-anchor-normal-footer .rc-anchor-pt{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;text-align:center;width:70px;margin-top:2px}.rc-anchor-logo-img-large{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-background-size:44px 44px;background-size:44px;margin:8px 13px 0 13px;height:44px;width:44px}.rc-anchor-invisible-hover-hovered .rc-anchor-logo-img-large,.rc-anchor-invisible-nohover .rc-anchor-logo-img-large{-webkit-background-size:44px 44px;background-size:44px;margin:8px 13px 0 13px;height:44px;width:44px}.rc-anchor-invisible-hover-hovered .rc-anchor-normal-footer .rc-anchor-pt,.rc-anchor-invisible-nohover .rc-anchor-normal-footer .rc-anchor-pt{opacity:0}.rc-anchor-invisible-hover-hovered .rc-anchor-invisible-text .rc-anchor-pt,.rc-anchor-invisible-nohover .rc-anchor-invisible-text .rc-anchor-pt{opacity:1}.rc-anchor-invisible-text .rc-anchor-pt{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.rc-anchor-invisible-text .rc-anchor-pt a:link,.rc-anchor-invisible-text .rc-anchor-pt a:visited{color:white;font-size:10px}.rc-anchor-invisible-hover .rc-anchor-invisible-text .rc-anchor-pt a:link{display:none}.rc-anchor-invisible-hover-hovered .rc-anchor-invisible-text .rc-anchor-pt a:link,.rc-anchor-invisible-nohover .rc-anchor-invisible-text .rc-anchor-pt a:link{display:inline}.rc-anchor-invisible-hover .rc-anchor-normal-footer .rc-anchor-pt a:link{display:inline}.rc-anchor-invisible-hover-hovered .rc-anchor-normal-footer .rc-anchor-pt a:link,.rc-anchor-invisible-nohover .rc-anchor-normal-footer .rc-anchor-pt a:link{display:none}.rc-audiochallenge-response-field{margin:7px;text-align:center}.rc-audiochallenge-response-field .rc-response-input-field{width:220px}.rc-audiochallenge-error-message{color:#d93025;font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;font-weight:400;margin:20px 20px 0 20px}.rc-audiochallenge-instructions{font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;font-weight:400;margin:10px 20px 10px 20px}.rc-audiochallenge-play-button{margin:0 20px 0 20px}.rc-audiochallenge-play-button .rc-button-default{background:#d8d8d8;color:#000;font-weight:500;width:100%}.rc-audiochallenge-input-label{font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;font-weight:400;margin:10px 20px 10px 20px}.rc-audiochallenge-control audio{height:30px;width:240px}.rc-audiochallenge-tdownload{margin:5px 20px 5px 20px;text-align:center}.rc-audiochallenge-tdownload-link{background-image:/*savepage-url=https://www.gstatic.com/recaptcha/api2/download.png*/var(--savepage-url-82);background-repeat:no-repeat;-webkit-background-size:36px 36px;background-size:36px;color:transparent;display:inline-block;height:36px;opacity:.55;overflow:hidden;width:36px}.rc-audiochallenge-tdownload-link:focus-visible{background-color:#d8d8d8}@media screen and (forced-colors:active) and (prefers-color-scheme:dark){.rc-audiochallenge-tdownload-link{background-image:/*savepage-url=https://www.gstatic.com/recaptcha/api2/download_white.png*/var(--savepage-url-83);background-repeat:no-repeat;-webkit-background-size:36px 36px;background-size:36px;color:transparent;display:inline-block;height:36px;opacity:.55;overflow:hidden;width:36px}}.rc-audiochallenge-tdownload-link-on-dark{background-image:/*savepage-url=https://www.gstatic.com/recaptcha/api2/download_white.png*/var(--savepage-url-83);background-repeat:no-repeat;-webkit-background-size:36px 36px;background-size:36px;color:transparent;display:inline-block;height:36px;opacity:.55;overflow:hidden;width:36px}.rc-audiochallenge-tdownload-link-on-dark:focus-visible{background-color:#d8d8d8}.rc-audiochallenge-tdownload-link:focus,.rc-audiochallenge-tdownload-link:hover{opacity:.8;outline:none}.rc-audiochallenge-tdownload-link-on-dark:focus,.rc-audiochallenge-tdownload-link-on-dark:hover{opacity:.8;outline:none}.fake-focus-audio{height:0;opacity:0;width:0}.rc-button-default{background:#1a73e8;border:0;border-radius:2px;color:#fff;cursor:pointer;font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;font-weight:500;height:42px;line-height:42px;min-width:100px;padding:0 10px 0 10px;text-align:center;text-transform:uppercase;-webkit-transition:all .5s ease;transition:all .5s ease}.rc-button-default:focus{outline:0;-webkit-box-shadow:0 0 0 2pt #185abc;box-shadow:0 0 0 2pt #185abc}.rc-button-default-disabled{background:rgba(73,143,225,.5);cursor:default}.rc-button-red{background:#e24a4a}.rc-button-default-disabled.rc-button-red{background:rgba(226,74,74,.49)}.rc-canvas-image{display:none}.rc-canvas-canvas{cursor:pointer}body{margin:0}.rc-imageselect-instructions strong{font-weight:900;display:block;font-size:28px}.rc-footer{font-family:Roboto,helvetica,arial,sans-serif;position:relative;width:100%}.rc-separator{border-top:1px solid #dfdfdf;margin-bottom:1px}.rc-controls{width:100%}.primary-controls{height:60px}.rc-buttons{float:left;height:48px;margin:6px 0 6px 6px;background-repeat:no-repeat}.fake-focus{height:0;opacity:0;width:0}.button-holder,.qr-button-holder{float:left;height:48px}.rc-button-reload{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/refresh_2x.png*/var(--savepage-url-84)}.rc-button-reload:focus-visible{background-color:#d8d8d8}@media screen and (forced-colors:active) and (prefers-color-scheme:dark){.rc-button-reload{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/refresh_white_2x.png*/var(--savepage-url-85)}}.rc-button-reload-on-dark{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/refresh_white_2x.png*/var(--savepage-url-85)}.rc-button-reload-on-dark:focus-visible{background-color:#d8d8d8}.rc-button-audio{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/audio_2x.png*/var(--savepage-url-86)}.rc-button-audio:focus-visible{background-color:#d8d8d8}@media screen and (forced-colors:active) and (prefers-color-scheme:dark){.rc-button-audio{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/audio_white_2x.png*/var(--savepage-url-87)}}.rc-button-audio-on-dark{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/audio_white_2x.png*/var(--savepage-url-87)}.rc-button-audio-on-dark:focus-visible{background-color:#d8d8d8}.rc-button-image{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/image_2x.png*/var(--savepage-url-88)}.rc-button-image:focus-visible{background-color:#d8d8d8}@media screen and (forced-colors:active) and (prefers-color-scheme:dark){.rc-button-image{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/image_white_2x.png*/var(--savepage-url-89)}}.rc-button-image-on-dark{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/image_white_2x.png*/var(--savepage-url-89)}.rc-button-image-on-dark:focus-visible{background-color:#d8d8d8}.rc-button-liveness{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/liveness_dark.png*/var(--savepage-url-90)}.rc-button-qr{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/modac_mobile_dark.png*/var(--savepage-url-91)}.rc-button-liveness:focus-visible{background-color:#d8d8d8}.rc-button-qr:focus-visible{background-color:#d8d8d8}@media screen and (forced-colors:active) and (prefers-color-scheme:dark){.rc-button-liveness{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/liveness_light.png*/var(--savepage-url-92)}}@media screen and (forced-colors:active) and (prefers-color-scheme:dark){.rc-button-qr{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/modac_mobile_light.png*/var(--savepage-url-93)}}.rc-button-liveness-on-dark{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/liveness_light.png*/var(--savepage-url-92)}.rc-button-qr-on-dark{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/qr_light.png*/var(--savepage-url-94)}.rc-button-liveness-on-dark:focus-visible{background-color:#d8d8d8}.rc-button-qr-on-dark:focus-visible{background-color:#d8d8d8}.rc-button-help{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/info_2x.png*/var(--savepage-url-95)}.rc-button-help:focus-visible{background-color:#d8d8d8}@media screen and (forced-colors:active) and (prefers-color-scheme:dark){.rc-button-help{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/info_white_2x.png*/var(--savepage-url-96)}}.rc-button-help-on-dark{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/info_white_2x.png*/var(--savepage-url-96)}.rc-button-help-on-dark:focus-visible{background-color:#d8d8d8}.rc-button-undo{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/undo_2x.png*/var(--savepage-url-97)}.rc-button-undo:focus-visible{background-color:#d8d8d8}@media screen and (forced-colors:active) and (prefers-color-scheme:dark){.rc-button-undo{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/undo_white_2x.png*/var(--savepage-url-98)}}.rc-button-undo-on-dark{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/undo_white_2x.png*/var(--savepage-url-98)}.rc-button-undo-on-dark:focus-visible{background-color:#d8d8d8}.rc-button{-webkit-background-size:32px 32px;background-size:32px 32px;cursor:pointer;height:48px;opacity:.55;width:48px;padding:0;border:0;background-repeat:no-repeat;background-position:50%}.rc-button:focus,.rc-button:hover{opacity:.8;outline:none}.verify-button-holder{float:right;margin:8px 8px 9px 0}.rc-challenge-help{font-family:Roboto,helvetica,arial,sans-serif;font-size:12px;font-weight:400;overflow-y:scroll;padding:5px 20px 5px 20px}.reload-icon{height:16px;width:16px}.apps-toast{position:relative;text-align:center;width:100%;z-index:101}.apps-toast-content{background:#323232;border-radius:2px;-webkit-box-shadow:0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.4);box-shadow:0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.4);color:#eee;display:inline-block;font:12px/20px Roboto,helvetica,arial,sans-serif;padding:14px;text-align:center}.goog-container:focus{outline:none}.rc-defaultchallenge-response-field{margin:7px;text-align:center}.rc-defaultchallenge-response-field .rc-response-input-field{width:230px}.rc-defaultchallenge-payload{border:none;font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;font-weight:400;min-height:61px;text-align:center}.rc-defaultchallenge-incorrect-response{color:#ff1b1b;font-family:Roboto,helvetica,arial,sans-serif;font-size:12px;font-weight:400;line-height:14px;margin-left:20px}.rc-doscaptcha-header{padding:10px;margin:10px;height:20%;background-color:#1a73e8}.rc-doscaptcha-header-text{font-family:Roboto,helvetica,arial,sans-serif;font-size:22px;font-weight:400;text-align:center;color:white}.rc-doscaptcha-body{height:80%}.rc-doscaptcha-body-text{font-family:Roboto,helvetica,arial,sans-serif;font-size:16px;font-weight:400;padding:10px 15px 10px 15px}.rc-doscaptcha-footer{pointer-events:none}.recaptchaJavascriptChallengeLivenessOuterContainer{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.recaptchaJavascriptChallengeLivenessContainer{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.goog-container:focus{outline:none}#rc-imageselect{min-width:240px;font-family:Roboto,helvetica,arial,sans-serif;background-color:#fff}#rc-imageselect .rc-button:focus{outline:none}.rc-imageselect-desc{margin-left:-10px;margin-top:-10px;padding-right:100px;position:relative}.rc-imageselect-instructions .rc-imageselect-desc strong{font-size:22px}.rc-imageselect-desc span{display:block}.rc-imageselect-desc-no-canonical{position:relative}.rc-imageselect-desc-no-canonical span{display:block}.rc-imageselect-payload{min-width:240px;margin:0 7px;padding:7px 0}.rc-imageselect-challenge{position:relative;width:100%;height:100%}.rc-footer{min-width:240px}.rc-imageselect-error-dynamic-more,.rc-imageselect-error-select-more,.rc-imageselect-error-select-something,.rc-imageselect-incorrect-response{color:#d93025;font-size:14px;padding:7px 0;text-align:center;width:100%;background-color:white}.rc-imageselect-desc-wrapper{margin-bottom:6px}.rc-imageselect-checkbox{background:url(images/img-132.png);display:none;position:absolute}.rc-imageselect-report-image{bottom:0;left:0;display:none;position:absolute;right:0;top:0}.rc-imageselect-table-33,.rc-imageselect-table-42,.rc-imageselect-table-44{border-collapse:separate;border-spacing:0;width:100%;height:100%;-webkit-transition:all 1s ease;transition:all 1s ease}.rc-imageselect-table-33,.rc-imageselect-table-42{margin:-2px}.rc-imageselect-table-44{margin:-1px}.rc-imageselect-table-42 td{padding:2px}.rc-imageselect-table-33 td{padding:2px}.rc-imageselect-table-44 td{padding:1px}.rc-image-tile-target tr,td{margin:0}.rc-imageselect-keyboard{outline:solid orange!important;position:relative;z-index:100}td:focus{outline:none}.rc-image-tile-overlay{display:none;opacity:0;position:absolute;background-color:#1a73e8;width:100%;height:100%;z-index:2;-webkit-transition:opacity 1s cubic-bezier(.49,.78,.46,1.34);transition:opacity 1s cubic-bezier(.49,.78,.46,1.34)}.rc-image-followup-tile{display:block}.rc-imageselect-dynamic-selected{position:relative;-webkit-transition:all 2s ease;transition:all 2s ease;opacity:.01}.rc-imageselect-dynamic-selected .rc-image-tile-target{opacity:1}.rc-imageselect-dynamic-selected .rc-imageselect-checkbox{display:block;opacity:1;-webkit-background-size:cover;background-size:cover;width:60px;height:60px;left:50%;top:50%;margin-left:-30px;margin-top:-30px}.rc-image-tile-target{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.rc-imageselect-tileselected{position:relative}.rc-imageselect-tileselected .rc-image-tile-wrapper{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.rc-image-tile-wrapper{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.rc-imageselect-tileselected .rc-imageselect-checkbox{display:block;background-repeat:no-repeat;bottom:0;left:0;right:0;top:0}.rc-imageselect-candidates{border:2px solid white;-webkit-box-sizing:border-box;box-sizing:border-box;height:94px;overflow:hidden;position:absolute;right:7px;top:7px;width:112px}.rc-imageselect-candidates>div{-webkit-background-size:112px 94px;background-size:112px 94px;display:inline-block;height:94px;margin:2px;position:relative;width:112px}.rc-imageselect-challenge{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.rc-imageselect-response-field-error{border-bottom:1px solid #ff0000}.rc-imageselect-desc{font-size:16px}.rc-imageselect-desc-wrapper span{font-size:14px}.rc-imageselect-clear{clear:both}.rc-image-tile-wrapper{overflow:hidden;position:relative;-webkit-transition:.1s ease;transition:.1s ease}.rc-image-tile-wrapper img{position:relative;-webkit-user-drag:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.rc-image-tile-11{width:100%;height:100%}.rc-image-tile-42{width:200%;height:400%}.rc-image-tile-33{width:300%;height:300%}.rc-image-tile-44{width:400%;height:400%}.rc-imageselect-instructions{height:113px;width:100%;margin-bottom:7px;position:relative}.rc-imageselect-desc-wrapper{background-color:#1a73e8;position:relative;padding:24px;color:white;height:66px;font-size:16px}.rc-imageselect-progress{background-color:#417cc1;position:absolute;bottom:0;right:0;width:0;height:15px;-webkit-transition:all 1s ease;transition:all 1s ease}.rc-imageselect-carousel-offscreen-right{left:105%;position:absolute;-webkit-transition:.5s ease;transition:.5s ease}.rc-imageselect-carousel-entering-right{left:0;position:absolute;-webkit-transition:.5s ease;transition:.5s ease}.rc-imageselect-carousel-mock-margin-1{top:1px}.rc-imageselect-carousel-mock-margin-2{top:2px}.rc-imageselect-carousel-leaving-left{left:0;opacity:.5;position:relative;-webkit-transition:.5s ease;transition:.5s ease}.rc-imageselect-carousel-offscreen-left{left:-105%;opacity:.5;position:relative;-webkit-transition:.5s ease;transition:.5s ease}.rc-imageselect-carousel-instructions{-webkit-transition:.2s ease;transition:.2s ease;opacity:1}.rc-imageselect-carousel-instructions-hidden{opacity:.5}.rc-canonical-stop-sign{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/stop_sign.jpg*/var(--savepage-url-99);background-repeat:no-repeat}.rc-canonical-speed-limit{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/canonical_speed_limit.png*/var(--savepage-url-100);background-repeat:no-repeat}.rc-canonical-street-name{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/canonical_street_name.png*/var(--savepage-url-101);background-repeat:no-repeat}.rc-canonical-other{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/canonical_other.png*/var(--savepage-url-102);background-repeat:no-repeat}.rc-canonical-bounding-box{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/boundingbox2.gif*/var(--savepage-url-103);background-repeat:no-repeat}.rc-canonical-car{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/canonical_car.png*/var(--savepage-url-104);background-repeat:no-repeat}.rc-canonical-road{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/canonical_road.png*/var(--savepage-url-105);background-repeat:no-repeat}.rc-canonical-bridge{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/canonical_bridge.png*/var(--savepage-url-106);background-repeat:no-repeat}.recaptchaJavascriptChallengeQrOuterContainer{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.recaptchaJavascriptChallengeQrContainer{-webkit-box-align:anchor-center;-webkit-align-items:anchor-center;align-items:anchor-center;position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.recaptchaJavascriptChallengeQrCanvas{min-width:200px;min-height:200px;max-height:45%;max-width:40%;outline-offset:0;outline:2px solid;border-radius:2pt;padding:20px;position:relative;border:1px solid #999;-webkit-box-shadow:0 0 10px 10px rgba(26,115,232,.3);box-shadow:0 0 9px 2px rgba(26,115,232,.3);background:white}.recaptchaJavascriptChallengeQrBackground{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/modac_qr_background.svg*/var(--savepage-url-107);position:absolute;top:50%;margin-top:-20%;width:100%;height:100%;background-repeat:no-repeat}.recaptchaJavascriptChallengeQrButton{background:#1a73e8;border:0;color:#fff;cursor:pointer;font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;-webkit-transition:all .5s ease;transition:all .5s ease;border-radius:25px;padding:15px;text-transform:uppercase;text-decoration:none;position:relative;margin:25% auto}.recaptchaJavascriptChallengeQrInstructionsContainer{text-align:center;font-family:Roboto,helvetica,arial,sans-serif;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.recaptchaJavascriptChallengeQrShortInstructionsContainer{top:0;height:113px;position:relative;background:#1a73e8;text-align:center;margin:0 auto;width:100%}.recaptchaJavascriptChallengeQrShortInstructions{font-weight:700;color:#fff;font-size:20px;margin-top:45px}.recaptchaJavascriptChallengeQrAdditionalInstructionsContainer{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:10px}.recaptchaJavascriptChallengeQrCameraIcon{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/modac_camera_dark.png*/var(--savepage-url-108);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;display:inline-block;width:30px;height:30px}.recaptchaJavascriptChallengeQrMobileIcon{background:/*savepage-url=https://www.gstatic.com/recaptcha/api2/modac_mobile_dark.png*/var(--savepage-url-91);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;display:inline-block;width:30px;height:30px}.recaptchaJavascriptChallengeQrAdditionalInstructions{font-weight:400;font-size:14px;padding:10px 20px 10px 10px;max-width:80%;line-height:1.3;color:#777}.recaptchaJavascriptChallengeQrCodeHidden{height:0;width:0;display:none;visibility:hidden}.recaptchaJavascriptChallengeQrCodeVisible{height:200px;width:200px;display:inline-block;visibility:visible}.recaptchaJavascriptChallengeQrButtonHidden{display:none;visibility:hidden}.recaptchaJavascriptChallengeQrButtonVisible{display:inline-block;visibility:visible}.rc-prepositional-payload{padding:20px;font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;font-weight:400}.rc-prepositional-select-more,.rc-prepositional-verify-failed{color:#ff1b1b;font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;font-weight:400;margin:20px 20px 0 20px}.rc-prepositional-target label{margin:5px;float:right}.rc-prepositional-instructions{margin-bottom:20px}.rc-prepositional-table{width:100%}.rc-prepositional-table td{background:#f9f9f9;border:1px solid #fff;color:#000;cursor:pointer;font-family:Roboto,helvetica,arial,sans-serif;font-size:14px;font-weight:400;width:40%;padding:15px}.rc-prepositional-table td.rc-prepositional-selected{background:#efefef;border:1px solid #656565}.rc-2fa-payload{font-family:Roboto,Helvetica,Arial,Sans-Serif;font-size:14px;font-weight:400;font-size:14px;text-align:left;color:#202124;text-align:center}.rc-2fa-background{background-color:#ececec;width:100%;height:100%;overflow:auto}.rc-2fa-container{background-color:#fff;width:328px;overflow:auto;margin:100px auto}.rc-2fa-header{margin:36px 0 24px 0;font-size:16px}.rc-2fa-instructions{margin:24px 40px;line-height:17.5px}.rc-2fa-response-field{text-align:center}.rc-2fa-response-field input{width:11.2ch;height:40px;line-height:40px;margin:auto;border:1px solid #979797;font-size:20px;letter-spacing:.8ch;padding-left:1.2ch;padding-right:0}.rc-2fa-response-field input:focus{border:1px solid #185abc}.rc-2fa-response-field-error input{border:1px solid #d93025}.rc-2fa-response-field-error input:focus{border:1px solid #d93025}.rc-2fa-error-message{height:36px;font-size:12px;color:#d93025;margin:2px 40px}.rc-2fa-submit-button-holder button{margin:0 auto;min-width:100px;height:36px;line-height:36px;text-transform:uppercase;text-align:center;font-weight:500;letter-spacing:1.25px;border-radius:4px;background-color:#185abc;border:1px solid #185abc;color:#fff}.rc-2fa-submit-button-holder button:disabled{background-color:white;border:1px solid #979797;color:rgba(0,0,0,.38)}.rc-2fa-cancel-button-holder button{margin:20px auto;min-width:100px;height:36px;line-height:36px;text-transform:uppercase;text-align:center;font-weight:500;letter-spacing:1.25px;border-radius:4px;background:none;border:none;color:#185abc}.rc-2fa-cancel-button-holder button:active{border:none}.rc-response-input-field{border:1px solid #747775;border-radius:2px;height:36px;margin:5px 0;padding:1px 9px;font-family:Roboto,helvetica,arial,sans-serif;font-size:16px;font-weight:400;outline:none;width:270px}.rc-response-input-field:focus{border:1px solid #1a73e8}.rc-response-input-field-error,.rc-response-input-field-error:focus{border:1px solid #ff0000}sentinel{} :root { --savepage-url-80: url(images/img-133.gif); --savepage-url-81: url(images/img-134.png); --savepage-url-82: url(images/img-135.png); --savepage-url-83: url(images/img-136.png); --savepage-url-84: url(images/img-137.png); --savepage-url-85: url(images/img-138.png); --savepage-url-86: url(images/img-139.png); --savepage-url-87: url(images/img-140.png); --savepage-url-88: url(images/img-141.png); --savepage-url-89: url(images/img-142.png); --savepage-url-90: url(images/img-143.png); --savepage-url-91: url(images/img-144.png); --savepage-url-92: url(images/img-145.png); --savepage-url-93: url(images/img-146.png); --savepage-url-94: url(images/img-147.png); --savepage-url-95: url(images/img-148.png); --savepage-url-96: url(images/img-149.png); --savepage-url-97: url(images/img-150.png); --savepage-url-98: url(images/img-151.png); --savepage-url-99: url(images/img-152.jpg); --savepage-url-100: url(images/img-153.png); --savepage-url-101: url(images/img-154.png); --savepage-url-102: url(images/img-155.png); --savepage-url-103: url(images/img-156.gif); --savepage-url-104: url(images/img-157.png); --savepage-url-105: url(images/img-158.png); --savepage-url-106: url(images/img-159.png); --savepage-url-107: url(images/img-160.svg); --savepage-url-108: url(images/img-161.png); } :root { } :root { }