/* Start:/local/templates/dentaarea/core/css/font-awesome.min.css?177434272831084*/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';font-display:swap;src:url('/local/templates/dentaarea/core/css/../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/local/templates/dentaarea/core/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/local/templates/dentaarea/core/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/local/templates/dentaarea/core/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/local/templates/dentaarea/core/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/local/templates/dentaarea/core/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-rutube:before{content:"\f2e1"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.fa-max:before{content:"\0f2e"}. /* End */ /* Start:/local/templates/dentaarea/core/css/uikit.css?1774342728390098*/ /*! UIkit 3.23.12 | https://www.getuikit.com | (c) 2014 - 2025 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 */ /* 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, 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 ========================================================================== */ /* 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 ========================================================================== */ .uk-list-disc, .uk-list-circle, .uk-list-square, .uk-list-decimal, .uk-list-hyphen { padding-left: 30px; } .uk-list-disc { list-style-type: disc; } .uk-list-circle { list-style-type: circle; } .uk-list-square { list-style-type: square; } .uk-list-decimal { list-style-type: decimal; } .uk-list-hyphen { list-style-type: '– '; } /* * Color modifiers */ .uk-list-muted > ::marker { color: #999 !important; } .uk-list-emphasis > ::marker { color: #333 !important; } .uk-list-primary > ::marker { color: #1e87f0 !important; } .uk-list-secondary > ::marker { color: #222 !important; } /* Image bullet modifier ========================================================================== */ .uk-list-bullet > * { position: relative; padding-left: 30px; } .uk-list-bullet > ::before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 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; } /* * Correct vertical alignment in Safari. */ .uk-input[type="date"]::-webkit-datetime-edit, .uk-input[type="time"]::-webkit-datetime-edit, .uk-input[type="datetime-local"]::-webkit-datetime-edit { display: inline-flex; align-items: center; height: 100%; padding: 0; } /* * 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 controls 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 between 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 ========================================================================== */ /* * Adopts `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 { padding-left: 10px; padding-right: 10px; } .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 { padding-left: 10px; padding-right: 10px; } .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: 55px; padding-left: 12px; padding-right: 12px; background: transparent; font-size: 1.5rem; border: 1px solid #e5e5e5; } /* Focus */ .uk-search-medium .uk-search-input:focus { background-color: rgba(0, 0, 0, 0); border-color: #1e87f0; } /* * Icon */ .uk-search-medium .uk-search-icon { padding-left: 12px; padding-right: 12px; } .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { padding-left: 48px; } .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input { padding-right: 48px; } /* Large modifier ========================================================================== */ .uk-search-large { width: 500px; } /* * Input */ .uk-search-large .uk-search-input { height: 90px; padding-left: 20px; padding-right: 20px; background: transparent; font-size: 2.625rem; border: 1px solid #e5e5e5; } /* Focus */ .uk-search-large .uk-search-input:focus { background-color: rgba(0, 0, 0, 0); border-color: #1e87f0; } /* * Icon */ .uk-search-large .uk-search-icon { padding-left: 20px; padding-right: 20px; } .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { padding-left: 80px; } .uk-search-large:has(.uk-search-icon-flip) .uk-search-input { padding-right: 80px; } /* 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; } .uk-accordion li {box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); background: #fff; border-radius: 15px; overflow: hidden;} /* Title ========================================================================== */ .uk-accordion-title { display: block; font-size: 18px; font-weight: 700; color: #2a527d; overflow: hidden; position: relative; height: 70px; line-height: 70px; padding: 0 20px; background: #fff; text-decoration: none; } .uk-accordion-title::before { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 40px; height: 40px; text-align: center; line-height: 38px; border-radius: 50%; background: #fff; color: #2a527d; font-size: 18px; position: absolute; right: 20px; top: 15px; border: 1px solid #d8ebf5; } .uk-open > .uk-accordion-title::before { content: "\f106"; } /* Hover */ .uk-accordion-title:hover { color: #ff969c; text-decoration: none; } .uk-accordion-title:hover::before { color: #ff969c; } /* Content ========================================================================== */ .uk-accordion-content { display: flow-root; padding: 0px; position: relative; } /* * 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: 15px; right: 15px; 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: -100vw; /* 2 */ box-sizing: border-box; width: 100vw; background: #fff; /* 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: -35px; } .uk-grid > * { padding-left: 35px; } /* Vertical */ .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin { margin-top: 30px; } } /* * Small */ /* Horizontal */ .uk-grid-small, .uk-grid-column-small { margin-left: -15px; } .uk-grid-small > *, .uk-grid-column-small > * { padding-left: 15px; } /* Vertical */ .uk-grid + .uk-grid-small, .uk-grid + .uk-grid-row-small, .uk-grid-small > .uk-grid-margin, .uk-grid-row-small > .uk-grid-margin, * + .uk-grid-margin-small { margin-top: 15px; } /* * Medium */ /* Horizontal */ .uk-grid-medium, .uk-grid-column-medium { margin-left: -30px; } .uk-grid-medium > *, .uk-grid-column-medium > * { padding-left: 30px; } /* Vertical */ .uk-grid + .uk-grid-medium, .uk-grid + .uk-grid-row-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-row-medium > .uk-grid-margin, * + .uk-grid-margin-medium { margin-top: 30px; } /* * Large */ /* Horizontal */ .uk-grid-large, .uk-grid-column-large { margin-left: -40px; } .uk-grid-large > *, .uk-grid-column-large > * { padding-left: 40px; } /* Vertical */ .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin, * + .uk-grid-margin-large { margin-top: 40px; } /* Desktop and bigger */ @media (min-width: 1200px) { /* Horizontal */ .uk-grid-large, .uk-grid-column-large { margin-left: -70px; } .uk-grid-large > *, .uk-grid-column-large > * { padding-left: 70px; } /* Vertical */ .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin, * + .uk-grid-margin-large { margin-top: 70px; } } /* * Collapse */ /* Horizontal */ .uk-grid-collapse, .uk-grid-column-collapse { margin-left: 0; } .uk-grid-collapse > *, .uk-grid-column-collapse > * { padding-left: 0; } /* Vertical */ .uk-grid + .uk-grid-collapse, .uk-grid + .uk-grid-row-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-row-collapse > .uk-grid-margin { margin-top: 0; } /* Divider ========================================================================== */ .uk-grid-divider > * { position: relative; } .uk-grid-divider > :not(.uk-first-column)::before { content: ""; position: absolute; top: 0; bottom: 0; border-left: 1px solid #e5e5e5; } /* Vertical */ .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; left: 0; right: 0; border-top: 1px solid #e5e5e5; } /* * Default */ /* Horizontal */ .uk-grid-divider { margin-left: -60px; } .uk-grid-divider > * { padding-left: 60px; } .uk-grid-divider > :not(.uk-first-column)::before { left: 30px; } /* Vertical */ .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 60px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px; } /* Desktop and bigger */ @media (min-width: 1200px) { /* Horizontal */ .uk-grid-divider { margin-left: -80px; } .uk-grid-divider > * { padding-left: 80px; } .uk-grid-divider > :not(.uk-first-column)::before { left: 40px; } /* Vertical */ .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 80px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px; } } /* * Small */ /* Horizontal */ .uk-grid-divider.uk-grid-small, .uk-grid-divider.uk-grid-column-small { margin-left: -30px; } .uk-grid-divider.uk-grid-small > *, .uk-grid-divider.uk-grid-column-small > * { padding-left: 30px; } .uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { left: 15px; } /* Vertical */ .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { margin-top: 30px; } .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; left: 30px; } .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; } .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { left: 30px; } /* * Medium */ /* Horizontal */ .uk-grid-divider.uk-grid-medium, .uk-grid-divider.uk-grid-column-medium { margin-left: -60px; } .uk-grid-divider.uk-grid-medium > *, .uk-grid-divider.uk-grid-column-medium > * { padding-left: 60px; } .uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { left: 30px; } /* Vertical */ .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { margin-top: 60px; } .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px; } .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; } .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { left: 60px; } /* * Large */ /* Horizontal */ .uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large { margin-left: -80px; } .uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * { padding-left: 80px; } .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { left: 40px; } /* Vertical */ .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { margin-top: 80px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px; } .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; } .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: 80px; } /* Desktop and bigger */ @media (min-width: 1200px) { /* Horizontal */ .uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large { margin-left: -140px; } .uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * { padding-left: 140px; } .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { left: 70px; } /* Vertical */ .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { margin-top: 140px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; left: 140px; } .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; } .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: 140px; } } /* Match child of a grid cell ========================================================================== */ /* * Behave like a block element * 1. Wrap into the next line * 2. Take the full width, at least 100%. Only if no class from the Width component is set. * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) */ .uk-grid-match > *, .uk-grid-item-match { display: flex; /* 1 */ flex-wrap: wrap; } .uk-grid-match > * > :not([class*="uk-width"]), .uk-grid-item-match > :not([class*="uk-width"]) { /* 2 */ box-sizing: border-box; width: 100%; /* 3 */ flex: auto; } /* ======================================================================== Component: Nav ========================================================================== */ /* * Reset */ .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none; } /* * 1. Center content vertically, e.g. an icon * 2. Imitate white space gap when using flexbox * 3. Reset link */ .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 ========================================================================== */ /* * Gutter */ .uk-subnav-pill { margin-left: -20px; } .uk-subnav-pill > * { padding-left: 20px; } .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 ========================================================================== */ /* * 1. Reset list * 2. Remove space between elements */ .uk-breadcrumb { /* 1 */ padding: 0; list-style: none; /* 2 */ font-size: 0; } /* * 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; /* 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 { --uk-position-offset: 10px; /* 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 { --uk-inverse: light; /* 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; } /* Items ========================================================================== */ /* * Reset list */ .uk-lightbox-items { margin: 0; padding: 0; list-style: none; } /* * 1. Center child within the viewport * 2. Not visible by default * 3. Optimize animation * 4. 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: flex-start; /* 3 */ will-change: transform, opacity; /* 4 */ overflow: auto; } /* 2 */ .uk-lightbox-items > .uk-active { display: flex; } .uk-lightbox-items-fit > * { align-items: center; } /* 4 */ .uk-lightbox-items-fit > * > * { max-width: 100vw; max-height: 100vh; } .uk-lightbox-items-fit > * > :not(iframe) { width: auto; height: auto; } /* Zoom Cursor */ .uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover { cursor: zoom-in; } .uk-lightbox-items:not(.uk-lightbox-items-fit) .uk-lightbox-zoom:hover { cursor: zoom-out; } /* Navs ========================================================================== */ .uk-lightbox-thumbnav-vertical :where(img, video) { max-width: 100px; } .uk-lightbox-thumbnav:not(.uk-lightbox-thumbnav-vertical) :where(img, video) { max-height: 100px; } .uk-lightbox-thumbnav:empty, .uk-lightbox-dotnav:empty { display: none; } /* Caption ========================================================================== */ .uk-lightbox-caption:empty { display: none; } .uk-lightbox-caption { padding: 10px 10px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); } .uk-lightbox-caption > * { color: rgba(255, 255, 255, 0.7); } /* Counter ========================================================================== */ .uk-lightbox-counter: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; } /* Stroke modifiers ========================================================================== */ .uk-text-stroke { -webkit-text-stroke: calc(1.4px + 0.002em); -webkit-text-fill-color: transparent; } /* ======================================================================== 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: 20px; } * + .uk-margin { margin-top: 20px !important; } .uk-margin-top { margin-top: 20px !important; } .uk-margin-bottom { margin-bottom: 20px !important; } .uk-margin-left { margin-left: 20px !important; } .uk-margin-right { margin-right: 20px !important; } /* XSmall ========================================================================== */ .uk-margin-xsmall { margin-bottom: 5px; } * + .uk-margin-xsmall { margin-top: 5px !important; } .uk-margin-xsmall-top { margin-top: 5px !important; } .uk-margin-xsmall-bottom { margin-bottom: 5px !important; } .uk-margin-xsmall-left { margin-left: 5px !important; } .uk-margin-xsmall-right { margin-right: 5px !important; } /* Small ========================================================================== */ .uk-margin-small { margin-bottom: 10px; } * + .uk-margin-small { margin-top: 10px !important; } .uk-margin-small-top { margin-top: 10px !important; } .uk-margin-small-bottom { margin-bottom: 10px !important; } .uk-margin-small-left { margin-left: 10px !important; } .uk-margin-small-right { margin-right: 10px !important; } /* Medium ========================================================================== */ .uk-margin-medium { margin-bottom: 40px; } * + .uk-margin-medium { margin-top: 40px !important; } .uk-margin-medium-top { margin-top: 40px !important; } .uk-margin-medium-bottom { margin-bottom: 40px !important; } .uk-margin-medium-left { margin-left: 40px !important; } .uk-margin-medium-right { margin-right: 40px !important; } /* Large ========================================================================== */ .uk-margin-large { margin-bottom: 40px; } * + .uk-margin-large { margin-top: 40px !important; } .uk-margin-large-top { margin-top: 40px !important; } .uk-margin-large-bottom { margin-bottom: 40px !important; } .uk-margin-large-left { margin-left: 40px !important; } .uk-margin-large-right { margin-right: 40px !important; } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-margin-large { margin-bottom: 70px; } * + .uk-margin-large { margin-top: 70px !important; } .uk-margin-large-top { margin-top: 70px !important; } .uk-margin-large-bottom { margin-bottom: 70px !important; } .uk-margin-large-left { margin-left: 70px !important; } .uk-margin-large-right { margin-right: 70px !important; } } /* XLarge ========================================================================== */ .uk-margin-xlarge { margin-bottom: 70px; } * + .uk-margin-xlarge { margin-top: 70px !important; } .uk-margin-xlarge-top { margin-top: 70px !important; } .uk-margin-xlarge-bottom { margin-bottom: 70px !important; } .uk-margin-xlarge-left { margin-left: 70px !important; } .uk-margin-xlarge-right { margin-right: 70px !important; } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-margin-xlarge { margin-bottom: 140px; } * + .uk-margin-xlarge { margin-top: 140px !important; } .uk-margin-xlarge-top { margin-top: 140px !important; } .uk-margin-xlarge-bottom { margin-bottom: 140px !important; } .uk-margin-xlarge-left { margin-left: 140px !important; } .uk-margin-xlarge-right { margin-right: 140px !important; } } /* Auto ========================================================================== */ .uk-margin-auto { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-top { margin-top: auto !important; } .uk-margin-auto-bottom { margin-bottom: auto !important; } .uk-margin-auto-left { margin-left: auto !important; } .uk-margin-auto-right { margin-right: auto !important; } .uk-margin-auto-vertical { margin-top: auto !important; margin-bottom: auto !important; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-margin-auto\@s { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@s { margin-left: auto !important; } .uk-margin-auto-right\@s { margin-right: auto !important; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-margin-auto\@m { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@m { margin-left: auto !important; } .uk-margin-auto-right\@m { margin-right: auto !important; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-margin-auto\@l { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@l { margin-left: auto !important; } .uk-margin-auto-right\@l { margin-right: auto !important; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-margin-auto\@xl { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@xl { margin-left: auto !important; } .uk-margin-auto-right\@xl { margin-right: auto !important; } } /* Remove ========================================================================== */ .uk-margin-remove { margin: 0 !important; } .uk-margin-remove-top { margin-top: 0 !important; } .uk-margin-remove-bottom { margin-bottom: 0 !important; } .uk-margin-remove-left { margin-left: 0 !important; } .uk-margin-remove-right { margin-right: 0 !important; } .uk-margin-remove-vertical { margin-top: 0 !important; margin-bottom: 0 !important; } .uk-margin-remove-adjacent + *, .uk-margin-remove-first-child > :first-child { margin-top: 0 !important; } .uk-margin-remove-last-child > :last-child { margin-bottom: 0 !important; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-margin-remove-left\@s { margin-left: 0 !important; } .uk-margin-remove-right\@s { margin-right: 0 !important; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-margin-remove-left\@m { margin-left: 0 !important; } .uk-margin-remove-right\@m { margin-right: 0 !important; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-margin-remove-left\@l { margin-left: 0 !important; } .uk-margin-remove-right\@l { margin-right: 0 !important; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-margin-remove-left\@xl { margin-left: 0 !important; } .uk-margin-remove-right\@xl { margin-right: 0 !important; } } /* ======================================================================== Component: Padding ========================================================================== */ .uk-padding { padding: 30px; } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-padding { padding: 40px; } } /* Small ========================================================================== */ .uk-padding-small { padding: 15px; } /* Large ========================================================================== */ .uk-padding-large { padding: 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, .uk-hidden-empty:empty { 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)), .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { /* 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); /* Webkit */ /* Firefox */ /* Webkit */ /* Firefox */ } .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 > ::marker, .uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::marker, .uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker, .uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::marker, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker, .uk-card-primary.uk-card-body .uk-list-muted > ::marker, .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker, .uk-card-secondary.uk-card-body .uk-list-muted > ::marker, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker, .uk-overlay-primary .uk-list-muted > ::marker, .uk-offcanvas-bar .uk-list-muted > ::marker { color: rgba(255, 255, 255, 0.5) !important; } .uk-light .uk-list-emphasis > ::marker, .uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, .uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, .uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, .uk-card-primary.uk-card-body .uk-list-emphasis > ::marker, .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker, .uk-card-secondary.uk-card-body .uk-list-emphasis > ::marker, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker, .uk-overlay-primary .uk-list-emphasis > ::marker, .uk-offcanvas-bar .uk-list-emphasis > ::marker { color: #fff !important; } .uk-light .uk-list-primary > ::marker, .uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::marker, .uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker, .uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::marker, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker, .uk-card-primary.uk-card-body .uk-list-primary > ::marker, .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker, .uk-card-secondary.uk-card-body .uk-list-primary > ::marker, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker, .uk-overlay-primary .uk-list-primary > ::marker, .uk-offcanvas-bar .uk-list-primary > ::marker { color: #fff !important; } .uk-light .uk-list-secondary > ::marker, .uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker, .uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker, .uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker, .uk-card-primary.uk-card-body .uk-list-secondary > ::marker, .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker, .uk-card-secondary.uk-card-body .uk-list-secondary > ::marker, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker, .uk-overlay-primary .uk-list-secondary > ::marker, .uk-offcanvas-bar .uk-list-secondary > ::marker { 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-range::-webkit-slider-runnable-track, .uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, .uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, .uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, .uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, .uk-card-primary.uk-card-body .uk-range::-webkit-slider-runnable-track, .uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-runnable-track, .uk-card-secondary.uk-card-body .uk-range::-webkit-slider-runnable-track, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-runnable-track, .uk-overlay-primary .uk-range::-webkit-slider-runnable-track, .uk-offcanvas-bar .uk-range::-webkit-slider-runnable-track { background: rgba(242, 242, 242, 0.1); } .uk-light .uk-range:focus::-webkit-slider-runnable-track, .uk-light .uk-range:active::-webkit-slider-runnable-track, .uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, .uk-section-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, .uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, .uk-section-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, .uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, .uk-tile-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, .uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, .uk-tile-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, .uk-card-primary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track, .uk-card-primary.uk-card-body .uk-range:active::-webkit-slider-runnable-track, .uk-card-primary > :not([class*="uk-card-media"]) .uk-range:focus::-webkit-slider-runnable-track, .uk-card-primary > :not([class*="uk-card-media"]) .uk-range:active::-webkit-slider-runnable-track, .uk-card-secondary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track, .uk-card-secondary.uk-card-body .uk-range:active::-webkit-slider-runnable-track, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:focus::-webkit-slider-runnable-track, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:active::-webkit-slider-runnable-track, .uk-overlay-primary .uk-range:focus::-webkit-slider-runnable-track, .uk-overlay-primary .uk-range:active::-webkit-slider-runnable-track, .uk-offcanvas-bar .uk-range:focus::-webkit-slider-runnable-track, .uk-offcanvas-bar .uk-range:active::-webkit-slider-runnable-track { background: rgba(242, 242, 242, 0.15); } .uk-light .uk-range::-moz-range-track, .uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-track, .uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track, .uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-track, .uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track, .uk-card-primary.uk-card-body .uk-range::-moz-range-track, .uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-moz-range-track, .uk-card-secondary.uk-card-body .uk-range::-moz-range-track, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-moz-range-track, .uk-overlay-primary .uk-range::-moz-range-track, .uk-offcanvas-bar .uk-range::-moz-range-track { background: rgba(242, 242, 242, 0.1); } .uk-light .uk-range:focus::-moz-range-track, .uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, .uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, .uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, .uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, .uk-card-primary.uk-card-body .uk-range:focus::-moz-range-track, .uk-card-primary > :not([class*="uk-card-media"]) .uk-range:focus::-moz-range-track, .uk-card-secondary.uk-card-body .uk-range:focus::-moz-range-track, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:focus::-moz-range-track, .uk-overlay-primary .uk-range:focus::-moz-range-track, .uk-offcanvas-bar .uk-range:focus::-moz-range-track { background: rgba(242, 242, 242, 0.15); } .uk-light .uk-range::-webkit-slider-thumb, .uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, .uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, .uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, .uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, .uk-card-primary.uk-card-body .uk-range::-webkit-slider-thumb, .uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-thumb, .uk-card-secondary.uk-card-body .uk-range::-webkit-slider-thumb, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-thumb, .uk-overlay-primary .uk-range::-webkit-slider-thumb, .uk-offcanvas-bar .uk-range::-webkit-slider-thumb { background: #808080; border-color: #e6e6e6; } .uk-light .uk-range::-moz-range-thumb, .uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, .uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, .uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, .uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, .uk-card-primary.uk-card-body .uk-range::-moz-range-thumb, .uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-moz-range-thumb, .uk-card-secondary.uk-card-body .uk-range::-moz-range-thumb, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-moz-range-thumb, .uk-overlay-primary .uk-range::-moz-range-thumb, .uk-offcanvas-bar .uk-range::-moz-range-thumb { background: #808080; border-color: #e6e6e6; } .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; border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-search-medium .uk-search-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus, .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus, .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus, .uk-overlay-primary .uk-search-medium .uk-search-input:focus, .uk-offcanvas-bar .uk-search-medium .uk-search-input:focus { background-color: rgba(0, 0, 0, 0.05); } .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; border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-search-large .uk-search-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, .uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus, .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus, .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus, .uk-overlay-primary .uk-search-large .uk-search-input:focus, .uk-offcanvas-bar .uk-search-large .uk-search-input:focus { background-color: rgba(0, 0, 0, 0.05); } .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; } } /* End */ /* Start:/local/templates/dentaarea/core/css/bvi.css?177434272886326*/ /*! * Button visually impaired v1.0.0 (https://bvi.isvek.ru/) * Copyright 2014-2021 * Licensed under MIT (https://github.com/veks/button-visually-impaired-javascript/blob/master/LICENSE.md) */ html:not(.bvi-panel) *, html:not(.bvi-panel) ::after, html:not(.bvi-panel) ::before { box-sizing: border-box; } html body .bvi-panel { font-family: Arial, serif !important; font-size: 1rem !important; padding: 0.5rem; color: black; top: 0; left: 0; right: 0; letter-spacing: 0; position: relative; text-shadow: none; line-height: normal; border: 0; margin-bottom: 0.3rem; background-color: #f7f7f7; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); z-index: 999999 !important; } html body .bvi-panel * { font-family: Arial, serif !important; font-size: 1rem !important; } html body .bvi-panel.bvi-fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 999999; } html body .bvi-panel.bvi-panel-hide { display: none; } html body .bvi-panel a { color: black !important; outline: 0 !important; background-color: transparent !important; text-decoration: none !important; } html body .bvi-panel a:hover, html body .bvi-panel a:focus { color: black !important; outline: 0 !important; background-color: transparent !important; text-decoration: none !important; } html body .bvi-panel a.bvi-link { display: inline-block; line-height: 1.5; font-size: 0.875rem !important; color: #212529 !important; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #e0e0e0 !important; border: 1px solid #c6c6c6 !important; padding: 0.375rem 0.75rem; border-radius: 0.25rem; position: relative; font-weight: bold; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } html body .bvi-panel a.bvi-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } html body .bvi-panel a.bvi-link:hover, html body .bvi-panel a.bvi-link:focus { background-color: #b6b6b6 !important; } html body .bvi-panel a.bvi-link.active { color: #212529 !important; background-color: #b6b6b6 !important; } html body .bvi-panel a.bvi-link.bvi-theme-white { background-color: #ffffff !important; color: #000000 !important; } html body .bvi-panel a.bvi-link.bvi-theme-black { background-color: #000000 !important; color: #ffffff !important; } html body .bvi-panel a.bvi-link.bvi-theme-blue { background-color: #9DD1FF !important; color: #063462 !important; } html body .bvi-panel a.bvi-link.bvi-theme-brown { background-color: #F7F3D6 !important; color: #4D4B43 !important; } html body .bvi-panel a.bvi-link.bvi-theme-green { background-color: #3B2716 !important; color: #A9E44D !important; } html body .bvi-panel .bvi-blocks { margin: 0 auto; text-align: center; display: flex; flex-flow: row wrap; } html body .bvi-panel .bvi-blocks.bvi-block-start { justify-content: flex-start; } html body .bvi-panel .bvi-blocks.bvi-block-center { justify-content: center; } html body .bvi-panel .bvi-blocks.bvi-block-end { justify-content: flex-end; } html body .bvi-panel .bvi-block { padding: 0.688rem 0.938rem; } html body .bvi-panel .bvi-block .bvi-block-title { text-align: center; font-weight: 600 !important; font-size: 1rem !important; display: block; margin-bottom: 0.8rem; } html body .bvi-panel .bvi-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; visibility: hidden; z-index: 1050; outline: 0; opacity: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; } html body .bvi-panel .bvi-modal.show { visibility: visible; opacity: 1; } html body .bvi-panel .bvi-modal .bvi-modal-dialog { max-width: 500px; margin: 1.75rem auto; display: flex; align-items: center; height: calc(100% - 3.5rem); pointer-events: none; } html body .bvi-panel .bvi-modal .bvi-modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; max-height: 100%; overflow: hidden; } html body .bvi-panel .bvi-modal .bvi-modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 0.8rem 0.8rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } html body .bvi-panel .bvi-modal .bvi-modal-title { margin-top: 0; margin-bottom: 0; line-height: 1.5; font-size: 1.25rem; font-weight: 600; color: black; } html body .bvi-panel .bvi-modal .bvi-modal-body { position: relative; flex: 1 1 auto; padding: 1rem; overflow-y: auto; } html body .bvi-panel .bvi-modal .bvi-modal-body::-webkit-scrollbar { width: 0.5rem; background-color: transparent; opacity: 0; } html body .bvi-panel .bvi-modal .bvi-modal-body::-webkit-scrollbar-thumb { background-color: #dee2e6; border-radius: 0.25rem; } html body .bvi-panel .bvi-modal .bvi-modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.8rem 0.8rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px); } html body .bvi-panel .bvi-modal .bvi-modal-close { float: right; font-size: 1.2rem !important; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 #fff; opacity: 0.5; } html body .bvi-panel .bvi-modal .bvi-modal-close:focus, html body .bvi-panel .bvi-modal .bvi-modal-close:hover { cursor: pointer; opacity: 0.75; } body.bvi-active { margin: 0; padding: 0; top: 0; left: 0; } body.bvi-active.bvi-noscroll { overflow: hidden !important; } body .bvi-body { padding: 0 0.5rem; } body .bvi-body[data-bvi-theme=white]:not(.bvi-no-styles) { background-color: #ffffff !important; color: #000000 !important; fill: #000000 !important; border-color: #000000 !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) { background-color: #ffffff !important; color: #000000 !important; fill: #000000 !important; border-color: #000000 !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-speech-link, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-speech-text { border-color: #000000; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) { color: #000000 !important; background-color: transparent !important; text-underline: none !important; outline: 0 !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled { color: rgba(0, 0, 0, 0.5) !important; border: 1px solid rgba(0, 0, 0, 0.5) !important; pointer-events: none; cursor: no-drop; text-decoration: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus { color: rgba(0, 0, 0, 0.5) !important; border: 1px solid rgba(0, 0, 0, 0.5) !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover { color: #ffffff !important; background-color: #000000 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus { color: #000000 !important; background-color: #ffffff !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :default:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :link:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :required:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :root:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :target:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) { background-color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; border-color: #000000 !important; color: #000000 !important; fill: #000000 !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) { background-color: #000000 !important; color: #ffffff !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles) { outline: 0 !important; color: #000000 !important; background-color: transparent !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active { color: #000000 !important; background-color: #ffffff !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) { color: #ffffff !important; background-color: #000000 !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after { background-color: rgba(255, 255, 255, 0) !important; color: #ffffff !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before { background-color: rgba(255, 255, 255, 0) !important; color: #ffffff !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) { color: #ffffff !important; background-color: #000000 !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active { color: #ffffff !important; background-color: #000000 !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover { color: #ffffff !important; background-color: #000000 !important; } body .bvi-body[data-bvi-theme=black]:not(.bvi-no-styles) { background-color: #000000 !important; color: #ffffff !important; fill: #ffffff !important; border-color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) { background-color: #000000 !important; color: #ffffff !important; fill: #ffffff !important; border-color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-speech-link, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-speech-text { border-color: #ffffff; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) { color: #ffffff !important; background-color: transparent !important; text-underline: none !important; outline: 0 !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled { color: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; pointer-events: none; cursor: no-drop; text-decoration: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus { color: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover { color: #000000 !important; background-color: #ffffff !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus { color: #ffffff !important; background-color: #000000 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :default:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :link:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :required:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :root:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :target:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) { background-color: #000000 !important; box-shadow: none !important; text-shadow: none !important; border-color: #ffffff !important; color: #ffffff !important; fill: #ffffff !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) { background-color: #ffffff !important; color: #000000 !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles) { outline: 0 !important; color: #ffffff !important; background-color: transparent !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active { color: #ffffff !important; background-color: #000000 !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) { color: #000000 !important; background-color: #ffffff !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after { background-color: rgba(255, 255, 255, 0) !important; color: #000000 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before { background-color: rgba(255, 255, 255, 0) !important; color: #000000 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) { color: #000000 !important; background-color: #ffffff !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active { color: #000000 !important; background-color: #ffffff !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover { color: #000000 !important; background-color: #ffffff !important; } body .bvi-body[data-bvi-theme=blue]:not(.bvi-no-styles) { background-color: #9DD1FF !important; color: #063462 !important; fill: #063462 !important; border-color: #063462 !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) { background-color: #9DD1FF !important; color: #063462 !important; fill: #063462 !important; border-color: #063462 !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-speech-link, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-speech-text { border-color: #063462; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) { color: #063462 !important; background-color: transparent !important; text-underline: none !important; outline: 0 !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled { color: rgba(6, 52, 98, 0.5) !important; border: 1px solid rgba(6, 52, 98, 0.5) !important; pointer-events: none; cursor: no-drop; text-decoration: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus { color: rgba(6, 52, 98, 0.5) !important; border: 1px solid rgba(6, 52, 98, 0.5) !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover { color: #9DD1FF !important; background-color: #063462 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus { color: #063462 !important; background-color: #9DD1FF !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :default:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :link:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :required:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :root:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :target:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) { background-color: #9DD1FF !important; box-shadow: none !important; text-shadow: none !important; border-color: #063462 !important; color: #063462 !important; fill: #063462 !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #063462 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #063462 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) { background-color: #063462 !important; color: #9DD1FF !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles) { outline: 0 !important; color: #063462 !important; background-color: transparent !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active { color: #063462 !important; background-color: #9DD1FF !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) { color: #9DD1FF !important; background-color: #063462 !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after { background-color: rgba(255, 255, 255, 0) !important; color: #9DD1FF !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before { background-color: rgba(255, 255, 255, 0) !important; color: #9DD1FF !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) { color: #9DD1FF !important; background-color: #063462 !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active { color: #9DD1FF !important; background-color: #063462 !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover { color: #9DD1FF !important; background-color: #063462 !important; } body .bvi-body[data-bvi-theme=brown]:not(.bvi-no-styles) { background-color: #F7F3D6 !important; color: #4D4B43 !important; fill: #4D4B43 !important; border-color: #4D4B43 !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) { background-color: #F7F3D6 !important; color: #4D4B43 !important; fill: #4D4B43 !important; border-color: #4D4B43 !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-speech-link, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-speech-text { border-color: #4D4B43; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) { color: #4D4B43 !important; background-color: transparent !important; text-underline: none !important; outline: 0 !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled { color: rgba(77, 75, 67, 0.5) !important; border: 1px solid rgba(77, 75, 67, 0.5) !important; pointer-events: none; cursor: no-drop; text-decoration: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus { color: rgba(77, 75, 67, 0.5) !important; border: 1px solid rgba(77, 75, 67, 0.5) !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover { color: #F7F3D6 !important; background-color: #4D4B43 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus { color: #4D4B43 !important; background-color: #F7F3D6 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :default:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :link:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :required:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :root:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :target:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) { background-color: #F7F3D6 !important; box-shadow: none !important; text-shadow: none !important; border-color: #4D4B43 !important; color: #4D4B43 !important; fill: #4D4B43 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #4D4B43 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #4D4B43 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) { background-color: #4D4B43 !important; color: #F7F3D6 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles) { outline: 0 !important; color: #4D4B43 !important; background-color: transparent !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active { color: #4D4B43 !important; background-color: #F7F3D6 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) { color: #F7F3D6 !important; background-color: #4D4B43 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after { background-color: rgba(255, 255, 255, 0) !important; color: #F7F3D6 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before { background-color: rgba(255, 255, 255, 0) !important; color: #F7F3D6 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) { color: #F7F3D6 !important; background-color: #4D4B43 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active { color: #F7F3D6 !important; background-color: #4D4B43 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover { color: #F7F3D6 !important; background-color: #4D4B43 !important; } body .bvi-body[data-bvi-theme=green]:not(.bvi-no-styles) { background-color: #3B2716 !important; color: #A9E44D !important; fill: #A9E44D !important; border-color: #A9E44D !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) { background-color: #3B2716 !important; color: #A9E44D !important; fill: #A9E44D !important; border-color: #A9E44D !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-speech-link, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-speech-text { border-color: #A9E44D; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) { color: #A9E44D !important; background-color: transparent !important; text-underline: none !important; outline: 0 !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled { color: rgba(169, 228, 77, 0.5) !important; border: 1px solid rgba(169, 228, 77, 0.5) !important; pointer-events: none; cursor: no-drop; text-decoration: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus { color: rgba(169, 228, 77, 0.5) !important; border: 1px solid rgba(169, 228, 77, 0.5) !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover { color: #3B2716 !important; background-color: #A9E44D !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus { color: #A9E44D !important; background-color: #3B2716 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :default:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :link:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :required:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :root:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :target:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) { background-color: #3B2716 !important; box-shadow: none !important; text-shadow: none !important; border-color: #A9E44D !important; color: #A9E44D !important; fill: #A9E44D !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #A9E44D !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #A9E44D !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) { background-color: #A9E44D !important; color: #3B2716 !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles) { outline: 0 !important; color: #A9E44D !important; background-color: transparent !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active { color: #A9E44D !important; background-color: #3B2716 !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) { color: #3B2716 !important; background-color: #A9E44D !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after { background-color: rgba(255, 255, 255, 0) !important; color: #3B2716 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before { background-color: rgba(255, 255, 255, 0) !important; color: #3B2716 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) { color: #3B2716 !important; background-color: #A9E44D !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active { color: #3B2716 !important; background-color: #A9E44D !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover { color: #3B2716 !important; background-color: #A9E44D !important; } body .bvi-body[data-bvi-fontsize="40"] * { font-size: 40px !important; } body .bvi-body[data-bvi-fontsize="40"] * h1, body .bvi-body[data-bvi-fontsize="40"] * h1 * { font-size: 47px !important; } body .bvi-body[data-bvi-fontsize="40"] * h2, body .bvi-body[data-bvi-fontsize="40"] * h2 * { font-size: 46px !important; } body .bvi-body[data-bvi-fontsize="40"] * h3, body .bvi-body[data-bvi-fontsize="40"] * h3 * { font-size: 45px !important; } body .bvi-body[data-bvi-fontsize="40"] * h4, body .bvi-body[data-bvi-fontsize="40"] * h4 * { font-size: 44px !important; } body .bvi-body[data-bvi-fontsize="40"] * h5, body .bvi-body[data-bvi-fontsize="40"] * h5 * { font-size: 43px !important; } body .bvi-body[data-bvi-fontsize="40"] * h6, body .bvi-body[data-bvi-fontsize="40"] * h6 * { font-size: 42px !important; } body .bvi-body[data-bvi-fontsize="39"] * { font-size: 39px !important; } body .bvi-body[data-bvi-fontsize="39"] * h1, body .bvi-body[data-bvi-fontsize="39"] * h1 * { font-size: 46px !important; } body .bvi-body[data-bvi-fontsize="39"] * h2, body .bvi-body[data-bvi-fontsize="39"] * h2 * { font-size: 45px !important; } body .bvi-body[data-bvi-fontsize="39"] * h3, body .bvi-body[data-bvi-fontsize="39"] * h3 * { font-size: 44px !important; } body .bvi-body[data-bvi-fontsize="39"] * h4, body .bvi-body[data-bvi-fontsize="39"] * h4 * { font-size: 43px !important; } body .bvi-body[data-bvi-fontsize="39"] * h5, body .bvi-body[data-bvi-fontsize="39"] * h5 * { font-size: 42px !important; } body .bvi-body[data-bvi-fontsize="39"] * h6, body .bvi-body[data-bvi-fontsize="39"] * h6 * { font-size: 41px !important; } body .bvi-body[data-bvi-fontsize="38"] * { font-size: 38px !important; } body .bvi-body[data-bvi-fontsize="38"] * h1, body .bvi-body[data-bvi-fontsize="38"] * h1 * { font-size: 45px !important; } body .bvi-body[data-bvi-fontsize="38"] * h2, body .bvi-body[data-bvi-fontsize="38"] * h2 * { font-size: 44px !important; } body .bvi-body[data-bvi-fontsize="38"] * h3, body .bvi-body[data-bvi-fontsize="38"] * h3 * { font-size: 43px !important; } body .bvi-body[data-bvi-fontsize="38"] * h4, body .bvi-body[data-bvi-fontsize="38"] * h4 * { font-size: 42px !important; } body .bvi-body[data-bvi-fontsize="38"] * h5, body .bvi-body[data-bvi-fontsize="38"] * h5 * { font-size: 41px !important; } body .bvi-body[data-bvi-fontsize="38"] * h6, body .bvi-body[data-bvi-fontsize="38"] * h6 * { font-size: 40px !important; } body .bvi-body[data-bvi-fontsize="37"] * { font-size: 37px !important; } body .bvi-body[data-bvi-fontsize="37"] * h1, body .bvi-body[data-bvi-fontsize="37"] * h1 * { font-size: 44px !important; } body .bvi-body[data-bvi-fontsize="37"] * h2, body .bvi-body[data-bvi-fontsize="37"] * h2 * { font-size: 43px !important; } body .bvi-body[data-bvi-fontsize="37"] * h3, body .bvi-body[data-bvi-fontsize="37"] * h3 * { font-size: 42px !important; } body .bvi-body[data-bvi-fontsize="37"] * h4, body .bvi-body[data-bvi-fontsize="37"] * h4 * { font-size: 41px !important; } body .bvi-body[data-bvi-fontsize="37"] * h5, body .bvi-body[data-bvi-fontsize="37"] * h5 * { font-size: 40px !important; } body .bvi-body[data-bvi-fontsize="37"] * h6, body .bvi-body[data-bvi-fontsize="37"] * h6 * { font-size: 39px !important; } body .bvi-body[data-bvi-fontsize="36"] * { font-size: 36px !important; } body .bvi-body[data-bvi-fontsize="36"] * h1, body .bvi-body[data-bvi-fontsize="36"] * h1 * { font-size: 43px !important; } body .bvi-body[data-bvi-fontsize="36"] * h2, body .bvi-body[data-bvi-fontsize="36"] * h2 * { font-size: 42px !important; } body .bvi-body[data-bvi-fontsize="36"] * h3, body .bvi-body[data-bvi-fontsize="36"] * h3 * { font-size: 41px !important; } body .bvi-body[data-bvi-fontsize="36"] * h4, body .bvi-body[data-bvi-fontsize="36"] * h4 * { font-size: 40px !important; } body .bvi-body[data-bvi-fontsize="36"] * h5, body .bvi-body[data-bvi-fontsize="36"] * h5 * { font-size: 39px !important; } body .bvi-body[data-bvi-fontsize="36"] * h6, body .bvi-body[data-bvi-fontsize="36"] * h6 * { font-size: 38px !important; } body .bvi-body[data-bvi-fontsize="35"] * { font-size: 35px !important; } body .bvi-body[data-bvi-fontsize="35"] * h1, body .bvi-body[data-bvi-fontsize="35"] * h1 * { font-size: 42px !important; } body .bvi-body[data-bvi-fontsize="35"] * h2, body .bvi-body[data-bvi-fontsize="35"] * h2 * { font-size: 41px !important; } body .bvi-body[data-bvi-fontsize="35"] * h3, body .bvi-body[data-bvi-fontsize="35"] * h3 * { font-size: 40px !important; } body .bvi-body[data-bvi-fontsize="35"] * h4, body .bvi-body[data-bvi-fontsize="35"] * h4 * { font-size: 39px !important; } body .bvi-body[data-bvi-fontsize="35"] * h5, body .bvi-body[data-bvi-fontsize="35"] * h5 * { font-size: 38px !important; } body .bvi-body[data-bvi-fontsize="35"] * h6, body .bvi-body[data-bvi-fontsize="35"] * h6 * { font-size: 37px !important; } body .bvi-body[data-bvi-fontsize="34"] * { font-size: 34px !important; } body .bvi-body[data-bvi-fontsize="34"] * h1, body .bvi-body[data-bvi-fontsize="34"] * h1 * { font-size: 41px !important; } body .bvi-body[data-bvi-fontsize="34"] * h2, body .bvi-body[data-bvi-fontsize="34"] * h2 * { font-size: 40px !important; } body .bvi-body[data-bvi-fontsize="34"] * h3, body .bvi-body[data-bvi-fontsize="34"] * h3 * { font-size: 39px !important; } body .bvi-body[data-bvi-fontsize="34"] * h4, body .bvi-body[data-bvi-fontsize="34"] * h4 * { font-size: 38px !important; } body .bvi-body[data-bvi-fontsize="34"] * h5, body .bvi-body[data-bvi-fontsize="34"] * h5 * { font-size: 37px !important; } body .bvi-body[data-bvi-fontsize="34"] * h6, body .bvi-body[data-bvi-fontsize="34"] * h6 * { font-size: 36px !important; } body .bvi-body[data-bvi-fontsize="33"] * { font-size: 33px !important; } body .bvi-body[data-bvi-fontsize="33"] * h1, body .bvi-body[data-bvi-fontsize="33"] * h1 * { font-size: 40px !important; } body .bvi-body[data-bvi-fontsize="33"] * h2, body .bvi-body[data-bvi-fontsize="33"] * h2 * { font-size: 39px !important; } body .bvi-body[data-bvi-fontsize="33"] * h3, body .bvi-body[data-bvi-fontsize="33"] * h3 * { font-size: 38px !important; } body .bvi-body[data-bvi-fontsize="33"] * h4, body .bvi-body[data-bvi-fontsize="33"] * h4 * { font-size: 37px !important; } body .bvi-body[data-bvi-fontsize="33"] * h5, body .bvi-body[data-bvi-fontsize="33"] * h5 * { font-size: 36px !important; } body .bvi-body[data-bvi-fontsize="33"] * h6, body .bvi-body[data-bvi-fontsize="33"] * h6 * { font-size: 35px !important; } body .bvi-body[data-bvi-fontsize="32"] * { font-size: 32px !important; } body .bvi-body[data-bvi-fontsize="32"] * h1, body .bvi-body[data-bvi-fontsize="32"] * h1 * { font-size: 39px !important; } body .bvi-body[data-bvi-fontsize="32"] * h2, body .bvi-body[data-bvi-fontsize="32"] * h2 * { font-size: 38px !important; } body .bvi-body[data-bvi-fontsize="32"] * h3, body .bvi-body[data-bvi-fontsize="32"] * h3 * { font-size: 37px !important; } body .bvi-body[data-bvi-fontsize="32"] * h4, body .bvi-body[data-bvi-fontsize="32"] * h4 * { font-size: 36px !important; } body .bvi-body[data-bvi-fontsize="32"] * h5, body .bvi-body[data-bvi-fontsize="32"] * h5 * { font-size: 35px !important; } body .bvi-body[data-bvi-fontsize="32"] * h6, body .bvi-body[data-bvi-fontsize="32"] * h6 * { font-size: 34px !important; } body .bvi-body[data-bvi-fontsize="31"] * { font-size: 31px !important; } body .bvi-body[data-bvi-fontsize="31"] * h1, body .bvi-body[data-bvi-fontsize="31"] * h1 * { font-size: 38px !important; } body .bvi-body[data-bvi-fontsize="31"] * h2, body .bvi-body[data-bvi-fontsize="31"] * h2 * { font-size: 37px !important; } body .bvi-body[data-bvi-fontsize="31"] * h3, body .bvi-body[data-bvi-fontsize="31"] * h3 * { font-size: 36px !important; } body .bvi-body[data-bvi-fontsize="31"] * h4, body .bvi-body[data-bvi-fontsize="31"] * h4 * { font-size: 35px !important; } body .bvi-body[data-bvi-fontsize="31"] * h5, body .bvi-body[data-bvi-fontsize="31"] * h5 * { font-size: 34px !important; } body .bvi-body[data-bvi-fontsize="31"] * h6, body .bvi-body[data-bvi-fontsize="31"] * h6 * { font-size: 33px !important; } body .bvi-body[data-bvi-fontsize="30"] * { font-size: 30px !important; } body .bvi-body[data-bvi-fontsize="30"] * h1, body .bvi-body[data-bvi-fontsize="30"] * h1 * { font-size: 37px !important; } body .bvi-body[data-bvi-fontsize="30"] * h2, body .bvi-body[data-bvi-fontsize="30"] * h2 * { font-size: 36px !important; } body .bvi-body[data-bvi-fontsize="30"] * h3, body .bvi-body[data-bvi-fontsize="30"] * h3 * { font-size: 35px !important; } body .bvi-body[data-bvi-fontsize="30"] * h4, body .bvi-body[data-bvi-fontsize="30"] * h4 * { font-size: 34px !important; } body .bvi-body[data-bvi-fontsize="30"] * h5, body .bvi-body[data-bvi-fontsize="30"] * h5 * { font-size: 33px !important; } body .bvi-body[data-bvi-fontsize="30"] * h6, body .bvi-body[data-bvi-fontsize="30"] * h6 * { font-size: 32px !important; } body .bvi-body[data-bvi-fontsize="29"] * { font-size: 29px !important; } body .bvi-body[data-bvi-fontsize="29"] * h1, body .bvi-body[data-bvi-fontsize="29"] * h1 * { font-size: 36px !important; } body .bvi-body[data-bvi-fontsize="29"] * h2, body .bvi-body[data-bvi-fontsize="29"] * h2 * { font-size: 35px !important; } body .bvi-body[data-bvi-fontsize="29"] * h3, body .bvi-body[data-bvi-fontsize="29"] * h3 * { font-size: 34px !important; } body .bvi-body[data-bvi-fontsize="29"] * h4, body .bvi-body[data-bvi-fontsize="29"] * h4 * { font-size: 33px !important; } body .bvi-body[data-bvi-fontsize="29"] * h5, body .bvi-body[data-bvi-fontsize="29"] * h5 * { font-size: 32px !important; } body .bvi-body[data-bvi-fontsize="29"] * h6, body .bvi-body[data-bvi-fontsize="29"] * h6 * { font-size: 31px !important; } body .bvi-body[data-bvi-fontsize="28"] * { font-size: 28px !important; } body .bvi-body[data-bvi-fontsize="28"] * h1, body .bvi-body[data-bvi-fontsize="28"] * h1 * { font-size: 35px !important; } body .bvi-body[data-bvi-fontsize="28"] * h2, body .bvi-body[data-bvi-fontsize="28"] * h2 * { font-size: 34px !important; } body .bvi-body[data-bvi-fontsize="28"] * h3, body .bvi-body[data-bvi-fontsize="28"] * h3 * { font-size: 33px !important; } body .bvi-body[data-bvi-fontsize="28"] * h4, body .bvi-body[data-bvi-fontsize="28"] * h4 * { font-size: 32px !important; } body .bvi-body[data-bvi-fontsize="28"] * h5, body .bvi-body[data-bvi-fontsize="28"] * h5 * { font-size: 31px !important; } body .bvi-body[data-bvi-fontsize="28"] * h6, body .bvi-body[data-bvi-fontsize="28"] * h6 * { font-size: 30px !important; } body .bvi-body[data-bvi-fontsize="27"] * { font-size: 27px !important; } body .bvi-body[data-bvi-fontsize="27"] * h1, body .bvi-body[data-bvi-fontsize="27"] * h1 * { font-size: 34px !important; } body .bvi-body[data-bvi-fontsize="27"] * h2, body .bvi-body[data-bvi-fontsize="27"] * h2 * { font-size: 33px !important; } body .bvi-body[data-bvi-fontsize="27"] * h3, body .bvi-body[data-bvi-fontsize="27"] * h3 * { font-size: 32px !important; } body .bvi-body[data-bvi-fontsize="27"] * h4, body .bvi-body[data-bvi-fontsize="27"] * h4 * { font-size: 31px !important; } body .bvi-body[data-bvi-fontsize="27"] * h5, body .bvi-body[data-bvi-fontsize="27"] * h5 * { font-size: 30px !important; } body .bvi-body[data-bvi-fontsize="27"] * h6, body .bvi-body[data-bvi-fontsize="27"] * h6 * { font-size: 29px !important; } body .bvi-body[data-bvi-fontsize="26"] * { font-size: 26px !important; } body .bvi-body[data-bvi-fontsize="26"] * h1, body .bvi-body[data-bvi-fontsize="26"] * h1 * { font-size: 33px !important; } body .bvi-body[data-bvi-fontsize="26"] * h2, body .bvi-body[data-bvi-fontsize="26"] * h2 * { font-size: 32px !important; } body .bvi-body[data-bvi-fontsize="26"] * h3, body .bvi-body[data-bvi-fontsize="26"] * h3 * { font-size: 31px !important; } body .bvi-body[data-bvi-fontsize="26"] * h4, body .bvi-body[data-bvi-fontsize="26"] * h4 * { font-size: 30px !important; } body .bvi-body[data-bvi-fontsize="26"] * h5, body .bvi-body[data-bvi-fontsize="26"] * h5 * { font-size: 29px !important; } body .bvi-body[data-bvi-fontsize="26"] * h6, body .bvi-body[data-bvi-fontsize="26"] * h6 * { font-size: 28px !important; } body .bvi-body[data-bvi-fontsize="25"] * { font-size: 25px !important; } body .bvi-body[data-bvi-fontsize="25"] * h1, body .bvi-body[data-bvi-fontsize="25"] * h1 * { font-size: 32px !important; } body .bvi-body[data-bvi-fontsize="25"] * h2, body .bvi-body[data-bvi-fontsize="25"] * h2 * { font-size: 31px !important; } body .bvi-body[data-bvi-fontsize="25"] * h3, body .bvi-body[data-bvi-fontsize="25"] * h3 * { font-size: 30px !important; } body .bvi-body[data-bvi-fontsize="25"] * h4, body .bvi-body[data-bvi-fontsize="25"] * h4 * { font-size: 29px !important; } body .bvi-body[data-bvi-fontsize="25"] * h5, body .bvi-body[data-bvi-fontsize="25"] * h5 * { font-size: 28px !important; } body .bvi-body[data-bvi-fontsize="25"] * h6, body .bvi-body[data-bvi-fontsize="25"] * h6 * { font-size: 27px !important; } body .bvi-body[data-bvi-fontsize="24"] * { font-size: 24px !important; } body .bvi-body[data-bvi-fontsize="24"] * h1, body .bvi-body[data-bvi-fontsize="24"] * h1 * { font-size: 31px !important; } body .bvi-body[data-bvi-fontsize="24"] * h2, body .bvi-body[data-bvi-fontsize="24"] * h2 * { font-size: 30px !important; } body .bvi-body[data-bvi-fontsize="24"] * h3, body .bvi-body[data-bvi-fontsize="24"] * h3 * { font-size: 29px !important; } body .bvi-body[data-bvi-fontsize="24"] * h4, body .bvi-body[data-bvi-fontsize="24"] * h4 * { font-size: 28px !important; } body .bvi-body[data-bvi-fontsize="24"] * h5, body .bvi-body[data-bvi-fontsize="24"] * h5 * { font-size: 27px !important; } body .bvi-body[data-bvi-fontsize="24"] * h6, body .bvi-body[data-bvi-fontsize="24"] * h6 * { font-size: 26px !important; } body .bvi-body[data-bvi-fontsize="23"] * { font-size: 23px !important; } body .bvi-body[data-bvi-fontsize="23"] * h1, body .bvi-body[data-bvi-fontsize="23"] * h1 * { font-size: 30px !important; } body .bvi-body[data-bvi-fontsize="23"] * h2, body .bvi-body[data-bvi-fontsize="23"] * h2 * { font-size: 29px !important; } body .bvi-body[data-bvi-fontsize="23"] * h3, body .bvi-body[data-bvi-fontsize="23"] * h3 * { font-size: 28px !important; } body .bvi-body[data-bvi-fontsize="23"] * h4, body .bvi-body[data-bvi-fontsize="23"] * h4 * { font-size: 27px !important; } body .bvi-body[data-bvi-fontsize="23"] * h5, body .bvi-body[data-bvi-fontsize="23"] * h5 * { font-size: 26px !important; } body .bvi-body[data-bvi-fontsize="23"] * h6, body .bvi-body[data-bvi-fontsize="23"] * h6 * { font-size: 25px !important; } body .bvi-body[data-bvi-fontsize="22"] * { font-size: 22px !important; } body .bvi-body[data-bvi-fontsize="22"] * h1, body .bvi-body[data-bvi-fontsize="22"] * h1 * { font-size: 29px !important; } body .bvi-body[data-bvi-fontsize="22"] * h2, body .bvi-body[data-bvi-fontsize="22"] * h2 * { font-size: 28px !important; } body .bvi-body[data-bvi-fontsize="22"] * h3, body .bvi-body[data-bvi-fontsize="22"] * h3 * { font-size: 27px !important; } body .bvi-body[data-bvi-fontsize="22"] * h4, body .bvi-body[data-bvi-fontsize="22"] * h4 * { font-size: 26px !important; } body .bvi-body[data-bvi-fontsize="22"] * h5, body .bvi-body[data-bvi-fontsize="22"] * h5 * { font-size: 25px !important; } body .bvi-body[data-bvi-fontsize="22"] * h6, body .bvi-body[data-bvi-fontsize="22"] * h6 * { font-size: 24px !important; } body .bvi-body[data-bvi-fontsize="21"] * { font-size: 21px !important; } body .bvi-body[data-bvi-fontsize="21"] * h1, body .bvi-body[data-bvi-fontsize="21"] * h1 * { font-size: 28px !important; } body .bvi-body[data-bvi-fontsize="21"] * h2, body .bvi-body[data-bvi-fontsize="21"] * h2 * { font-size: 27px !important; } body .bvi-body[data-bvi-fontsize="21"] * h3, body .bvi-body[data-bvi-fontsize="21"] * h3 * { font-size: 26px !important; } body .bvi-body[data-bvi-fontsize="21"] * h4, body .bvi-body[data-bvi-fontsize="21"] * h4 * { font-size: 25px !important; } body .bvi-body[data-bvi-fontsize="21"] * h5, body .bvi-body[data-bvi-fontsize="21"] * h5 * { font-size: 24px !important; } body .bvi-body[data-bvi-fontsize="21"] * h6, body .bvi-body[data-bvi-fontsize="21"] * h6 * { font-size: 23px !important; } body .bvi-body[data-bvi-fontsize="20"] * { font-size: 20px !important; } body .bvi-body[data-bvi-fontsize="20"] * h1, body .bvi-body[data-bvi-fontsize="20"] * h1 * { font-size: 27px !important; } body .bvi-body[data-bvi-fontsize="20"] * h2, body .bvi-body[data-bvi-fontsize="20"] * h2 * { font-size: 26px !important; } body .bvi-body[data-bvi-fontsize="20"] * h3, body .bvi-body[data-bvi-fontsize="20"] * h3 * { font-size: 25px !important; } body .bvi-body[data-bvi-fontsize="20"] * h4, body .bvi-body[data-bvi-fontsize="20"] * h4 * { font-size: 24px !important; } body .bvi-body[data-bvi-fontsize="20"] * h5, body .bvi-body[data-bvi-fontsize="20"] * h5 * { font-size: 23px !important; } body .bvi-body[data-bvi-fontsize="20"] * h6, body .bvi-body[data-bvi-fontsize="20"] * h6 * { font-size: 22px !important; } body .bvi-body[data-bvi-fontsize="19"] * { font-size: 19px !important; } body .bvi-body[data-bvi-fontsize="19"] * h1, body .bvi-body[data-bvi-fontsize="19"] * h1 * { font-size: 26px !important; } body .bvi-body[data-bvi-fontsize="19"] * h2, body .bvi-body[data-bvi-fontsize="19"] * h2 * { font-size: 25px !important; } body .bvi-body[data-bvi-fontsize="19"] * h3, body .bvi-body[data-bvi-fontsize="19"] * h3 * { font-size: 24px !important; } body .bvi-body[data-bvi-fontsize="19"] * h4, body .bvi-body[data-bvi-fontsize="19"] * h4 * { font-size: 23px !important; } body .bvi-body[data-bvi-fontsize="19"] * h5, body .bvi-body[data-bvi-fontsize="19"] * h5 * { font-size: 22px !important; } body .bvi-body[data-bvi-fontsize="19"] * h6, body .bvi-body[data-bvi-fontsize="19"] * h6 * { font-size: 21px !important; } body .bvi-body[data-bvi-fontsize="18"] * { font-size: 18px !important; } body .bvi-body[data-bvi-fontsize="18"] * h1, body .bvi-body[data-bvi-fontsize="18"] * h1 * { font-size: 25px !important; } body .bvi-body[data-bvi-fontsize="18"] * h2, body .bvi-body[data-bvi-fontsize="18"] * h2 * { font-size: 24px !important; } body .bvi-body[data-bvi-fontsize="18"] * h3, body .bvi-body[data-bvi-fontsize="18"] * h3 * { font-size: 23px !important; } body .bvi-body[data-bvi-fontsize="18"] * h4, body .bvi-body[data-bvi-fontsize="18"] * h4 * { font-size: 22px !important; } body .bvi-body[data-bvi-fontsize="18"] * h5, body .bvi-body[data-bvi-fontsize="18"] * h5 * { font-size: 21px !important; } body .bvi-body[data-bvi-fontsize="18"] * h6, body .bvi-body[data-bvi-fontsize="18"] * h6 * { font-size: 20px !important; } body .bvi-body[data-bvi-fontsize="17"] * { font-size: 17px !important; } body .bvi-body[data-bvi-fontsize="17"] * h1, body .bvi-body[data-bvi-fontsize="17"] * h1 * { font-size: 24px !important; } body .bvi-body[data-bvi-fontsize="17"] * h2, body .bvi-body[data-bvi-fontsize="17"] * h2 * { font-size: 23px !important; } body .bvi-body[data-bvi-fontsize="17"] * h3, body .bvi-body[data-bvi-fontsize="17"] * h3 * { font-size: 22px !important; } body .bvi-body[data-bvi-fontsize="17"] * h4, body .bvi-body[data-bvi-fontsize="17"] * h4 * { font-size: 21px !important; } body .bvi-body[data-bvi-fontsize="17"] * h5, body .bvi-body[data-bvi-fontsize="17"] * h5 * { font-size: 20px !important; } body .bvi-body[data-bvi-fontsize="17"] * h6, body .bvi-body[data-bvi-fontsize="17"] * h6 * { font-size: 19px !important; } body .bvi-body[data-bvi-fontsize="16"] * { font-size: 16px !important; } body .bvi-body[data-bvi-fontsize="16"] * h1, body .bvi-body[data-bvi-fontsize="16"] * h1 * { font-size: 23px !important; } body .bvi-body[data-bvi-fontsize="16"] * h2, body .bvi-body[data-bvi-fontsize="16"] * h2 * { font-size: 22px !important; } body .bvi-body[data-bvi-fontsize="16"] * h3, body .bvi-body[data-bvi-fontsize="16"] * h3 * { font-size: 21px !important; } body .bvi-body[data-bvi-fontsize="16"] * h4, body .bvi-body[data-bvi-fontsize="16"] * h4 * { font-size: 20px !important; } body .bvi-body[data-bvi-fontsize="16"] * h5, body .bvi-body[data-bvi-fontsize="16"] * h5 * { font-size: 19px !important; } body .bvi-body[data-bvi-fontsize="16"] * h6, body .bvi-body[data-bvi-fontsize="16"] * h6 * { font-size: 18px !important; } body .bvi-body[data-bvi-fontsize="15"] * { font-size: 15px !important; } body .bvi-body[data-bvi-fontsize="15"] * h1, body .bvi-body[data-bvi-fontsize="15"] * h1 * { font-size: 22px !important; } body .bvi-body[data-bvi-fontsize="15"] * h2, body .bvi-body[data-bvi-fontsize="15"] * h2 * { font-size: 21px !important; } body .bvi-body[data-bvi-fontsize="15"] * h3, body .bvi-body[data-bvi-fontsize="15"] * h3 * { font-size: 20px !important; } body .bvi-body[data-bvi-fontsize="15"] * h4, body .bvi-body[data-bvi-fontsize="15"] * h4 * { font-size: 19px !important; } body .bvi-body[data-bvi-fontsize="15"] * h5, body .bvi-body[data-bvi-fontsize="15"] * h5 * { font-size: 18px !important; } body .bvi-body[data-bvi-fontsize="15"] * h6, body .bvi-body[data-bvi-fontsize="15"] * h6 * { font-size: 17px !important; } body .bvi-body[data-bvi-fontsize="14"] * { font-size: 14px !important; } body .bvi-body[data-bvi-fontsize="14"] * h1, body .bvi-body[data-bvi-fontsize="14"] * h1 * { font-size: 21px !important; } body .bvi-body[data-bvi-fontsize="14"] * h2, body .bvi-body[data-bvi-fontsize="14"] * h2 * { font-size: 20px !important; } body .bvi-body[data-bvi-fontsize="14"] * h3, body .bvi-body[data-bvi-fontsize="14"] * h3 * { font-size: 19px !important; } body .bvi-body[data-bvi-fontsize="14"] * h4, body .bvi-body[data-bvi-fontsize="14"] * h4 * { font-size: 18px !important; } body .bvi-body[data-bvi-fontsize="14"] * h5, body .bvi-body[data-bvi-fontsize="14"] * h5 * { font-size: 17px !important; } body .bvi-body[data-bvi-fontsize="14"] * h6, body .bvi-body[data-bvi-fontsize="14"] * h6 * { font-size: 16px !important; } body .bvi-body[data-bvi-fontsize="13"] * { font-size: 13px !important; } body .bvi-body[data-bvi-fontsize="13"] * h1, body .bvi-body[data-bvi-fontsize="13"] * h1 * { font-size: 20px !important; } body .bvi-body[data-bvi-fontsize="13"] * h2, body .bvi-body[data-bvi-fontsize="13"] * h2 * { font-size: 19px !important; } body .bvi-body[data-bvi-fontsize="13"] * h3, body .bvi-body[data-bvi-fontsize="13"] * h3 * { font-size: 18px !important; } body .bvi-body[data-bvi-fontsize="13"] * h4, body .bvi-body[data-bvi-fontsize="13"] * h4 * { font-size: 17px !important; } body .bvi-body[data-bvi-fontsize="13"] * h5, body .bvi-body[data-bvi-fontsize="13"] * h5 * { font-size: 16px !important; } body .bvi-body[data-bvi-fontsize="13"] * h6, body .bvi-body[data-bvi-fontsize="13"] * h6 * { font-size: 15px !important; } body .bvi-body[data-bvi-fontsize="12"] * { font-size: 12px !important; } body .bvi-body[data-bvi-fontsize="12"] * h1, body .bvi-body[data-bvi-fontsize="12"] * h1 * { font-size: 19px !important; } body .bvi-body[data-bvi-fontsize="12"] * h2, body .bvi-body[data-bvi-fontsize="12"] * h2 * { font-size: 18px !important; } body .bvi-body[data-bvi-fontsize="12"] * h3, body .bvi-body[data-bvi-fontsize="12"] * h3 * { font-size: 17px !important; } body .bvi-body[data-bvi-fontsize="12"] * h4, body .bvi-body[data-bvi-fontsize="12"] * h4 * { font-size: 16px !important; } body .bvi-body[data-bvi-fontsize="12"] * h5, body .bvi-body[data-bvi-fontsize="12"] * h5 * { font-size: 15px !important; } body .bvi-body[data-bvi-fontsize="12"] * h6, body .bvi-body[data-bvi-fontsize="12"] * h6 * { font-size: 14px !important; } body .bvi-body[data-bvi-fontsize="11"] * { font-size: 11px !important; } body .bvi-body[data-bvi-fontsize="11"] * h1, body .bvi-body[data-bvi-fontsize="11"] * h1 * { font-size: 18px !important; } body .bvi-body[data-bvi-fontsize="11"] * h2, body .bvi-body[data-bvi-fontsize="11"] * h2 * { font-size: 17px !important; } body .bvi-body[data-bvi-fontsize="11"] * h3, body .bvi-body[data-bvi-fontsize="11"] * h3 * { font-size: 16px !important; } body .bvi-body[data-bvi-fontsize="11"] * h4, body .bvi-body[data-bvi-fontsize="11"] * h4 * { font-size: 15px !important; } body .bvi-body[data-bvi-fontsize="11"] * h5, body .bvi-body[data-bvi-fontsize="11"] * h5 * { font-size: 14px !important; } body .bvi-body[data-bvi-fontsize="11"] * h6, body .bvi-body[data-bvi-fontsize="11"] * h6 * { font-size: 13px !important; } body .bvi-body[data-bvi-fontsize="10"] * { font-size: 10px !important; } body .bvi-body[data-bvi-fontsize="10"] * h1, body .bvi-body[data-bvi-fontsize="10"] * h1 * { font-size: 17px !important; } body .bvi-body[data-bvi-fontsize="10"] * h2, body .bvi-body[data-bvi-fontsize="10"] * h2 * { font-size: 16px !important; } body .bvi-body[data-bvi-fontsize="10"] * h3, body .bvi-body[data-bvi-fontsize="10"] * h3 * { font-size: 15px !important; } body .bvi-body[data-bvi-fontsize="10"] * h4, body .bvi-body[data-bvi-fontsize="10"] * h4 * { font-size: 14px !important; } body .bvi-body[data-bvi-fontsize="10"] * h5, body .bvi-body[data-bvi-fontsize="10"] * h5 * { font-size: 13px !important; } body .bvi-body[data-bvi-fontsize="10"] * h6, body .bvi-body[data-bvi-fontsize="10"] * h6 * { font-size: 12px !important; } body .bvi-body[data-bvi-fontsize="9"] * { font-size: 9px !important; } body .bvi-body[data-bvi-fontsize="9"] * h1, body .bvi-body[data-bvi-fontsize="9"] * h1 * { font-size: 16px !important; } body .bvi-body[data-bvi-fontsize="9"] * h2, body .bvi-body[data-bvi-fontsize="9"] * h2 * { font-size: 15px !important; } body .bvi-body[data-bvi-fontsize="9"] * h3, body .bvi-body[data-bvi-fontsize="9"] * h3 * { font-size: 14px !important; } body .bvi-body[data-bvi-fontsize="9"] * h4, body .bvi-body[data-bvi-fontsize="9"] * h4 * { font-size: 13px !important; } body .bvi-body[data-bvi-fontsize="9"] * h5, body .bvi-body[data-bvi-fontsize="9"] * h5 * { font-size: 12px !important; } body .bvi-body[data-bvi-fontsize="9"] * h6, body .bvi-body[data-bvi-fontsize="9"] * h6 * { font-size: 11px !important; } body .bvi-body[data-bvi-fontsize="8"] * { font-size: 8px !important; } body .bvi-body[data-bvi-fontsize="8"] * h1, body .bvi-body[data-bvi-fontsize="8"] * h1 * { font-size: 15px !important; } body .bvi-body[data-bvi-fontsize="8"] * h2, body .bvi-body[data-bvi-fontsize="8"] * h2 * { font-size: 14px !important; } body .bvi-body[data-bvi-fontsize="8"] * h3, body .bvi-body[data-bvi-fontsize="8"] * h3 * { font-size: 13px !important; } body .bvi-body[data-bvi-fontsize="8"] * h4, body .bvi-body[data-bvi-fontsize="8"] * h4 * { font-size: 12px !important; } body .bvi-body[data-bvi-fontsize="8"] * h5, body .bvi-body[data-bvi-fontsize="8"] * h5 * { font-size: 11px !important; } body .bvi-body[data-bvi-fontsize="8"] * h6, body .bvi-body[data-bvi-fontsize="8"] * h6 * { font-size: 10px !important; } body .bvi-body[data-bvi-fontsize="7"] * { font-size: 7px !important; } body .bvi-body[data-bvi-fontsize="7"] * h1, body .bvi-body[data-bvi-fontsize="7"] * h1 * { font-size: 14px !important; } body .bvi-body[data-bvi-fontsize="7"] * h2, body .bvi-body[data-bvi-fontsize="7"] * h2 * { font-size: 13px !important; } body .bvi-body[data-bvi-fontsize="7"] * h3, body .bvi-body[data-bvi-fontsize="7"] * h3 * { font-size: 12px !important; } body .bvi-body[data-bvi-fontsize="7"] * h4, body .bvi-body[data-bvi-fontsize="7"] * h4 * { font-size: 11px !important; } body .bvi-body[data-bvi-fontsize="7"] * h5, body .bvi-body[data-bvi-fontsize="7"] * h5 * { font-size: 10px !important; } body .bvi-body[data-bvi-fontsize="7"] * h6, body .bvi-body[data-bvi-fontsize="7"] * h6 * { font-size: 9px !important; } body .bvi-body[data-bvi-fontsize="6"] * { font-size: 6px !important; } body .bvi-body[data-bvi-fontsize="6"] * h1, body .bvi-body[data-bvi-fontsize="6"] * h1 * { font-size: 13px !important; } body .bvi-body[data-bvi-fontsize="6"] * h2, body .bvi-body[data-bvi-fontsize="6"] * h2 * { font-size: 12px !important; } body .bvi-body[data-bvi-fontsize="6"] * h3, body .bvi-body[data-bvi-fontsize="6"] * h3 * { font-size: 11px !important; } body .bvi-body[data-bvi-fontsize="6"] * h4, body .bvi-body[data-bvi-fontsize="6"] * h4 * { font-size: 10px !important; } body .bvi-body[data-bvi-fontsize="6"] * h5, body .bvi-body[data-bvi-fontsize="6"] * h5 * { font-size: 9px !important; } body .bvi-body[data-bvi-fontsize="6"] * h6, body .bvi-body[data-bvi-fontsize="6"] * h6 * { font-size: 8px !important; } body .bvi-body[data-bvi-fontsize="5"] * { font-size: 5px !important; } body .bvi-body[data-bvi-fontsize="5"] * h1, body .bvi-body[data-bvi-fontsize="5"] * h1 * { font-size: 12px !important; } body .bvi-body[data-bvi-fontsize="5"] * h2, body .bvi-body[data-bvi-fontsize="5"] * h2 * { font-size: 11px !important; } body .bvi-body[data-bvi-fontsize="5"] * h3, body .bvi-body[data-bvi-fontsize="5"] * h3 * { font-size: 10px !important; } body .bvi-body[data-bvi-fontsize="5"] * h4, body .bvi-body[data-bvi-fontsize="5"] * h4 * { font-size: 9px !important; } body .bvi-body[data-bvi-fontsize="5"] * h5, body .bvi-body[data-bvi-fontsize="5"] * h5 * { font-size: 8px !important; } body .bvi-body[data-bvi-fontsize="5"] * h6, body .bvi-body[data-bvi-fontsize="5"] * h6 * { font-size: 7px !important; } body .bvi-body[data-bvi-fontsize="4"] * { font-size: 4px !important; } body .bvi-body[data-bvi-fontsize="4"] * h1, body .bvi-body[data-bvi-fontsize="4"] * h1 * { font-size: 11px !important; } body .bvi-body[data-bvi-fontsize="4"] * h2, body .bvi-body[data-bvi-fontsize="4"] * h2 * { font-size: 10px !important; } body .bvi-body[data-bvi-fontsize="4"] * h3, body .bvi-body[data-bvi-fontsize="4"] * h3 * { font-size: 9px !important; } body .bvi-body[data-bvi-fontsize="4"] * h4, body .bvi-body[data-bvi-fontsize="4"] * h4 * { font-size: 8px !important; } body .bvi-body[data-bvi-fontsize="4"] * h5, body .bvi-body[data-bvi-fontsize="4"] * h5 * { font-size: 7px !important; } body .bvi-body[data-bvi-fontsize="4"] * h6, body .bvi-body[data-bvi-fontsize="4"] * h6 * { font-size: 6px !important; } body .bvi-body[data-bvi-fontsize="3"] * { font-size: 3px !important; } body .bvi-body[data-bvi-fontsize="3"] * h1, body .bvi-body[data-bvi-fontsize="3"] * h1 * { font-size: 10px !important; } body .bvi-body[data-bvi-fontsize="3"] * h2, body .bvi-body[data-bvi-fontsize="3"] * h2 * { font-size: 9px !important; } body .bvi-body[data-bvi-fontsize="3"] * h3, body .bvi-body[data-bvi-fontsize="3"] * h3 * { font-size: 8px !important; } body .bvi-body[data-bvi-fontsize="3"] * h4, body .bvi-body[data-bvi-fontsize="3"] * h4 * { font-size: 7px !important; } body .bvi-body[data-bvi-fontsize="3"] * h5, body .bvi-body[data-bvi-fontsize="3"] * h5 * { font-size: 6px !important; } body .bvi-body[data-bvi-fontsize="3"] * h6, body .bvi-body[data-bvi-fontsize="3"] * h6 * { font-size: 5px !important; } body .bvi-body[data-bvi-fontsize="2"] * { font-size: 2px !important; } body .bvi-body[data-bvi-fontsize="2"] * h1, body .bvi-body[data-bvi-fontsize="2"] * h1 * { font-size: 9px !important; } body .bvi-body[data-bvi-fontsize="2"] * h2, body .bvi-body[data-bvi-fontsize="2"] * h2 * { font-size: 8px !important; } body .bvi-body[data-bvi-fontsize="2"] * h3, body .bvi-body[data-bvi-fontsize="2"] * h3 * { font-size: 7px !important; } body .bvi-body[data-bvi-fontsize="2"] * h4, body .bvi-body[data-bvi-fontsize="2"] * h4 * { font-size: 6px !important; } body .bvi-body[data-bvi-fontsize="2"] * h5, body .bvi-body[data-bvi-fontsize="2"] * h5 * { font-size: 5px !important; } body .bvi-body[data-bvi-fontsize="2"] * h6, body .bvi-body[data-bvi-fontsize="2"] * h6 * { font-size: 4px !important; } body .bvi-body[data-bvi-fontsize="1"] * { font-size: 1px !important; } body .bvi-body[data-bvi-fontsize="1"] * h1, body .bvi-body[data-bvi-fontsize="1"] * h1 * { font-size: 8px !important; } body .bvi-body[data-bvi-fontsize="1"] * h2, body .bvi-body[data-bvi-fontsize="1"] * h2 * { font-size: 7px !important; } body .bvi-body[data-bvi-fontsize="1"] * h3, body .bvi-body[data-bvi-fontsize="1"] * h3 * { font-size: 6px !important; } body .bvi-body[data-bvi-fontsize="1"] * h4, body .bvi-body[data-bvi-fontsize="1"] * h4 * { font-size: 5px !important; } body .bvi-body[data-bvi-fontsize="1"] * h5, body .bvi-body[data-bvi-fontsize="1"] * h5 * { font-size: 4px !important; } body .bvi-body[data-bvi-fontsize="1"] * h6, body .bvi-body[data-bvi-fontsize="1"] * h6 * { font-size: 3px !important; } body .bvi-body[data-bvi-images=true]:not(.bvi-no-styles) .bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=true]:not(.bvi-no-styles) img.bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=true]:not(.bvi-no-styles) img.bvi-img:not(.bvi-no-styles) { -webkit-filter: grayscale(0); filter: grayscale(0); visibility: visible; } body .bvi-body[data-bvi-images=false]:not(.bvi-no-styles) .bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=false]:not(.bvi-no-styles) img.bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=false]:not(.bvi-no-styles) img.bvi-img:not(.bvi-no-styles) { display: none; position: relative; border: 1px dashed; } body .bvi-body[data-bvi-images=grayscale]:not(.bvi-no-styles) .bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=grayscale]:not(.bvi-no-styles) img.bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=grayscale]:not(.bvi-no-styles) img.bvi-img:not(.bvi-no-styles) { -moz-filter: url("data:image/svg+xml;utf8,#grayscale"); -o-filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(1); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(1); visibility: visible; } body .bvi-body[data-bvi-lineheight=normal]:not(.bvi-no-styles) { line-height: 1.5 !important; } body .bvi-body[data-bvi-lineheight=average]:not(.bvi-no-styles) { line-height: 2 !important; } body .bvi-body[data-bvi-lineheight=big]:not(.bvi-no-styles) { line-height: 2.5 !important; } body .bvi-body[data-bvi-letterspacing=normal]:not(.bvi-no-styles) { letter-spacing: 0 !important; } body .bvi-body[data-bvi-letterspacing=average]:not(.bvi-no-styles) { letter-spacing: 2px !important; } body .bvi-body[data-bvi-letterspacing=big]:not(.bvi-no-styles) { letter-spacing: 4px !important; } body .bvi-body[data-bvi-fontfamily=arial]:not(i):not(span):not(.bvi-no-styles) { font-family: Arial, sans-serif !important; } body .bvi-body[data-bvi-fontfamily=times]:not(i):not(span):not(.bvi-no-styles) { font-family: "Times New roman", serif !important; } body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) .wp-audio-shortcode, body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) iframe, body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) object, body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) video, body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) ymaps, body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) figure { display: block !important; } body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) .wp-audio-shortcode, body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) iframe, body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) object, body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) video, body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) ymaps, body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) figure { display: none !important; } body .bvi-body .bvi-speech { margin-bottom: 1.5rem; } body .bvi-body .bvi-speech .bvi-speech-link { display: inline-block; border: 1px dashed transparent; border-bottom: 0; padding: 0.7rem; } body .bvi-body .bvi-speech .bvi-speech-text { border: 1px dashed transparent; padding: 0.7rem; } body .bvi-body .bvi-speech .bvi-highlighting mark { font-weight: bold; text-decoration: underline; } body .bvi-body a.bvi-link { display: inline-block; font-weight: 400; line-height: 1.5; font-size: 0.875rem !important; color: #212529 !important; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #e0e0e0 !important; border: 1px solid #c6c6c6 !important; padding: 0.375rem 0.75rem; border-radius: 0.25rem; position: relative; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } body .bvi-body a.bvi-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } body .bvi-body .bvi-link-fixed-top { position: fixed !important; top: 2.5rem !important; right: 1.5rem !important; z-index: 999999 !important; } body .bvi-body .bvi-hide { display: none !important; } body .bvi-body .bvi-show { display: block !important; } .bvi-images { width: 18px; height: 18px; letter-spacing: normal; display: inline-block; vertical-align: middle; z-index: 1; background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; } .bvi-images.bvi-images-cog { background-image: url("/local/templates/dentaarea/core/css/../img/cog.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-eye-slash { background-image: url("/local/templates/dentaarea/core/css/../img/eye-slash.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-volume-up { background-image: url("/local/templates/dentaarea/core/css/../img/volume-up.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-volume-off { background-image: url("/local/templates/dentaarea/core/css/../img/volume-off.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-adjust { background-image: url("/local/templates/dentaarea/core/css/../img/adjust.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-minus-circle { background-image: url("/local/templates/dentaarea/core/css/../img/minus-circle.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-image { background-image: url("/local/templates/dentaarea/core/css/../img/image.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-minus { background-image: url("/local/templates/dentaarea/core/css/../img/minus.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-eye { background-image: url("/local/templates/dentaarea/core/css/../img/eye.svg"); background-repeat: no-repeat; fill: green; } .bvi-images.bvi-images-size-32 { width: 32px !important; height: 32px !important; } /* End */ /* Start:/local/templates/dentaarea/core/css/datepicker.css?177434272836523*/ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/dentaarea/core/css/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/dentaarea/core/css/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/local/templates/dentaarea/core/css/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/local/templates/dentaarea/core/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/local/templates/dentaarea/core/css/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/dentaarea/core/css/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/local/templates/dentaarea/core/css/images/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/local/templates/dentaarea/template_styles.css?177745478473984*/ /*css start*/ @font-face { font-family: 'Nunito'; src: url('/local/templates/dentaarea/Nunito-Light.eot'); src: url('/local/templates/dentaarea/core/fonts/Nunito-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/dentaarea/core/fonts/Nunito-Light.woff2') format('woff2'), url('/local/templates/dentaarea/core/fonts/Nunito-Light.woff') format('woff'), url('/local/templates/dentaarea/core/fonts/Nunito-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito'; src: url('/local/templates/dentaarea/Nunito-Regular.eot'); src: url('/local/templates/dentaarea/core/fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/dentaarea/core/fonts/Nunito-Regular.woff2') format('woff2'), url('/local/templates/dentaarea/core/fonts/Nunito-Regular.woff') format('woff'), url('/local/templates/dentaarea/core/fonts/Nunito-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito'; src: url('/local/templates/dentaarea/Nunito-Medium.eot'); src: url('/local/templates/dentaarea/core/fonts/Nunito-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/dentaarea/core/fonts/Nunito-Medium.woff2') format('woff2'), url('/local/templates/dentaarea/core/fonts/Nunito-Medium.woff') format('woff'), url('/local/templates/dentaarea/core/fonts/Nunito-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito'; src: url('/local/templates/dentaarea/Nunito-SemiBold.eot'); src: url('/local/templates/dentaarea/core/fonts/Nunito-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/dentaarea/core/fonts/Nunito-SemiBold.woff2') format('woff2'), url('/local/templates/dentaarea/core/fonts/Nunito-SemiBold.woff') format('woff'), url('/local/templates/dentaarea/core/fonts/Nunito-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito'; src: url('/local/templates/dentaarea/Nunito-Bold.eot'); src: url('/local/templates/dentaarea/core/fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/dentaarea/core/fonts/Nunito-Bold.woff2') format('woff2'), url('/local/templates/dentaarea/core/fonts/Nunito-Bold.woff') format('woff'), url('/local/templates/dentaarea/core/fonts/Nunito-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito'; src: url('/local/templates/dentaarea/Nunito-ExtraBold.eot'); src: url('/local/templates/dentaarea/core/fonts/Nunito-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/dentaarea/core/fonts/Nunito-ExtraBold.woff2') format('woff2'), url('/local/templates/dentaarea/core/fonts/Nunito-ExtraBold.woff') format('woff'), url('/local/templates/dentaarea/core/fonts/Nunito-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } html {font: 400 16px/22px 'Nunito', sans-serif; color: #6d6d7f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} body {background: #f1f8ff; background-image: url('/images/back.jpg'); background-size: contain; background-repeat: no-repeat; background-position: center top; padding: 0; margin: 0;} * {box-sizing: border-box;} a {color: #2084f9; cursor: pointer; text-decoration: underline; outline: none;} a:hover {text-decoration: underline; color: #ff969c;} div {display: block; -moz-box-sizing: border-box; box-sizing: border-box;} .box:after {clear: both;} .box:after, .box:before {display: table; content: "";} .container {max-width: 1230px; margin-left: auto; margin-right: auto; padding: 0 15px;} p {margin: 0 0 15px 0;} *+p {margin-top: 15px;} b, strong {font-weight: 700;} h1, h2, h3, h4 {font-weight: 800; font-family: 'Nunito'; margin: 0 0 15px 0; color: #2a527d;} h2 {font-size: 22px; line-height: 26px;} h1.title, h2.title {font-size: 35px; line-height: 40px; margin-bottom: 30px; text-align: center;} .subtitle {font-size: 18px; text-align: center; max-width: 70%; margin: 0 auto; margin-bottom: 25px; font-weight: 300;} h1.title+.subtitle, h2.title+.subtitle {margin-top: -15px;} img {max-width: 100%;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease; color: #839db9;} input::-moz-placeholder, textarea::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease; color: #839db9;} input:-moz-placeholder, textarea:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease; color: #839db9;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease; color: #839db9;} input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} .full-width {margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); position: relative;} .btn {cursor: pointer; text-decoration: none; display: inline-block; width: 220px; height: 60px; line-height: 60px; border-radius: 30px; color: #fff; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; text-align: center; background-image: -moz-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); box-shadow: 0px 10px 40px 0px rgba(19, 121, 246, 0.3),inset 0px 0px 18px 2px rgba(255, 255, 255, 0.6); -webkit-appearance: none; padding: 0; margin: 0; border: 0; outline: none;} .btn.white {background: #fff; color: #2084f9; box-shadow: 0px 5px 20px 0px rgba(100, 173, 229, 0.15);} .btn:hover {text-decoration: none; color: #fff; background-image: -moz-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); background-image: -ms-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); box-shadow: 0px 10px 40px 0px rgba(40, 178, 149, 0.3),inset 0px 0px 18px 2px rgba(255, 255, 255, 0.6);} .btn-nav {-webkit-appearance: none; padding: 0; margin: 0; border: 0; display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; background: #fff; font-size: 30px; color: #2a527d; cursor: pointer; box-shadow: 0px 5px 15px 0px rgba(125, 153, 183, 0.1); outline: none;} .btn-nav:hover {color: #fff; background-image: -moz-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); background-image: -ms-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); box-shadow: 0px 10px 35px 0px rgba(40, 178, 149, 0.3),inset 0px 0px 18px 2px rgba(255, 255, 255, 0.6);} .dotnav {margin: 0; padding: 0; list-style: none; text-align: center; margin-top: 30px;} .dotnav li {display: inline-block; margin: 0 10px;} .dotnav li a {display: block; cursor: pointer; width: 8px; height: 8px; border-radius: 50%; background: #b8d2ea;} .dotnav li.uk-active a {background: #6fa0d7; cursor: default;} .social a {display: inline-block; text-decoration: none; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; color: #fff; font-size: 21px; vertical-align: top;} .social a.tg {background-image: -moz-linear-gradient( 90deg, rgb(28,35,43) 0%, rgb(40,50,60) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(28,35,43) 0%, rgb(40,50,60) 100%); background-image: -ms-linear-gradient( 90deg, rgb(24,123,234) 0%, rgb(31,192,243) 100%);} .social a.max {background-image: radial-gradient( 136.12% 140.74% at 99.77% 99.04%, #8d28c8 0%, #7c42fa 20%, #007aff 80%, #609ceb 100% );} .social a.vk {background: #0273f6;} .top-line {font-size: 15px; line-height: 16px; padding: 12px 0; color: #fff; font-weight: 400; background: #6dcbb7;} .top-line a {color: #fff; text-decoration: none;} .top-line .address {float: left; width: 25%;} .top-line .time {float: left; width: 50%; text-align: center;} .top-line .mail {float: left; width: 25%; text-align: right;} .logo-line {padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 2;} .logo-line .left-side {float: left; width: 30%; padding-top: 10px;} .logo-line .left-side .social {float: left; width: 38%;} .logo-line .left-side .social a {margin-right: 12px;} .logo-line .left-side .social a.vk {display: none;} .logo-line .left-side .phone {float: left; width: 62%;} .logo-line .left-side .phone span {display: block; color: #6d6d7f; font-size: 15px; font-weight: 400;} .logo-line .left-side .phone a {color: #2a527d; font-size: 20px; font-weight: 800; text-decoration: none; cursor: default;} .logo-line .logo {float: left; width: 40%; text-align: center; line-height: 1px;} .logo-line .logo img {height: 79px;} .logo-line .button {float: right; width: 30%; text-align: right; padding-top: 10px;} .menu-line .menu {background: #fff; border-radius: 15px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .menu-line.uk-active {background: #fff; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .menu-line.uk-active .menu {border-radius: 0; box-shadow: none;} .mainmenu {margin: 0; padding: 0; list-style: none; float: left; width: 93%;} .mainmenu > li {float: left; display: block; margin: 0 25px;} .mainmenu > li:last-child {margin-right: 0;} .mainmenu > li > a {display: block; height: 70px; line-height: 70px; font-size: 15px; text-decoration: none; color: #2a527d; font-weight: 700;} .mainmenu > li > a i {font-size: 15px; color: #2a527d; margin-left: 5px; position: relative; top: 1px;} .mainmenu > li.uk-active > a {color: #76cebb;} .mainmenu > li > a:hover {color: #ff969c; text-decoration: underline;} .mainmenu .drop {margin: 0; padding: 0; list-style: none; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); top: 70px !important; min-width: 300px; overflow: hidden; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;} .mainmenu .drop a {display: block; height: 45px; line-height: 45px; background: #fff; border-bottom: 1px solid #dbebfc; font-size: 16px; font-weight: 300; color: #2a527d; text-decoration: none; padding: 0 20px;} .mainmenu .drop li:last-child a {border-bottom: 0;} .mainmenu .drop li.uk-active > a {box-shadow: inset 4px 0 0 #4099ff;} .mainmenu .drop a:hover {color: #2084f9; text-decoration: underline;} .menu-line .menu .search {float: right; width: 7%; text-align: center;} .menu-line .menu .search a {display: block; font-size: 25px; color: #76cebb; height: 70px; line-height: 70px;} .slider {height: 500px; border-radius: 30px; overflow: hidden; margin-top: 30px; border: 8px solid #fff; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); background: #f6faff url('/images/slider.png') center right no-repeat; background-size: contain; position: relative;} .slider .uk-slideshow-items {aspect-ratio: auto !important; height: 484px;} .slide-item {height: 500px;} .slide-item .image {position: absolute; width: 50%; right: 5%; bottom: 0; height: 100%; text-align: center; line-height: 1px;} .slide-item .image img {max-height: 430px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: inline-block;} .slide-item .caption {position: absolute; width: 50%; padding-left: 45px; top: 50%; transform: translateY(-50%);} .slide-item .caption .head {font-size: 40px; line-height: 44px; font-weight: 800; color: #2a527d; margin-bottom: 20px;} .slide-item .caption .text {font-size: 18px; line-height: 24px; color: #6d6d7f; font-weight: 300;} .slide-item .caption .button {margin-top: 45px;} .slider .btn-nav {position: absolute; top: 30px; right: 30px; z-index: 2;} .slider .btn-nav.left {right: 110px;} .rating-home {margin-top: 30px;} .rating {background: #fff; border-radius: 30px; padding: 25px 0; padding-bottom: 20px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .rating .info-pre {float: left; width: 24%;} .rating .info-pre .image {display: inline-block; line-height: 1px; width: 100px; text-align: center; vertical-align: top; padding-top: 3px;} .rating .info-pre .image img {height: 62px;} .rating .info-pre .text {display: inline-block; font-weight: 700; color: #535c66; width: calc(100% - 110px); line-height: 20px; padding-top: 14px; vertical-align: top; font-size: 18px;} .rating .item {display: block; float: left; width: 19%;} .rating .item .number {float: left; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; border: 1px solid #d8ebf5; font-size: 20px; font-weight: 800; color: transparent; background-clip: text; -webkit-background-clip: text; background-image: -moz-linear-gradient( 90deg, rgb(73,160,255) 0%, rgb(164,216,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(73,160,255) 0%, rgb(164,216,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(73,160,255) 0%, rgb(164,216,255) 100%); margin-right: 15px;} .rating .item .info {float: left; width: calc(100% - 75px);} .rating .item .info .image {line-height: 1px; height: 20px;} .rating .item .info .stars {position: relative; height: 15px; line-height: 1px; display: inline-block;} .rating .item .info .stars img {height: 15px;} .rating .item .info .stars span {position: absolute; height: 100%; background: url('/images/stars.png'); background-size: cover; background-repeat: no-repeat; left: 0;} .rating .item .info .kolvo {color: #2084f9; text-decoration: underline; font-size: 15px; font-weight: 400; margin-top: 3px;} .rating .item:hover .info .kolvo {color: #ff969c;} .services-home {margin-top: 45px;} .switch {margin: 0; padding: 0; list-style: none; width: 450px; background: #fff; border-radius: 30px; border: 1px solid #d8ebf5; margin: 0 auto; padding: 4px;} .switch li {display: block; float: left; width: 50%; text-align: center;} .switch li a {display: block; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; color: #2a527d; text-decoration: none; height: 50px; line-height: 50px;} .switch li.uk-active a {color: #fff; border-radius: 25px; background-image: -moz-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); background-image: -ms-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); box-shadow: 0px 10px 35px 0px rgba(40, 178, 149, 0.3),inset 0px 0px 18px 2px rgba(255, 255, 255, 0.6); cursor: default;} .services-switch {margin-top: 40px;} .service-item {display: block; background: #fff; text-align: center; padding: 30px 25px; border-radius: 25px; padding-top: 35px; text-decoration: none; color: #6d6d7f; font-size: 15px; font-weight: 300; line-height: 20px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .service-item:hover {text-decoration: none; color: #6d6d7f;} .service-item .icon {position: relative; display: inline-block; width: 120px; height: 120px; border-radius: 50%; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgba(245, 253, 255, 0.5) 41%, rgba(216, 234, 255, 0.5) 100%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(245, 253, 255, 0.5) 41%, rgba(216, 234, 255, 0.5) 100%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgba(245, 253, 255, 0.5) 41%, rgba(216, 234, 255, 0.5) 100%);} .service-item:hover .icon {background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgba(253, 247, 247, 0.5) 41%, rgba(255, 216, 216, 0.5) 100%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(253, 247, 247, 0.5) 41%, rgba(255, 216, 216, 0.5) 100%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgba(253, 247, 247, 0.5) 41%, rgba(255, 216, 216, 0.5) 100%);} .service-item .icon img {display: inline-block; position: relative; top: 50%; transform: translateY(-50%);} .service-item:hover .icon img {filter: hue-rotate(125deg); opacity: 0.8;} .service-item .info {height: 115px; overflow: hidden;} .service-item .name {color: #2a527d; font-size: 20px; font-weight: 700; margin-top: 20px;} .service-item:hover .name {color: #ff969c; text-decoration: underline;} .service-item .text {margin-top: 15px;} .services-list .service-item {float: left; width: 23.3%; margin-right: 2.25%; margin-bottom: 25px;} .services-list .service-item:nth-child(4n-4) {margin-right: 0;} .services-switch .button-all {text-align: center; margin-top: 15px;} .doctor-home {margin-top: 50px;} .doctor-home h2.title {text-align: left;} .doctor-home .subtitle {margin-left: 0; text-align: left;} .doctor-item {display: block; background: #fff; border-radius: 25px; text-align: center; padding: 20px; padding-top: 75px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); text-decoration: none;} .doctor-item:hover {text-decoration: none;} .doctor-item .image {display: inline-block; width: 300px; height: 300px; border-radius: 50%; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(245,253,255) 41%, rgb(216,234,255) 100%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(245,253,255) 41%, rgb(216,234,255) 100%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(245,253,255) 41%, rgb(216,234,255) 100%); border: 9px solid #f1faff; position: relative;} .doctor-item .image img {height: 360px; position: absolute; bottom: 0; border-bottom-left-radius: 150px; border-bottom-right-radius: 150px; display: inline-block; left: 50%; transform: translateX(-50%); width: 300px; object-fit: contain; object-position: center bottom;} .doctor-item .image .stage {width: 115px; height: 30px; line-height: 30px; bottom: -15px; left: 50%; transform: translateX(-50%); text-align: center; z-index: 2; color: #fff; border-radius: 15px; background: #6fa0d7; font-size: 13px; font-weight: 500; position: absolute;} .doctor-item .name {margin-top: 25px; font-size: 20px; font-weight: 700; color: #2a527d;} .doctor-item:hover .name {color: #ff969c; text-decoration: underline;} .doctor-item .spec {font-weight: 400; color: #5f7683; font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; padding: 0 10%; margin-top: 10px;} .doctor-slide {position: relative;} .doctor-slide .btn-nav {position: absolute; right: 0; top: -85px;} .doctor-slide .btn-nav.left {right: 80px;} .doctor-home .button-all {text-align: center; margin-top: 30px;} .info-home {margin-top: 60px;} .info-home .white {background: #fff; border-radius: 30px; padding: 40px; padding-bottom: 0; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .home-text .image {float: left; width: 50%; text-align: center; padding-right: 50px; line-height: 1px;} .home-text .text {text-align: justify; font-size: 18px; line-height: 24px; font-weight: 300;} .home-text .text .button {margin-top: 40px;} .info-home .pluses-head {margin-top: 60px; text-align: center; font-size: 25px; font-weight: 800; color: #2a527d; margin-bottom: 30px;} .info-home .subtitle {max-width: 80%;} .pluses-list .plus {float: left; width: 33.333%; text-align: center; padding: 0 55px; margin-bottom: 45px;} .pluses-list .plus .icon {line-height: 1px; margin-bottom: 15px;} .pluses-list .plus .icon img {height: 82px;} .pluses-list .plus .name {font-size: 18px; font-weight: 800; color: #2a527d; margin-bottom: 5px;} .pluses-list .plus .text {font-size: 16px; line-height: 20px; font-weight: 300;} .feedbacks-home {margin-top: 60px;} .feedbacks-home .left-side {float: left; width: 40%; padding-top: 35px; font-size: 18px; line-height: 24px; font-weight: 300;} .feedbacks-home h2.title {text-align: left;} .feedbacks-home .button {margin-top: 50px;} .feedbacks-home > .right-side {float: right; width: 48.3%; padding-top: 110px;} .feedback-slide {position: relative; background: #fff; border-radius: 20px; padding: 15px 25px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .feedback-slide:after {content: ''; width: calc(100% - 30px); height: 10px; background: #fff; display: block; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); border-top-left-radius: 20px; border-top-right-radius: 20px; z-index: -1;} .feedback-slide:before {content: ''; width: calc(100% - 60px); height: 10px; background: #fff; display: block; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); border-top-left-radius: 20px; border-top-right-radius: 20px; z-index: -1;} .feedback-slide .uk-slideshow-items {aspect-ratio: auto !important; height: 260px;} .feedback-slide .btn-nav {position: absolute; top: -110px; right: 0;} .feedback-slide .btn-nav.left {right: 80px;} .feedback .top-side .icon {float: left; width: 60px; height: 60px; border-radius: 50%; margin-right: 20px; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(245,253,255) 41%, rgb(216,234,255) 100%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(245,253,255) 41%, rgb(216,234,255) 100%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(245,253,255) 41%, rgb(216,234,255) 100%); text-align: center;} .feedback .top-side .icon img {display: inline-block; height: 29px; position: relative; top: 50%; transform: translateY(-50%);} .feedback .top-side .info {float: left; width: calc(100% - 200px); padding-top: 10px;} .feedback .top-side .info .name {font-size: 20px; font-weight: 800; color: #2a527d;} .feedback .top-side .info .date {font-size: 14px; line-height: 20px; color: #9b9b9b; font-weight: 400;} .feedback .top-side .right-side {float: right; width: 120px; text-align: right; padding-top: 5px;} .feedback .top-side .right-side .logo {height: 20px;} .feedback .top-side .right-side .stars {position: relative; height: 15px; line-height: 1px; display: inline-block;} .feedback .top-side .right-side .stars img {height: 15px;} .feedback .top-side .right-side .stars span {position: absolute; height: 100%; background: url('/images/stars.png'); background-size: cover; background-repeat: no-repeat; left: 0;} .feedback .text {font-size: 16px; line-height: 20px; margin-top: 20px; font-weight: 300;} .feedback-slide .feedback .text {height: 140px; overflow: hidden;} .feedback-slide .dotnav {margin: 0; position: absolute; width: calc(100% - 50px); bottom: 20px;} main {width: 100%; height: 100%; overflow: hidden; position: relative;} main .height {height: 190px;} main .container {position: relative; z-index: 2;} .ml {width: 148px; height: 148px; position: absolute; background: url('/images/mid-left.png') no-repeat; background-size: contain; top: 320px; left: -104px; z-index: -1; transform: translate3d(0, - 100%, 0); animation: spin 5s infinite linear;} .mr {width: 155px; height: 155px; position: absolute; background: url('/images/mid-right.png') no-repeat; background-size: contain; top: 150px; right: -100px; z-index: 1; animation: spin 7s infinite linear;} .tl {width: 184px; height: 257px; position: absolute; background: url('/images/top-left.png') no-repeat; background-size: contain; top: 0px; left: 0px; z-index: 1; animation: spin 9s infinite linear;} .bl {width: 105px; height: 145px; position: absolute; background: url('/images/bottom-left.png') no-repeat; background-size: contain; top: 870px; left: 0px; z-index: 1; animation: spin 6s infinite linear;} .tr {width: 105px; height: 145px; position: absolute; background: url('/images/top-right.png') no-repeat; background-size: contain; top: 105px; right: 55px; z-index: 1; animation: spin 5s infinite linear;} .br {width: 90px; height: 209px; position: absolute; background: url('/images/bottom-right.png') no-repeat; background-size: contain; top: 700px; right: 0px; z-index: 1; animation: spin 10s infinite linear;} .cl-l1 {width: 425px; height: 371px; position: absolute; background: url('/images/cl-l1.png') no-repeat; background-size: contain; top: 1100px; left: 0px; z-index: -1;} .cl-l2 {width: 565px; height: 371px; position: absolute; background: url('/images/cl-l2.png') no-repeat; background-size: contain; top: 2580px; left: -245px; z-index: -1;} .cl-r1 {width: 395px; height: 371px; position: absolute; background: url('/images/cl-r1.png') no-repeat; background-size: contain; top: 1900px; right: 0px; z-index: -1;} .cl-r2 {width: 309px; height: 369px; position: absolute; background: url('/images/cl-r2.png') no-repeat; background-size: contain; top: 3860px; right: 0px; z-index: -1;} @keyframes spin { 0% { transform: translate3d(0, -10%, 0); } 50% { transform: translate3d(0, 10%, 0); } 100% { transform: translate3d(0, -10%, 0); } } footer {background: #6fa0d7; padding-top: 40px; margin-top: -1px; position: relative; z-index: 2;} .foot-blocks .foot-block {float: left; width: 25%; font-size: 16px; color: #fff; font-weight: 400;} .foot-blocks .foot-block .head {text-transform: uppercase; margin-bottom: 20px; color: #aacef6; font-weight: 700; letter-spacing: 0.6px; font-size: 17px;} .foot-blocks .foot-block ul {margin: 0; padding: 0; list-style: none;} .foot-blocks .foot-block ul li:nth-child(n+2) {margin-top: 7px;} .foot-blocks .foot-block a {font-size: 16px; color: #fff; text-decoration: none; font-weight: 400;} .foot-blocks .foot-block a:hover {color: #fff; text-decoration: underline;} .foot-blocks .foot-block .name {font-size: 16px; line-height: 20px; color: #aacef6; font-weight: 400; margin-bottom: 5px;} .foot-blocks .foot-block .address {margin-bottom: 15px;} .foot-blocks .foot-block .mail {margin-bottom: 15px;} .foot-blocks .foot-block .phone {margin-bottom: 15px;} .foot-blocks .foot-block .phone a {font-size: 20px; font-weight: 800;} .foot-blocks .foot-block .social a {margin-right: 15px; font-size: 21px;} footer .copy-line {border-top: 1px solid #92b9e4; border-bottom: 1px solid #92b9e4; margin-top: 20px; padding: 30px 0;} footer .copy-line .copy {float: left; width: 30%; color: #aacef6; font-size: 16px; font-weight: 400; line-height: 25px;} footer .copy-line .links {float: left; width: 34%; font-size: 16px; font-weight: 400; line-height: 25px;} footer .copy-line .links a {color: #fff; text-decoration: none;} footer .copy-line .look {float: left; width: 24.2%;} footer .copy-line .look .bvi-open {display: block; text-align: center; height: 50px; line-height: 50px; color: #fff; text-decoration: none; font-size: 16px; font-weight: 400; border: 1px solid #fff; border-radius: 25px;} footer .copy-line .look .bvi-open img {height: 16px; margin-right: 10px; display: inline-block;} footer .copy-line .look .bvi-open:hover {cursor: pointer; background: #fff; color: #2a527d;} footer .copy-line .look .bvi-open:hover img {filter: brightness(0);} footer .copy-line .wow {float: left; width: 11.8%; position: relative;} footer .info-line {text-align: center; color: #aacef6; padding-top: 20px; font-size: 16px; font-weight: 400; padding-bottom: 10px;} footer .info-line .protiv {font-size: 30px; line-height: 30px; text-transform: uppercase; letter-spacing: -1px;} .zapis-fix {border-bottom: 10px solid #6fa0d7; opacity: 0;} .zapis-fix.uk-active {opacity: 1;} .zapis-fix a {display: block;} .zapis-fix img {height: 192px; position: absolute; right: 60px; bottom: -10px;} .breadcrumbs {margin-bottom: 15px; padding: 9px 0; position: relative; z-index: 1;} .bx-breadcrumb-item {display: inline-block; font-size: 14px; line-height: 14px; font-weight: 400; color: #839db9;} .bx-breadcrumb-item i {margin: 0 10px; color: #839db9;} .bx-breadcrumb-item a {color: #2a527d; text-decoration: none;} .bx-breadcrumb-item a:hover {color: #ff969c; text-decoration: underline;} .bx-breadcrumb {overflow: hidden; white-space: nowrap; position: relative;} .doctor-list .doctor-item {float: left; width: 30.8%; margin-right: 3.8%; margin-bottom: 45px;} .doctor-list .doctor-item:nth-child(3n-3) {margin-right: 0;} .about-block {padding: 30px; background: #fff; border-radius: 25px; margin-bottom: 50px;} .about-block .left {float: left; width: 48%; line-height: 1px; border: 5px solid #fff; border-radius: 20px; overflow: hidden; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .about-block .item:nth-child(even) .left {float: right;} .about-block .left img {width: 100%; height: 390px; object-fit: cover;} .about-block .left video {width: 100%; height: 390px; object-fit: cover;} .about-block .right {float: right; width: 48%; text-align: justify; position: relative; height: 400px;} .about-block .item:nth-child(even) .right {float: left;} .about-block .right .text {position: relative; top: 50%; transform: translateY(-50%);} .about-block .right .text h2.title {text-align: left; font-size: 30px; margin-bottom: 20px; line-height: 34px;} .about-block .item:nth-child(n+2) {margin-top: 25px;} .gallary-about h2.title {text-align: left;} .photo-slide {position: relative;} .photo-slide .btn-nav {position: absolute; right: 0; top: -85px;} .photo-slide .btn-nav.left {right: 80px;} .photo-item {display: block; position: relative; line-height: 1px; border: 5px solid #fff; border-radius: 20px; overflow: hidden; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .photo-item img {width: 100%; height: 240px; object-fit: cover;} .photo-item i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; color: #fff; display: none;} .photo-item:hover i {display: inline-block;} .photo-item:hover:before {content: ''; width: 100%; height: 100%; display: block; background: rgba(109, 203, 183, 0.8); position: absolute;} .rating-home.about {margin-top: 40px;} .contact-page .info {float: left; width: 33.3%; background: #fff; border-radius: 20px; text-align: center; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); padding: 30px;} .contact-page .info .item {margin-bottom: 35px;} .contact-page .info .item .head {font-weight: 700; color: #2a527d; margin-bottom: 5px;} .contact-page .item .value {font-weight: 400;} .contact-page .item .value p {margin: 0 0 5px 0;} .contact-page .item .value *+p {margin-top: 5px;} .contact-page .item.phone .value a {color: #6d6d7f; text-decoration: none; cursor: default; line-height: 25px;} .contact-page .social a {margin: 0 10px;} .contact-page .map {float: right; width: 63.3%; border: 10px solid #fff; border-radius: 20px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); background: #fff;} .contact-page .map .yamap {border-radius: 15px; overflow: hidden;} .contact-page .map .transport {padding: 15px 10px;} .contact-page .map .transport .marsh {float: left; width: 50%;} .contact-page .map .transport .troll {float: left; width: 25%;} .contact-page .map .transport .bus {float: left; width: 25%;} .contact-page .map .transport .head {color: #2a527d; font-weight: 700; margin-bottom: 7px;} .contact-page .map .transport ul {margin: 0; padding: 0; list-style: none;} .contact-page .map .transport ul li {display: inline-block; width: 28px; height: 25px; line-height: 25px; text-align: center; margin-right: 5px; border-radius: 5px; color: #fff; font-size: 13px; font-weight: 700;} .contact-page .map .transport .marsh ul li {background: #b53dcc;} .contact-page .map .transport .troll ul li {background: #198cff;} .contact-page .map .transport .bus ul li {background: #3bb300;} .feedbacks-top .text {float: left; width: 70%; padding-top: 7px; font-weight: 300;} .feedbacks-top .button {float: right; width: 30%; text-align: right;} .feedback-list {margin-top: 40px;} .feedback-list .feedback {background: #fff; border-radius: 20px; float: left; width: 48%; margin-right: 4%; margin-bottom: 40px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); padding: 15px 25px;} .feedback-list .feedback:nth-child(2n-2) {margin-right: 0;} .rating-home.feedbacks {margin-top: 40px;} .uk-modal {background: rgba(111, 160, 215, 0.6);} .uk-modal-body {border-radius: 25px; width: 710px;} .form .head {text-align: center; font-size: 25px; font-weight: 600; color: #2a527d; margin-bottom: 30px;} .form .input input {-webkit-appearance: none; margin: 0; outline: none; border-radius: 10px; background: #fff; padding: 18px; border: 1px solid #b5cce7; width: 100%; margin-bottom: 25px; font-size: 16px; font-family: "Nunito"; color: #2a527d; font-weight: 400;} .form .input select {-webkit-appearance: none; margin: 0; outline: none; border-radius: 10px; background: #fff; padding: 18px; border: 1px solid #b5cce7; width: 100%; margin-bottom: 25px; font-size: 16px; font-family: "Nunito"; color: #2a527d; font-weight: 400; cursor: pointer;} .form .box .input {float: left; width: 48%; margin-right: 4%;} .form .input {position: relative;} .form .input i {position: absolute; top: 21px; right: 15px; color: #839db9; font-size: 16px;} .form .box .input:last-child {margin-right: 0;} .form .hide {display: none;} .form .text textarea {-webkit-appearance: none; margin: 0; outline: none; border-radius: 10px; background: #fff; padding: 18px; border: 1px solid #b5cce7; width: 100%; margin-bottom: 10px; font-size: 16px; font-family: "Nunito"; color: #2a527d; font-weight: 400; height: 120px; resize: none;} .form .check {font-size: 16px; margin-bottom: 20px;} .form .check label {cursor: pointer; color: #2a527d;} .form .check label span.checkbox {position: relative; width: 25px; height: 25px; background: #fff; display: inline-block; margin-right: 5px; top: 6px; border: 1px solid #b5cce7; border-radius: 5px;} .form .check input:checked+label span.checkbox:before {content: "\f00c"; font: normal normal normal 12px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; color: #6dcbb7; border-radius: 5px; width: 100%; height: 100%; text-align: center; font-size: 14px; line-height: 23px; background: #fff;} .form .check input {display: none;} .form .box .captcha {float: left;} .form .captcha .g-recaptcha > div {margin: 0 auto;} .form .box .captcha .g-recaptcha > div {margin: 0;} .form .send {margin-top: 20px; text-align: center;} .form .box .send {float: right; padding-top: 9px; margin-top: 0; text-align: right;} .form .send input {cursor: pointer; text-decoration: none; display: inline-block; width: 220px; height: 60px; line-height: 60px; border-radius: 30px; color: #fff; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; text-align: center; background-image: -moz-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); box-shadow: 0px 10px 40px 0px rgba(19, 121, 246, 0.3),inset 0px 0px 18px 2px rgba(255, 255, 255, 0.6); -webkit-appearance: none; padding: 0; margin: 0; border: 0; outline: none;} .form .send input:hover {text-decoration: none; color: #fff; background-image: -moz-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); background-image: -ms-linear-gradient( 90deg, rgb(11,184,147) 0%, rgb(113,248,219) 100%); box-shadow: 0px 10px 40px 0px rgba(40, 178, 149, 0.3),inset 0px 0px 18px 2px rgba(255, 255, 255, 0.6);} .service-info {background: #fff; border-radius: 30px; padding: 40px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); margin-top: 40px;} .service-info .left-side {float: left; width: 50%; text-align: center; padding-right: 50px; line-height: 1px;} .service-info .right-side {float: right; width: 50%; text-align: justify; font-weight: 300; position: relative;} .service-info .right-side b {font-weight: 500;} .service-info .right-side h2 {font-size: 28px; font-weight: 800; color: #2a527d; line-height: 32px; margin-bottom: 15px; text-align: left;} .service-info .right-side .podpis {position: relative; margin-top: 30px;} .service-info .right-side .podpis.child:before {content: ''; width: 103px; height: 100px; display: block; background: url('/images/podpis-child.jpg') no-repeat; background-size: contain; position: absolute; left: -120px; top: 50%; transform: translateY(-50%);} .service-info .right-side .podpis.adult:before {content: ''; width: 123px; height: 92px; display: block; background: url('/images/podpis-adult.jpg') no-repeat; background-size: contain; position: absolute; left: -140px; top: 90%;} .service-info .right-side .podpis b {font-weight: 600;} .service-info .right-side .podpis span {font-size: 14px;} .service-info .right-side .button {position: absolute; right: 0; bottom: 15px;} .blog-item {background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .blog-item .image {display: block; line-height: 1px; border-radius: 20px; overflow: hidden;} .blog-item .image img {width: 100%; height: 250px; object-fit: cover;} .blog-item .info {padding: 20px; height: 150px; overflow: hidden;} .blog-item .name {display: block; color: #2a527d; font-weight: 600; text-decoration: none; margin-bottom: 5px;} .blog-item .name:hover {color: #ff969c; text-decoration: underline;} .blog-item .text {line-height: 20px;} .blog-list .blog-item {float: left; width: 30.8%; margin-right: 3.8%; margin-bottom: 40px;} .blog-list .blog-item:nth-child(3n-3) {margin-right: 0;} .blog-detail {background: #fff; border-radius: 25px; overflow: hidden; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); padding: 30px; font-weight: 300;} .blog-detail .image {line-height: 1px; border: 5px solid #fff; border-radius: 15px; overflow: hidden; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); float: left; width: 35%; margin-right: 35px; margin-bottom: 20px;} .blog-detail .image img {width: 100%; height: 300px; object-fit: cover;} .blog-detail .images a {display: block; width: 23.5%; margin-right: 2%; float: left; border-radius: 25px; overflow: hidden; line-height: 1px; position: relative; margin-bottom: 20px;} .blog-detail .images a:nth-child(4n-4) {margin-right: 0;} .blog-detail .images a img {aspect-ratio: 1 / 1; width: 100%; object-fit: cover;} .blog-detail .images a i {font-size: 30px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none;} .blog-detail .images a:hover i {display: inline-block;} .blog-detail .images a:hover:before {content: ''; width: 100%; height: 100%; display: block; background: rgba(109, 203, 183, 0.8); position: absolute;} .blog-detail .videos {margin-top: 20px;} .blog-detail .videos .video {float: left; width: 48%; margin-right: 4%; border: 5px solid #fff; border-radius: 15px; overflow: hidden; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .blog-detail .videos .video:nth-child(2n-2) {margin-right: 0;} .blog-detail .autor {font-weight: 500;} .othet-blog {position: relative; margin-top: 30px; padding-top: 15px;} .othet-blog h2.title {text-align: left; font-size: 30px;} .othet-blog .button-all {position: absolute; top: 0px; right: 165px;} .othet-blog .button-all .btn {width: 200px; color: #2a527d;} .othet-blog .button-all .btn:hover {color: #fff;} .othet-blog .btn-nav {position: absolute; top: 0px; right: 0;} .othet-blog .btn-nav.left {right: 80px;} .portfolio-item {background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .portfolio-item .photos {border-radius: 20px; overflow: hidden;} .portfolio-item .photos a {float: left; width: 50%; display: block; line-height: 1px; position: relative;} .portfolio-item .photos a i {font-size: 30px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none;} .portfolio-item .photos a:hover i {display: inline-block;} .portfolio-item .photos a:hover:before {content: ''; width: 100%; height: 100%; display: block; background: rgba(109, 203, 183, 0.8); position: absolute;} .portfolio-item .photos a.before {border-right: 1px solid #fff;} .portfolio-item .photos a.after {border-left: 1px solid #fff;} .portfolio-item .photos a img {width: 100%; height: 300px; object-fit: cover;} .portfolio-item .photos a span {display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; height: 30px; line-height: 30px; border-radius: 15px; background: rgba(255, 255, 255, 0.7); font-size: 13px; font-weight: 500; color: #2a527d; padding: 0 15px;} .portfolio-item .info {padding: 15px 20px;} .portfolio-item .info .doc {font-weight: 400;} .portfolio-item .info .name {font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; font-weight: 600; margin-top: 10px;} .portfolio-item .info .name a {color: #2a527d; text-decoration: none; display: block;} .portfolio-item .info .name a:hover {color: #ff969c; text-decoration: underline;} .portfolio-list .portfolio-item {float: left; width: 48%; margin-right: 4%; margin-bottom: 40px;} .portfolio-list .portfolio-item:nth-child(2n-2) {margin-right: 0;} .portfolio-detail .photos {margin-top: 30px;} .portfolio-detail .photos a {display: block; width: 23.5%; margin-right: 2%; float: left; border-radius: 25px; overflow: hidden; line-height: 1px; position: relative; margin-bottom: 20px;} .portfolio-detail .photos a:nth-child(4n-4) {margin-right: 0;} .portfolio-detail .photos a img {aspect-ratio: 1 / 1; width: 100%; object-fit: cover;} .portfolio-detail .photos a i {font-size: 30px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none;} .portfolio-detail .photos a:hover i {display: inline-block;} .portfolio-detail .photos a:hover:before {content: ''; width: 100%; height: 100%; display: block; background: rgba(109, 203, 183, 0.8); position: absolute;} .search-page {min-height: 500px;} .search-line {width: 60%; margin: 0 auto; position: relative;} .search-line .search2 {-webkit-appearance: none; margin: 0; outline: none; border-radius: 35px; background: #fff; padding: 24px; border: 0; width: 100%; font-size: 16px; font-family: "Nunito"; color: #2a527d; font-weight: 400; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .search-line label {cursor: pointer; width: 170px; height: 60px; border-radius: 30px; position: absolute; right: 5px; top: 5px; text-align: center; line-height: 60px; color: #fff; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; background-image: -moz-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); box-shadow: 0px 10px 40px 0px rgba(19, 121, 246, 0.3),inset 0px 0px 18px 2px rgba(255, 255, 255, 0.6);} .search-line label i {margin-right: 10px; font-size: 20px; position: relative; top: 2px;} .search-line label input {display: none;} .search-page .search-item {padding: 10px 0; border-bottom: 1px solid #6fa0d7;} .p404 {text-align: center; margin-top: 100px;} .p404 img {height: 243px; position: relative; display: inline-block; animation: spin 13s infinite linear;} .p404 .text {margin-top: 40px; font-weight: 300;} .p404 .text .head {font-size: 20px; font-weight: 500;} .banner-cookie {position: fixed; z-index: 1000; bottom: 0; width: 100%; height: 200px; background-image: -moz-linear-gradient( 90deg, rgb(210,228,241) 0%, rgba(210,228,241,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(210,228,241) 0%, rgba(210,228,241,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(210,228,241) 0%, rgba(210,228,241,0) 100%); text-align: center;} .banner-cookie .banner {display: inline-block; height: 90px; width: 700px; background: #fff; border-radius: 45px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); padding: 15px;} .banner-cookie .banner .text {float: left; width: 80%; font-weight: 300; font-size: 17px; padding-top: 9px; padding-left: 30px; text-align: left;} .banner-cookie .banner .button {float: right; width: 20%; text-align: right;} .banner-cookie .banner .button .btn {width: 80px;} .table-price {background: #fff; padding: 20px;} .table-price table {width: 100%; border-collapse: collapse; border-spacing: 0;} .table-price table td {border-top: 1px solid #d8ebf5; padding: 19px 0;} .table-price table tr td:first-child {width: 15%; padding-left: 20px;} .table-price table tr td:nth-child(2) {width: 55%;} .table-price table tr td:nth-child(3) {width: 16%; font-weight: 600;} .table-price table tr td:nth-child(4) {width: 14%;} .table-price table tr:first-child td {border-top: 0; background: #f3faff; font-size: 15px; color: #839db9; font-weight: 400; padding: 9px 0;} .table-price table tr:nth-child(2) td {border-top: 0;} .table-price table tr:first-child td:first-child {padding-left: 20px;} .uk-accordion-content .table-price {padding-top: 0;} .subtitle.price {max-width: 80%;} .price-switch {margin-top: 30px;} .service-detail .top-side {background: #fff; border-radius: 25px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15); padding: 30px;} .service-detail .top-side .left-side {float: left; width: calc(100% - 300px);} .service-detail .top-side .left-side h1.title {text-align: left; margin-bottom: 20px;} .service-detail .top-side .left-side .text {font-weight: 300;} .service-detail .top-side .left-side .buttons {margin-top: 25px;} .service-detail .top-side .left-side .buttons a:not(.btn) {margin-left: 70px; font-size: 15px; font-weight: 600; color: #2a527d; text-decoration: none; border-bottom: 1px dashed #2a527d;} .service-detail .top-side .left-side .buttons a:not(.btn):hover {color: #ff969c; border-color: #ff969c; text-decoration: none;} .service-detail .top-side .right-side {position: relative; float: right; width: 200px; height: 200px; border-radius: 50%; text-align: center; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgba(245, 253, 255, 0.5) 41%, rgba(216, 234, 255, 0.5) 100%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(245, 253, 255, 0.5) 41%, rgba(216, 234, 255, 0.5) 100%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgba(245, 253, 255, 0.5) 41%, rgba(216, 234, 255, 0.5) 100%);} .service-detail .top-side .right-side img {max-height: 120px; display: inline-block; position: relative; top: 50%; transform: translateY(-50%);} .service-detail .about-serv-block {margin-top: 35px;} .service-detail .about-serv-block .blocks {padding: 30px; background: #fff; border-radius: 25px;} .service-detail h2.title {font-size: 30px; line-height: 34px;} .service-detail .about-serv-block .blocks .block {margin-bottom: 20px;} .service-detail .about-serv-block .blocks .block:last-child {margin-bottom: 0;} .service-detail .about-serv-block .blocks .block .text {text-align: justify; font-weight: 300;} .service-detail .about-serv-block .blocks .block .text.half {float: left; width: calc(100% - 440px);} .service-detail .about-serv-block .blocks .block:nth-child(even) .text.half {float: right;} .service-detail .about-serv-block .blocks .block .image {float: right; width: 400px; line-height: 1px; border: 5px solid #fff; border-radius: 15px; overflow: hidden; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .service-detail .about-serv-block .blocks .block .image img {width: 100%; height: 290px; object-fit: cover;} .service-detail .about-serv-block .blocks .block:nth-child(even) .image {float: left;} .service-detail .prices {margin-top: 35px;} .service-detail .prices .table-price {border-radius: 30px; overflow: hidden;} .service-detail .prices .table-price:nth-child(n+2) {margin-top: 20px;} .service-detail .prices .table-price .head {font-weight: 800; font-family: 'Nunito'; color: #2a527d; font-size: 20px; text-align: center; margin-bottom: 15px;} .services-slide {position: relative;} .services-slide .btn-nav {position: absolute; right: 0; top: -85px;} .services-slide .btn-nav.left {right: 80px;} .other-services {margin-top: 50px;} .other-services h2.title {text-align: left;} .other-services .subtitle {margin-left: 0; text-align: left;} .other-services .button-all {text-align: center; margin-top: 30px;} .doctor-detail .top-side {background: #fff; border-radius: 25px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .doctor-detail .left-side {float: left; width: calc(100% - 400px); padding: 30px; padding-right: 0;} .doctor-detail .left-side .stage {display: inline-block; background: #6fa0d7; color: #fff; height: 30px; line-height: 30px; border-radius: 15px; padding: 0 18px; font-size: 13px; font-weight: 500; margin-bottom: 15px;} .doctor-detail .left-side h1.title {margin-bottom: 15px; text-align: left;} .doctor-detail .left-side .spec {color: #5f7683; font-weight: 600; margin-bottom: 15px;} .doctor-detail .left-side .text {font-weight: 300;} .doctor-detail .left-side .buttons {margin-top: 40px;} .doctor-detail .left-side .buttons a:not(.btn) {margin-left: 50px; font-size: 15px; font-weight: 600; color: #2a527d; text-decoration: none; border-bottom: 1px dashed #2a527d;} .doctor-detail .left-side .buttons a:not(.btn):hover {color: #ff969c; border-color: #ff969c; text-decoration: none;} .doctor-detail .right-side {float: right; width: 400px; text-align: center; position: relative; min-height: 385px;} .doctor-detail .right-side img {position: absolute; bottom: 0; max-width: 80%; left: 50%; transform: translateX(-50%);} .doctor-detail .right-side .video {-webkit-appearance: none; display: block; width: 170px; height: 40px; line-height: 40px; margin: 0; padding: 0; cursor: pointer; border: 0; border-radius: 20px; background: rgba(255, 255, 255, 0.7); text-align: center; color: #2a527d; font-size: 14px; font-weight: 600; text-decoration: underline; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); z-index: 1;} .doctor-detail .right-side .video:hover {background: #fff;} .doctor-detail .right-side .video i {margin-right: 7px; font-size: 20px; color: #ff0000; position: relative; top: 2px;} .doctor-detail .specialist {margin-top: 35px;} .doctor-detail .white-block {background: #fff; border-radius: 25px; padding: 30px; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .doctor-detail h2.title {font-size: 30px; line-height: 34px;} .doctor-detail .specialist ul {margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 2em;} .doctor-detail .specialist ul li {margin: 5px 0; display: block;} .doctor-detail .specialist ul li:before {content: "\f00c"; display: inline-block; font: normal normal normal 18px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 8px; color: #ff969c;} .doctor-detail .education {margin-top: 35px;} .doctor-detail .education .diploms {position: relative; padding: 0 100px; margin-top: 30px;} .doctor-detail .education .diploms .btn-nav {position: absolute; top: 40%; left: 0;} .doctor-detail .education .diploms .btn-nav.right {left: auto; right: 0px;} .doctor-detail .education .diploms .uk-slider-items a {display: block; position: relative; line-height: 1px; border: 1px solid #e8eef3;} .doctor-detail .education .diploms .uk-slider-items a img {width: 100%; height: 280px; object-fit: contain;} .doctor-detail .education .diploms .uk-slider-items a i {font-size: 30px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none;} .doctor-detail .education .diploms .uk-slider-items a:hover i {display: inline-block;} .doctor-detail .education .diploms .uk-slider-items a:hover:before {content: ''; width: 100%; height: 100%; display: block; background: rgba(109, 203, 183, 0.8); position: absolute;} .portfolio-doctor {margin-top: 45px; position: relative;} .portfolio-doctor h2.title {font-size: 30px; text-align: left;} .portfolio-doctor .btn-nav {position: absolute; top: -10px; right: 0;} .portfolio-doctor .btn-nav.left {right: 80px;} .blog-doctor {margin-top: 45px; position: relative;} .blog-doctor h2.title {font-size: 30px; text-align: left;} .blog-doctor .btn-nav {position: absolute; top: -10px; right: 0;} .blog-doctor .btn-nav.left {right: 80px;} .info-list .uk-accordion-content {padding: 30px; padding-top: 0;} .info-list .left-icon {color: #b1c1d3; font-size: 25px; margin-right: 20px; position: relative; top: 2px;} .legal .item {background: #fff; border-radius: 15px; margin-bottom: 20px; color: #2a527d; font-weight: 500; text-decoration: none; padding: 10px 25px; display: block; position: relative; box-shadow: 0px 5px 40px 0px rgba(100, 173, 229, 0.15);} .legal .item .left-icon {float: left; width: 21px; font-size: 25px; color: #b1c1d3; margin-right: 20px; position: relative; transform: translateY(50%);} .legal .item .name {float: left; width: calc(100% - 111px); font-size: 16px; font-weight: 500; line-height: 22px; min-height: 44px;} .legal .item .name span {position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; max-width: 88%;} .legal .item .right-icon {float: right; margin-left: 20px; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 38px; border: 1px solid #d8ebf5; color: #2a527d; font-size: 18px;} .legal .item:hover {color: #ff969c; text-decoration: underline;} .legal .item:hover .right-icon {line-height: 40px; border: 0; color: #fff; background-image: -moz-linear-gradient( 90deg, rgb(251,98,109) 0%, rgb(255,164,165) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(251,98,109) 0%, rgb(255,164,165) 100%); background-image: -ms-linear-gradient( 90deg, rgb(251,98,109) 0%, rgb(255,164,165) 100%); box-shadow: inset 0px 0px 18px 2px rgba(255, 255, 255, 0.6);} .legal .item:hover .name span {text-decoration: underline;} .pagenav {margin-top: 30px;} .pagenav ul {margin: 0; padding: 0; list-style: none; text-align: center;} .pagenav ul li {display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 15px; border-radius: 50%; margin: 0 10px; vertical-align: top; font-weight: 500; color: #2a527d; box-shadow: 0px 5px 20px 0px rgba(100, 173, 229, 0.15); background: #fff;} .pagenav ul li a {display: block; text-decoration: none; color: #2a527d;} .pagenav ul li:hover { border: 0; line-height: 50px; background-image: -moz-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(15,125,254) 0%, rgb(138,207,255) 100%); box-shadow: 0px 10px 40px 0px rgba(19, 121, 246, 0.3),inset 0px 0px 36px 4px rgba(255, 255, 255, 0.6); color: #fff;} .pagenav ul li:hover a {text-decoration: none; color: #fff;} .pagenav ul li.bx-active {color: #ff969c; text-decoration: underline;} .pagenav ul li.bx-pag-prev i, .pagenav ul li.bx-pag-next i {font-size: 20px; position: relative; top: 2px;} .pagenav ul li.bx-pag-prev, .pagenav ul li.bx-pag-next, .pagenav ul li.bx-pag-all {font-size: 14px;} .zapis-modal .uk-modal-dialog {top: 30%;} .zapis-modal .head {text-align: center; margin-bottom: 20px; font-size: 25px; color: #2a527d; line-height: 27px; font-weight: 700;} .zapis-modal .modal-buttons {text-align: center;} .zapis-modal .modal-buttons a {display: inline-block; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 30px; color: #fff; margin: 0 10px; font-weight: 500;} .zapis-modal .modal-buttons .phone a {color: #2a527d; font-size: 20px; font-weight: 800; text-decoration: none; cursor: default;} .zapis-modal .modal-buttons a.max {background-image: radial-gradient( 136.12% 140.74% at 99.77% 99.04%, #8d28c8 0%, #7c42fa 20%, #007aff 80%, #609ceb 100% ); text-decoration: none;} .zapis-modal .modal-buttons a i {margin-right: 10px;} .wd {display: block; position: absolute; z-index: 1; right: 0; top: -3px; --wdcolor: #fff; text-decoration: none;} .wd:hover {text-decoration: none;} .wd span {display: block; font-family: 'Arial'; font-size: 9px; text-align: center; margin: 0 -10px; line-height: 18px; color: var(--wdcolor);} .wow-design {width: 50px; height: 44px; overflow: hidden; margin: 0 auto;} .wow-design svg {transform: translateY(-44px);} .wow-design:hover svg {transform: translateY(0);} .wow-design svg .cls-2 {fill: var(--wdcolor);} @media screen and (max-width: 1460px) { .top-line{position: relative; z-index: 2;} } /*mobile*/ @media screen and (max-width: 767px) { body {background-image: none;} .top-line {height: 5px; padding: 0;} .top-line * {display: none;} .tl, .tr, .bl, .br, .cl-l1, .cl-r1, .cl-r2, .ml, .mr, .cl-l2 {display: none;} .logo-line .logo {display: none;} .logo-line .button {width: 50%; padding-top: 0;} .logo-line .left-side {width: 50%; padding-top: 0;} .logo-line .left-side .phone {display: none;} .logo-line .left-side .social {float: none; width: 100%;} .btn {height: 50px; line-height: 50px; width: 170px; font-size: 11px;} .social a {width: 40px; height: 40px; line-height: 40px; font-size: 18px;} .logo-line .left-side .social a.vk {display: inline-block;} .logo-line .left-side .social a {margin-right: 7px;} .logo-line .button .btn {width: 100%; height: 40px; line-height: 40px; font-size: 10px;} .logo-line {padding-top: 20px; padding-bottom: 20px;} .mainmenu, .menu-line .menu .search {display: none;} .menu-line .menu .menu-btn {float: left; width: 20%;} .menu-line .menu .menu-btn a {display: block; width: 100%; height: 60px; line-height: 60px; font-size: 25px; color: #6dcbb7; text-decoration: none; text-align: center;} .menu-line.uk-active .menu .menu-btn a {text-align: left;} .menu-line .menu .logo {float: left; width: 60%; line-height: 1px; text-align: center; padding: 9px 0;} .menu-line .menu .logo img {height: 42px;} .menu-line .menu .phone-btn {float: left; width: 20%; text-align: right;} .menu-line .menu .phone-btn a {display: block; width: 100%; height: 60px; line-height: 60px; font-size: 25px; color: #6dcbb7; text-decoration: none; text-align: center;} .menu-line.uk-active .menu .phone-btn a {text-align: right;} .zapis-fix img {height: 140px; right: 0; bottom: 0;} .zapis-fix {border-color: transparent;} .banner-cookie {height: auto; z-index: 1000;} .banner-cookie .banner {width: 100%; height: auto; border-radius: 0; bottom: 0; z-index: 1000;} .banner-cookie .banner .text {float: none; width: 100%; text-align: center; font-size: 15px; padding: 0;} .banner-cookie .banner .button {float: none; width: 100%; text-align: center; margin-top: 10px;} .banner-cookie .banner .button .btn {width: 120px;} .slide-item .caption {position: relative; width: 100%; text-align: center; top: 0; padding: 20px; transform: none;} .slide-item .caption .head {font-size: 24px; line-height: 28px; margin-bottom: 10px;} .slide-item .caption .text {font-size: 16px; line-height: 22px;} .slide-item .caption .button {margin-top: 20px;} .btn-nav {width: 50px; height: 50px; line-height: 50px; font-size: 30px;} .slider .btn-nav {top: auto; right: auto; bottom: 20px; left: 20px;} .slider .btn-nav.right {left: 80px;} .slider {margin-top: 20px; background-position: center bottom; background-size: cover;} .slide-item .image {position: relative; top: 0; width: 100%; text-align: center; right: 0; height: auto; min-height: 230px;} .slider, .slide-item {height: auto;} .slide-item .image img {max-height: 230px;} h1.title, h2.title {font-size: 24px; line-height: 26px; margin-bottom: 25px;} .subtitle {font-size: 16px; max-width: 100%; margin-bottom: 15px; line-height: 20px;} .switch {width: 100%;} .services-list .service-item {float: none; width: 100%; margin-right: 0; margin-bottom: 15px;} .service-item {padding: 10px; text-align: left; border-radius: 15px; line-height: 18px;} .service-item .icon {float: left; width: 60px; height: 60px; text-align: center;} .service-item .icon img {max-height: 30px;} .service-item .info {height: auto; float: right; width: calc(100% - 80px);} .service-item .name {margin-top: 0; font-size: 18px;} .service-item .text {margin-top: 5px;} .services-switch {margin-top: 20px;} .doctor-slide {width: 160%;} .doctor-slide .btn-nav {display: none;} .doctor-item .image {width: 100%; height: 100%; aspect-ratio: 1/1;} .doctor-item .image img {width: 100%; height: 280px;} .doctor-item .name {margin-top: 15px;} .doctor-item .spec {padding: 0; margin-top: 5px;} .doctor-slide .doctor-item .spec {height: 66px;} .dotnav {margin-top: 15px;} .doctor-slide .dotnav {width: calc(100vw - 30px);} .doctor-home .button-all {margin-top: 15px;} .info-home {margin-top: 40px;} .info-home .white {padding: 25px;} .home-text .image {width: 100%; float: none; padding-right: 0;} .home-text .text {float: none; width: 100%; text-align: left; font-size: 16px; line-height: 22px;} .home-text .text .button {margin-top: 20px;} .info-home .pluses-head {margin-top: 30px; font-size: 22px;} .pluses-list .plus {float: none; width: 100%; padding: 0; margin-bottom: 15px; text-align: left;} .pluses-list .plus .icon {float: left; width: 60px; margin-right: 20px;} .pluses-list .plus .icon img {height: 60px;} .pluses-list .plus .info {float: left; width: calc(100% - 80px);} .feedbacks-home {margin-top: 40px;} .feedbacks-home .left-side {float: none; width: 100%; padding-top: 0; margin-bottom: 40px;} .feedbacks-home h2.title {text-align: center; margin-bottom: 15px;} .feedbacks-home .button {margin-top: 30px;} .feedbacks-home > .right-side {float: none; width: 100%; padding-top: 0;} .feedback-slide .btn-nav {display: none;} .feedback .top-side .icon {width: 50px; height: 50px;} .feedback .top-side .info {width: calc(100% - 70px); padding-top: 5px;} .feedback .top-side .right-side {float: none; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); text-align: center; padding-top: 0;} .feedback-slide {padding: 15px; padding-bottom: 70px;} .feedback-slide .uk-slideshow-items {height: 300px;} .feedback-slide .feedback .text {height: 160px;} .feedback-slide .dotnav {width: calc(100% - 30px);} .foot-blocks .foot-block {float: none; width: 100% !important; margin-bottom: 20px;} .mob-hide {display: none;} .mob-hide.open {display: block;} .ho .fa:after {content: "\f107"; font-size: 20px; position: relative; top: 1px; margin-left: 15px;} .ho.open .fa:after {content: "\f106"; font-size: 20px;} .ho.open {color: #aacef6;} footer {padding-top: 20px;} footer .copy-line {padding: 20px 0;} footer .copy-line .copy {float: none; width: 100%; text-align: center; margin-bottom: 15px;} footer .copy-line .links {float: none; width: 100%; text-align: center; line-height: 22px; margin-bottom: 15px;} footer .copy-line .links a {display: block; margin: 3px 0;} footer .copy-line .look {float: none; width: 100%; text-align: center;} footer .copy-line .wow {display: none;} footer .info-line .protiv {font-size: 20px; line-height: 28px;} footer .info-line {padding-bottom: 20px;} .rating {border-radius: 20px; position: relative; overflow: hidden;} .rating:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 90px; height: 100%; background-image: -moz-linear-gradient( 0deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%); z-index: 1;} .rating:after {content: ''; display: block; position: absolute; top: 0; right: 0; width: 90px; height: 100%; background-image: -moz-linear-gradient( 0deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 0deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 100%); z-index: 1;} .rating .info-pre {display: none;} .rating .item {float: none; width: 100%;} .rating .item .number {display: none;} .rating .item .info {float: none; width: 100%; text-align: center;} .rating .uk-slider-items {margin-right: -50px; margin-left: -65px;} .uk-offcanvas-bar {background: #6fa0d7;} .uk-offcanvas-close {width: 40px; height: 40px; background: #92b9e4; text-align: center; line-height: 37px; border-radius: 50%; padding: 0; right: 15px; top: 10px;} .uk-offcanvas-close svg {color: #fff;} .uk-offcanvas-bar .search {width: calc(100% - 100px); position: relative; padding-top: 10px; padding-bottom: 10px; padding-left: 15px;} .uk-offcanvas-bar .search .search-line {-webkit-appearance: none; margin: 0; height: 40px; line-height: 40px; border: 0; outline: none; width: 100%; color: #fff; background: #92b9e4; border-radius: 20px; padding: 0 20px; font-size: 16px;} .uk-offcanvas-bar .search .search-line::-webkit-input-placeholder {color: #fff;} .uk-offcanvas-bar .search .button-search input {display: none;} .uk-offcanvas-bar .search .button-search {width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; color: #fff; font-size: 18px; position: absolute; right: 0; top: 10px;} .mobmenu {margin: 0; padding: 0; list-style: none;} .mobmenu > li {position: relative;} .mobmenu > li > a {display: block; color: #fff; height: 35px; line-height: 35px; padding-left: 15px; font-weight: 700; position: relative; z-index: 0; font-size: 17px; text-decoration: none;} .mobmenu > li > a:hover {color: #fff;} .mobmenu > li.uk-active > a {color: #6dcbb7;} .mobmenu > li > i.fa {font-size: 24px; position: absolute; top: 0; right: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; z-index: 2;} .mobmenu > li > i.fa:before {content: "\f107"; color: #fff;} .mobmenu > li > i.fa.open:before {content: "\f106";} .mobmenu > li .include {padding-left: 40px; padding-bottom: 20px; padding-top: 10px; display: none;} .mobmenu > li .include.open, .mobmenu > li.uk-active .include {display: block;} .mobmenu > li.uk-active > i.fa:before {content: "\f106";} .mobmenu > li .include ul {margin: 0; padding: 0; list-style: none;} .mobmenu > li .include ul li {margin-bottom: 4px;} .mobmenu > li .include > ul > li {margin-bottom: 5px;} .mobmenu > li .include > ul > li:last-child {margin-bottom: 0;} .mobmenu > li .include ul li a {font-weight: 500; text-decoration: none; font-size: 14px; color: #fff;} .mobmenu > li .include ul li.uk-active a {color: #6dcbb7;} .uk-offcanvas-bar .info {margin-top: 20px; text-align: center; padding-bottom: 30px;} .uk-offcanvas-bar .info .button {margin-bottom: 15px;} .uk-offcanvas-bar .info .btn {width: 240px;} .uk-offcanvas-bar .info .phone {margin-bottom: 10px;} .uk-offcanvas-bar .info .phone a {color: #fff; text-decoration: none; font-size: 18px; font-weight: 800;} .uk-offcanvas-bar .info .mail {margin-bottom: 10px;} .uk-offcanvas-bar .info .mail a {color: #fff; text-decoration: none; font-size: 18px; font-weight: 800;} .uk-offcanvas-bar .info .address {margin-bottom: 10px; color: #fff; font-weight: 500; font-size: 16px;} .uk-offcanvas-bar .info .social a {margin: 0 10px;} .breadcrumbs {padding: 5px 0;} .bx-breadcrumb-item i {margin: 0 5px;} .contact-page .info {float: none; width: 100%; padding: 15px;} .contact-page .info .item {margin-bottom: 20px;} .contact-page .map {float: none; width: 100%; margin-top: 20px;} .contact-page .map .transport .item {float: none !important; width: 100% !important; margin-bottom: 15px;} .contact-page .map .transport .item:last-child {margin-bottom: 0;} .info-list .left-icon {display: none;} .uk-accordion-title {height: auto; line-height: 22px; font-weight: 400; padding: 10px 20px; padding-right: 60px; min-height: 60px;} .uk-accordion-title::before {right: 10px; top: 10px;} .info-list .uk-accordion-content {padding: 20px; padding-top: 0;} .info-list .uk-accordion-content .files {margin-top: 10px;} .uk-accordion > :nth-child(n+2) {margin-top: 15px;} .portfolio-list .portfolio-item {float: none; width: 100%; margin-right: 0; margin-bottom: 20px;} .portfolio-item .photos a img {height: 170px;} .portfolio-item .info .name {height: auto;} .price-list .uk-accordion-title {padding: 20px; padding-right: 60px; font-weight: 500;} .table-price table td {display: block; width: 100% !important; text-align: center; padding: 0 !important; border-top: 0;} .table-price table tr:first-child td {display: none;} .table-price table tr td:last-child {border-bottom: 1px solid #d8ebf5; padding-bottom: 15px !important; margin-bottom: 15px;} .table-price table tr:last-child td:last-child {border-bottom: 0; padding-bottom: 0 !important; margin-bottom: 0;} .table-price table tr td:nth-child(3) {font-weight: 700; padding: 7px 0 !important;} .doctor-list .doctor-item {float: none; width: 100%; margin-right: 0; margin-bottom: 20px; padding-top: 20px;} .doctor-detail .left-side {float: none; width: 100%; padding: 15px;} .doctor-detail .left-side .buttons {margin-top: 20px; text-align: center;} .doctor-detail .left-side .buttons .btn {display: block; width: 100%; margin-bottom: 20px;} .doctor-detail .left-side .buttons a:not(.btn) {margin: 5px 10px; display: inline-block; white-space: nowrap; border: none;} .doctor-detail .right-side {float: none; width: 100%; height: auto !important; min-height: 0; margin-top: 20px;} .doctor-detail .right-side:after {content: ''; width: 100%; height: 30px; background-image: -moz-linear-gradient( 90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255,0) 100%); display: block; position: absolute; bottom: 0;} .doctor-detail .right-side img {position:relative; left: 0; transform: none;} .doctor-detail h2.title {font-size: 24px; line-height: 28px; margin-bottom: 15px;} .doctor-detail .specialist ul {columns: 1; column-gap: 0;} .doctor-detail .education .diploms {padding: 0;} .doctor-detail .education .diploms .btn-nav {display: none;} .doctor-detail .education .diploms .uk-slider-items a img {height: 200px;} .portfolio-doctor .btn-nav {display: none;} .blog-doctor .btn-nav.left {right: 60px;} .service-info {border-radius: 20px; padding: 20px;} .service-info .right-side {float: none; width: 100%; text-align: left;} .service-info .left-side {float: none; width: 100%; padding-right: 0;} .service-info .right-side h2 {font-size: 21px; line-height: 28px;} .service-info .right-side .podpis {margin-top: 20px;} .service-info .right-side .button {position: relative; border: 0; margin-top: 10px;} .service-info .right-side .podpis.adult:before, .service-info .right-side .podpis.child:before {position: relative; left: 0; top: 0; transform: none;} .service-detail .top-side {padding: 20px; border-radius: 20px;} .service-detail .top-side .left-side {float: none; width: 100%;} .service-detail .top-side .left-side .buttons {margin-top: 20px; text-align: center;} .service-detail .top-side .left-side .buttons .btn {display: block; width: 100%; margin-bottom: 20px;} .service-detail .top-side .left-side .buttons a:not(.btn) {margin: 5px 10px; display: inline-block; white-space: nowrap; border: none;} .service-detail .top-side .right-side {display: none;} .service-detail h2.title {font-size: 21px; line-height: 28px;} .service-detail .about-serv-block .blocks {padding: 20px; border-radius: 20px;} .service-detail .about-serv-block .blocks .block .text.half {float: none; width: 100%;} .service-detail .about-serv-block .blocks .block .text {text-align: left;} .service-detail .about-serv-block .blocks .block .image {float: none; width: 100%;} .service-detail .about-serv-block .blocks .block .image img {height: auto;} .service-detail .prices .table-price .head {font-size: 16px;} .services-slide .btn-nav {display: none;} .about-block {padding: 20px; border-radius: 20px;} .about-block .right {float: none; width: 100%; height: auto; text-align: left;} .about-block .right .text {top: 0; transform: none;} .about-block .left {float: none; width: 100%;} .about-block .left img, .about-block .left iframe {height: auto;} .about-block .right .text h2.title {font-size: 21px; line-height: 28px; margin-bottom: 10px;} .photo-slide .btn-nav {top: -65px;} .photo-slide .btn-nav.left {right: 60px;} .feedbacks-top .text {float: none; width: 100%; padding-top: 0; margin-bottom: 15px; text-align: center;} .feedbacks-top .text br {display: none;} .feedbacks-top .button {text-align: center; float: none; width: 100%;} .feedback-list .feedback {float: none; width: 100%; padding: 20px; height: auto !important; margin-bottom: 20px; position: relative; padding-bottom: 60px;} .feedback-list .feedback .top-side .right-side {bottom: 15px;} .blog-list .blog-item {float: none; width: 100%; margin-right: 0; margin-bottom: 20px;} .blog-item .info {height: auto;} .blog-detail .image {float: none; width: 100%; margin-right: 0;} .blog-detail .image img {height: auto;} .blog-detail {padding: 20px; border-radius: 20px;} .blog-detail .videos .video {float: none; width: 100%; margin-right: 0;} .blog-detail .videos .video:nth-child(n+2) {margin-top: 20px;} .blog-detail .videos .video iframe {height: auto;} .othet-blog .button-all {display: none;} .othet-blog .btn-nav.left {right: 60px;} .othet-blog h2.title {font-size: 24px;} .legal .item {padding: 10px 15px; margin-bottom: 15px;} .legal .item .left-icon {display: none;} .legal .item .name {width: calc(100% - 60px);} .legal .item .name span {max-width: 100%; position: relative; transform: none;} main .height {height: 160px;} .search-line {width: 100%;} .search-line .search2 {padding: 15px;} .search-line label {width: 140px; height: 43px; line-height: 43px;} .menu-line.uk-active {z-index: 990;} .switch li a:hover {border-radius: 25px;} .portfolio-detail .photos a {width: 49%; margin-bottom: 10px;} .portfolio-detail .photos a:nth-child(2n-2) {margin-right: 0;} .blog-detail .images a {width: 49%; margin-bottom: 10px;} .blog-detail .images a:nth-child(2n-2) {margin-right: 0;} .pagenav ul li.white {display: none;} .pagenav ul li {width: 40px; height: 40px; line-height: 38px; margin: 0 1px;} .pagenav ul li:hover,.pagenav ul li.bx-active {line-height: 40px;} .pagenav ul li.bx-pag-all {padding: 0 10px; font-size: 12px;} .zapis-modal .modal-buttons a {display: block; margin-bottom: 15px;} .zapis-modal .modal-buttons a.phone {background-image: -webkit-linear-gradient(90deg, rgb(11, 184, 147) 0%, rgb(113, 248, 219) 100%); text-decoration: none;} .wd {position: relative; top: 0; display: inline-block;} .wow-design {display: none;} .wd span {font-size: 14px; text-decoration: underline;} } /* End */ /* /local/templates/dentaarea/core/css/font-awesome.min.css?177434272831084 */ /* /local/templates/dentaarea/core/css/uikit.css?1774342728390098 */ /* /local/templates/dentaarea/core/css/bvi.css?177434272886326 */ /* /local/templates/dentaarea/core/css/datepicker.css?177434272836523 */ /* /local/templates/dentaarea/template_styles.css?177745478473984 */