@font-face{font-family:'FontAwesome';src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fontawesome/fontawesome-webfont.eot?v=4.7.0);src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fontawesome/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fontawesome/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fontawesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal;font-display:block;}.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-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}.fa5,.fa5b,.fa5d,.fa5l,.fa5r,.fa5s{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa5-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa5-xs{font-size:.75em}.fa5-sm{font-size:.875em}.fa5-1x{font-size:1em}.fa5-2x{font-size:2em}.fa5-3x{font-size:3em}.fa5-4x{font-size:4em}.fa5-5x{font-size:5em}.fa5-6x{font-size:6em}.fa5-7x{font-size:7em}.fa5-8x{font-size:8em}.fa5-9x{font-size:9em}.fa5-10x{font-size:10em}.fa5-fw{text-align:center;width:1.25em}.fa5-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa5-ul>li{position:relative}.fa5-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa5-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa5-pull-left{float:left}.fa5-pull-right{float:right}.fa.fa5-pull-left,.fa5b.fa5-pull-left,.fa5l.fa5-pull-left,.fa5r.fa5-pull-left,.fa5s.fa5-pull-left{margin-right:.3em}.fa.fa5-pull-right,.fa5b.fa5-pull-right,.fa5l.fa5-pull-right,.fa5r.fa5-pull-right,.fa5s.fa5-pull-right{margin-left:.3em}.fa5-spin{-webkit-animation:fa5-spin 2s linear infinite;animation:fa5-spin 2s linear infinite}.fa5-pulse{-webkit-animation:fa5-spin 1s steps(8) infinite;animation:fa5-spin 1s steps(8) infinite}@-webkit-keyframes fa5-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa5-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa5-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa5-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa5-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa5-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa5-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa5-flip-both,.fa5-flip-horizontal.fa5-flip-vertical,.fa5-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa5-flip-both,.fa5-flip-horizontal.fa5-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa5-flip-both,:root .fa5-flip-horizontal,:root .fa5-flip-vertical,:root .fa5-rotate-90,:root .fa5-rotate-180,:root .fa5-rotate-270{-webkit-filter:none;filter:none}.fa5-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa5-stack-1x,.fa5-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa5-stack-1x{line-height:inherit}.fa5-stack-2x{font-size:2em}.fa5-inverse{color:#fff}.fa5-500px:before{content:"\f26e"}.fa5-accessible-icon:before{content:"\f368"}.fa5-accusoft:before{content:"\f369"}.fa5-acquisitions-incorporated:before{content:"\f6af"}.fa5-ad:before{content:"\f641"}.fa5-address-book:before{content:"\f2b9"}.fa5-address-card:before{content:"\f2bb"}.fa5-adjust:before{content:"\f042"}.fa5-adn:before{content:"\f170"}.fa5-adversal:before{content:"\f36a"}.fa5-affiliatetheme:before{content:"\f36b"}.fa5-air-freshener:before{content:"\f5d0"}.fa5-airbnb:before{content:"\f834"}.fa5-algolia:before{content:"\f36c"}.fa5-align-center:before{content:"\f037"}.fa5-align-justify:before{content:"\f039"}.fa5-align-left:before{content:"\f036"}.fa5-align-right:before{content:"\f038"}.fa5-alipay:before{content:"\f642"}.fa5-allergies:before{content:"\f461"}.fa5-amazon:before{content:"\f270"}.fa5-amazon-pay:before{content:"\f42c"}.fa5-ambulance:before{content:"\f0f9"}.fa5-american-sign-language-interpreting:before{content:"\f2a3"}.fa5-amilia:before{content:"\f36d"}.fa5-anchor:before{content:"\f13d"}.fa5-android:before{content:"\f17b"}.fa5-angellist:before{content:"\f209"}.fa5-angle-double-down:before{content:"\f103"}.fa5-angle-double-left:before{content:"\f100"}.fa5-angle-double-right:before{content:"\f101"}.fa5-angle-double-up:before{content:"\f102"}.fa5-angle-down:before{content:"\f107"}.fa5-angle-left:before{content:"\f104"}.fa5-angle-right:before{content:"\f105"}.fa5-angle-up:before{content:"\f106"}.fa5-angry:before{content:"\f556"}.fa5-angrycreative:before{content:"\f36e"}.fa5-angular:before{content:"\f420"}.fa5-ankh:before{content:"\f644"}.fa5-app-store:before{content:"\f36f"}.fa5-app-store-ios:before{content:"\f370"}.fa5-apper:before{content:"\f371"}.fa5-apple:before{content:"\f179"}.fa5-apple-alt:before{content:"\f5d1"}.fa5-apple-pay:before{content:"\f415"}.fa5-archive:before{content:"\f187"}.fa5-archway:before{content:"\f557"}.fa5-arrow-alt-circle-down:before{content:"\f358"}.fa5-arrow-alt-circle-left:before{content:"\f359"}.fa5-arrow-alt-circle-right:before{content:"\f35a"}.fa5-arrow-alt-circle-up:before{content:"\f35b"}.fa5-arrow-circle-down:before{content:"\f0ab"}.fa5-arrow-circle-left:before{content:"\f0a8"}.fa5-arrow-circle-right:before{content:"\f0a9"}.fa5-arrow-circle-up:before{content:"\f0aa"}.fa5-arrow-down:before{content:"\f063"}.fa5-arrow-left:before{content:"\f060"}.fa5-arrow-right:before{content:"\f061"}.fa5-arrow-up:before{content:"\f062"}.fa5-arrows-alt:before{content:"\f0b2"}.fa5-arrows-alt-h:before{content:"\f337"}.fa5-arrows-alt-v:before{content:"\f338"}.fa5-artstation:before{content:"\f77a"}.fa5-assistive-listening-systems:before{content:"\f2a2"}.fa5-asterisk:before{content:"\f069"}.fa5-asymmetrik:before{content:"\f372"}.fa5-at:before{content:"\f1fa"}.fa5-atlas:before{content:"\f558"}.fa5-atlassian:before{content:"\f77b"}.fa5-atom:before{content:"\f5d2"}.fa5-audible:before{content:"\f373"}.fa5-audio-description:before{content:"\f29e"}.fa5-autoprefixer:before{content:"\f41c"}.fa5-avianex:before{content:"\f374"}.fa5-aviato:before{content:"\f421"}.fa5-award:before{content:"\f559"}.fa5-aws:before{content:"\f375"}.fa5-baby:before{content:"\f77c"}.fa5-baby-carriage:before{content:"\f77d"}.fa5-backspace:before{content:"\f55a"}.fa5-backward:before{content:"\f04a"}.fa5-bacon:before{content:"\f7e5"}.fa5-bacteria:before{content:"\e059"}.fa5-bacterium:before{content:"\e05a"}.fa5-bahai:before{content:"\f666"}.fa5-balance-scale:before{content:"\f24e"}.fa5-balance-scale-left:before{content:"\f515"}.fa5-balance-scale-right:before{content:"\f516"}.fa5-ban:before{content:"\f05e"}.fa5-band-aid:before{content:"\f462"}.fa5-bandcamp:before{content:"\f2d5"}.fa5-barcode:before{content:"\f02a"}.fa5-bars:before{content:"\f0c9"}.fa5-baseball-ball:before{content:"\f433"}.fa5-basketball-ball:before{content:"\f434"}.fa5-bath:before{content:"\f2cd"}.fa5-battery-empty:before{content:"\f244"}.fa5-battery-full:before{content:"\f240"}.fa5-battery-half:before{content:"\f242"}.fa5-battery-quarter:before{content:"\f243"}.fa5-battery-three-quarters:before{content:"\f241"}.fa5-battle-net:before{content:"\f835"}.fa5-bed:before{content:"\f236"}.fa5-beer:before{content:"\f0fc"}.fa5-behance:before{content:"\f1b4"}.fa5-behance-square:before{content:"\f1b5"}.fa5-bell:before{content:"\f0f3"}.fa5-bell-slash:before{content:"\f1f6"}.fa5-bezier-curve:before{content:"\f55b"}.fa5-bible:before{content:"\f647"}.fa5-bicycle:before{content:"\f206"}.fa5-biking:before{content:"\f84a"}.fa5-bimobject:before{content:"\f378"}.fa5-binoculars:before{content:"\f1e5"}.fa5-biohazard:before{content:"\f780"}.fa5-birthday-cake:before{content:"\f1fd"}.fa5-bitbucket:before{content:"\f171"}.fa5-bitcoin:before{content:"\f379"}.fa5-bity:before{content:"\f37a"}.fa5-black-tie:before{content:"\f27e"}.fa5-blackberry:before{content:"\f37b"}.fa5-blender:before{content:"\f517"}.fa5-blender-phone:before{content:"\f6b6"}.fa5-blind:before{content:"\f29d"}.fa5-blog:before{content:"\f781"}.fa5-blogger:before{content:"\f37c"}.fa5-blogger-b:before{content:"\f37d"}.fa5-bluetooth:before{content:"\f293"}.fa5-bluetooth-b:before{content:"\f294"}.fa5-bold:before{content:"\f032"}.fa5-bolt:before{content:"\f0e7"}.fa5-bomb:before{content:"\f1e2"}.fa5-bone:before{content:"\f5d7"}.fa5-bong:before{content:"\f55c"}.fa5-book:before{content:"\f02d"}.fa5-book-dead:before{content:"\f6b7"}.fa5-book-medical:before{content:"\f7e6"}.fa5-book-open:before{content:"\f518"}.fa5-book-reader:before{content:"\f5da"}.fa5-bookmark:before{content:"\f02e"}.fa5-bootstrap:before{content:"\f836"}.fa5-border-all:before{content:"\f84c"}.fa5-border-none:before{content:"\f850"}.fa5-border-style:before{content:"\f853"}.fa5-bowling-ball:before{content:"\f436"}.fa5-box:before{content:"\f466"}.fa5-box-open:before{content:"\f49e"}.fa5-box-tissue:before{content:"\e05b"}.fa5-boxes:before{content:"\f468"}.fa5-braille:before{content:"\f2a1"}.fa5-brain:before{content:"\f5dc"}.fa5-bread-slice:before{content:"\f7ec"}.fa5-briefcase:before{content:"\f0b1"}.fa5-briefcase-medical:before{content:"\f469"}.fa5-broadcast-tower:before{content:"\f519"}.fa5-broom:before{content:"\f51a"}.fa5-brush:before{content:"\f55d"}.fa5-btc:before{content:"\f15a"}.fa5-buffer:before{content:"\f837"}.fa5-bug:before{content:"\f188"}.fa5-building:before{content:"\f1ad"}.fa5-bullhorn:before{content:"\f0a1"}.fa5-bullseye:before{content:"\f140"}.fa5-burn:before{content:"\f46a"}.fa5-buromobelexperte:before{content:"\f37f"}.fa5-bus:before{content:"\f207"}.fa5-bus-alt:before{content:"\f55e"}.fa5-business-time:before{content:"\f64a"}.fa5-buy-n-large:before{content:"\f8a6"}.fa5-buysellads:before{content:"\f20d"}.fa5-calculator:before{content:"\f1ec"}.fa5-calendar:before{content:"\f133"}.fa5-calendar-alt:before{content:"\f073"}.fa5-calendar-check:before{content:"\f274"}.fa5-calendar-day:before{content:"\f783"}.fa5-calendar-minus:before{content:"\f272"}.fa5-calendar-plus:before{content:"\f271"}.fa5-calendar-times:before{content:"\f273"}.fa5-calendar-week:before{content:"\f784"}.fa5-camera:before{content:"\f030"}.fa5-camera-retro:before{content:"\f083"}.fa5-campground:before{content:"\f6bb"}.fa5-canadian-maple-leaf:before{content:"\f785"}.fa5-candy-cane:before{content:"\f786"}.fa5-cannabis:before{content:"\f55f"}.fa5-capsules:before{content:"\f46b"}.fa5-car:before{content:"\f1b9"}.fa5-car-alt:before{content:"\f5de"}.fa5-car-battery:before{content:"\f5df"}.fa5-car-crash:before{content:"\f5e1"}.fa5-car-side:before{content:"\f5e4"}.fa5-caravan:before{content:"\f8ff"}.fa5-caret-down:before{content:"\f0d7"}.fa5-caret-left:before{content:"\f0d9"}.fa5-caret-right:before{content:"\f0da"}.fa5-caret-square-down:before{content:"\f150"}.fa5-caret-square-left:before{content:"\f191"}.fa5-caret-square-right:before{content:"\f152"}.fa5-caret-square-up:before{content:"\f151"}.fa5-caret-up:before{content:"\f0d8"}.fa5-carrot:before{content:"\f787"}.fa5-cart-arrow-down:before{content:"\f218"}.fa5-cart-plus:before{content:"\f217"}.fa5-cash-register:before{content:"\f788"}.fa5-cat:before{content:"\f6be"}.fa5-cc-amazon-pay:before{content:"\f42d"}.fa5-cc-amex:before{content:"\f1f3"}.fa5-cc-apple-pay:before{content:"\f416"}.fa5-cc-diners-club:before{content:"\f24c"}.fa5-cc-discover:before{content:"\f1f2"}.fa5-cc-jcb:before{content:"\f24b"}.fa5-cc-mastercard:before{content:"\f1f1"}.fa5-cc-paypal:before{content:"\f1f4"}.fa5-cc-stripe:before{content:"\f1f5"}.fa5-cc-visa:before{content:"\f1f0"}.fa5-centercode:before{content:"\f380"}.fa5-centos:before{content:"\f789"}.fa5-certificate:before{content:"\f0a3"}.fa5-chair:before{content:"\f6c0"}.fa5-chalkboard:before{content:"\f51b"}.fa5-chalkboard-teacher:before{content:"\f51c"}.fa5-charging-station:before{content:"\f5e7"}.fa5-chart-area:before{content:"\f1fe"}.fa5-chart-bar:before{content:"\f080"}.fa5-chart-line:before{content:"\f201"}.fa5-chart-pie:before{content:"\f200"}.fa5-check:before{content:"\f00c"}.fa5-check-circle:before{content:"\f058"}.fa5-check-double:before{content:"\f560"}.fa5-check-square:before{content:"\f14a"}.fa5-cheese:before{content:"\f7ef"}.fa5-chess:before{content:"\f439"}.fa5-chess-bishop:before{content:"\f43a"}.fa5-chess-board:before{content:"\f43c"}.fa5-chess-king:before{content:"\f43f"}.fa5-chess-knight:before{content:"\f441"}.fa5-chess-pawn:before{content:"\f443"}.fa5-chess-queen:before{content:"\f445"}.fa5-chess-rook:before{content:"\f447"}.fa5-chevron-circle-down:before{content:"\f13a"}.fa5-chevron-circle-left:before{content:"\f137"}.fa5-chevron-circle-right:before{content:"\f138"}.fa5-chevron-circle-up:before{content:"\f139"}.fa5-chevron-down:before{content:"\f078"}.fa5-chevron-left:before{content:"\f053"}.fa5-chevron-right:before{content:"\f054"}.fa5-chevron-up:before{content:"\f077"}.fa5-child:before{content:"\f1ae"}.fa5-chrome:before{content:"\f268"}.fa5-chromecast:before{content:"\f838"}.fa5-church:before{content:"\f51d"}.fa5-circle:before{content:"\f111"}.fa5-circle-notch:before{content:"\f1ce"}.fa5-city:before{content:"\f64f"}.fa5-clinic-medical:before{content:"\f7f2"}.fa5-clipboard:before{content:"\f328"}.fa5-clipboard-check:before{content:"\f46c"}.fa5-clipboard-list:before{content:"\f46d"}.fa5-clock:before{content:"\f017"}.fa5-clone:before{content:"\f24d"}.fa5-closed-captioning:before{content:"\f20a"}.fa5-cloud:before{content:"\f0c2"}.fa5-cloud-download-alt:before{content:"\f381"}.fa5-cloud-meatball:before{content:"\f73b"}.fa5-cloud-moon:before{content:"\f6c3"}.fa5-cloud-moon-rain:before{content:"\f73c"}.fa5-cloud-rain:before{content:"\f73d"}.fa5-cloud-showers-heavy:before{content:"\f740"}.fa5-cloud-sun:before{content:"\f6c4"}.fa5-cloud-sun-rain:before{content:"\f743"}.fa5-cloud-upload-alt:before{content:"\f382"}.fa5-cloudflare:before{content:"\e07d"}.fa5-cloudscale:before{content:"\f383"}.fa5-cloudsmith:before{content:"\f384"}.fa5-cloudversify:before{content:"\f385"}.fa5-cocktail:before{content:"\f561"}.fa5-code:before{content:"\f121"}.fa5-code-branch:before{content:"\f126"}.fa5-codepen:before{content:"\f1cb"}.fa5-codiepie:before{content:"\f284"}.fa5-coffee:before{content:"\f0f4"}.fa5-cog:before{content:"\f013"}.fa5-cogs:before{content:"\f085"}.fa5-coins:before{content:"\f51e"}.fa5-columns:before{content:"\f0db"}.fa5-comment:before{content:"\f075"}.fa5-comment-alt:before{content:"\f27a"}.fa5-comment-dollar:before{content:"\f651"}.fa5-comment-dots:before{content:"\f4ad"}.fa5-comment-medical:before{content:"\f7f5"}.fa5-comment-slash:before{content:"\f4b3"}.fa5-comments:before{content:"\f086"}.fa5-comments-dollar:before{content:"\f653"}.fa5-compact-disc:before{content:"\f51f"}.fa5-compass:before{content:"\f14e"}.fa5-compress:before{content:"\f066"}.fa5-compress-alt:before{content:"\f422"}.fa5-compress-arrows-alt:before{content:"\f78c"}.fa5-concierge-bell:before{content:"\f562"}.fa5-confluence:before{content:"\f78d"}.fa5-connectdevelop:before{content:"\f20e"}.fa5-contao:before{content:"\f26d"}.fa5-cookie:before{content:"\f563"}.fa5-cookie-bite:before{content:"\f564"}.fa5-copy:before{content:"\f0c5"}.fa5-copyright:before{content:"\f1f9"}.fa5-cotton-bureau:before{content:"\f89e"}.fa5-couch:before{content:"\f4b8"}.fa5-cpanel:before{content:"\f388"}.fa5-creative-commons:before{content:"\f25e"}.fa5-creative-commons-by:before{content:"\f4e7"}.fa5-creative-commons-nc:before{content:"\f4e8"}.fa5-creative-commons-nc-eu:before{content:"\f4e9"}.fa5-creative-commons-nc-jp:before{content:"\f4ea"}.fa5-creative-commons-nd:before{content:"\f4eb"}.fa5-creative-commons-pd:before{content:"\f4ec"}.fa5-creative-commons-pd-alt:before{content:"\f4ed"}.fa5-creative-commons-remix:before{content:"\f4ee"}.fa5-creative-commons-sa:before{content:"\f4ef"}.fa5-creative-commons-sampling:before{content:"\f4f0"}.fa5-creative-commons-sampling-plus:before{content:"\f4f1"}.fa5-creative-commons-share:before{content:"\f4f2"}.fa5-creative-commons-zero:before{content:"\f4f3"}.fa5-credit-card:before{content:"\f09d"}.fa5-critical-role:before{content:"\f6c9"}.fa5-crop:before{content:"\f125"}.fa5-crop-alt:before{content:"\f565"}.fa5-cross:before{content:"\f654"}.fa5-crosshairs:before{content:"\f05b"}.fa5-crow:before{content:"\f520"}.fa5-crown:before{content:"\f521"}.fa5-crutch:before{content:"\f7f7"}.fa5-css3:before{content:"\f13c"}.fa5-css3-alt:before{content:"\f38b"}.fa5-cube:before{content:"\f1b2"}.fa5-cubes:before{content:"\f1b3"}.fa5-cut:before{content:"\f0c4"}.fa5-cuttlefish:before{content:"\f38c"}.fa5-d-and-d:before{content:"\f38d"}.fa5-d-and-d-beyond:before{content:"\f6ca"}.fa5-dailymotion:before{content:"\e052"}.fa5-dashcube:before{content:"\f210"}.fa5-database:before{content:"\f1c0"}.fa5-deaf:before{content:"\f2a4"}.fa5-deezer:before{content:"\e077"}.fa5-delicious:before{content:"\f1a5"}.fa5-democrat:before{content:"\f747"}.fa5-deploydog:before{content:"\f38e"}.fa5-deskpro:before{content:"\f38f"}.fa5-desktop:before{content:"\f108"}.fa5-dev:before{content:"\f6cc"}.fa5-deviantart:before{content:"\f1bd"}.fa5-dharmachakra:before{content:"\f655"}.fa5-dhl:before{content:"\f790"}.fa5-diagnoses:before{content:"\f470"}.fa5-diaspora:before{content:"\f791"}.fa5-dice:before{content:"\f522"}.fa5-dice-d20:before{content:"\f6cf"}.fa5-dice-d6:before{content:"\f6d1"}.fa5-dice-five:before{content:"\f523"}.fa5-dice-four:before{content:"\f524"}.fa5-dice-one:before{content:"\f525"}.fa5-dice-six:before{content:"\f526"}.fa5-dice-three:before{content:"\f527"}.fa5-dice-two:before{content:"\f528"}.fa5-digg:before{content:"\f1a6"}.fa5-digital-ocean:before{content:"\f391"}.fa5-digital-tachograph:before{content:"\f566"}.fa5-directions:before{content:"\f5eb"}.fa5-discord:before{content:"\f392"}.fa5-discourse:before{content:"\f393"}.fa5-disease:before{content:"\f7fa"}.fa5-divide:before{content:"\f529"}.fa5-dizzy:before{content:"\f567"}.fa5-dna:before{content:"\f471"}.fa5-dochub:before{content:"\f394"}.fa5-docker:before{content:"\f395"}.fa5-dog:before{content:"\f6d3"}.fa5-dollar-sign:before{content:"\f155"}.fa5-dolly:before{content:"\f472"}.fa5-dolly-flatbed:before{content:"\f474"}.fa5-donate:before{content:"\f4b9"}.fa5-door-closed:before{content:"\f52a"}.fa5-door-open:before{content:"\f52b"}.fa5-dot-circle:before{content:"\f192"}.fa5-dove:before{content:"\f4ba"}.fa5-download:before{content:"\f019"}.fa5-draft2digital:before{content:"\f396"}.fa5-drafting-compass:before{content:"\f568"}.fa5-dragon:before{content:"\f6d5"}.fa5-draw-polygon:before{content:"\f5ee"}.fa5-dribbble:before{content:"\f17d"}.fa5-dribbble-square:before{content:"\f397"}.fa5-dropbox:before{content:"\f16b"}.fa5-drum:before{content:"\f569"}.fa5-drum-steelpan:before{content:"\f56a"}.fa5-drumstick-bite:before{content:"\f6d7"}.fa5-drupal:before{content:"\f1a9"}.fa5-dumbbell:before{content:"\f44b"}.fa5-dumpster:before{content:"\f793"}.fa5-dumpster-fire:before{content:"\f794"}.fa5-dungeon:before{content:"\f6d9"}.fa5-dyalog:before{content:"\f399"}.fa5-earlybirds:before{content:"\f39a"}.fa5-ebay:before{content:"\f4f4"}.fa5-edge:before{content:"\f282"}.fa5-edge-legacy:before{content:"\e078"}.fa5-edit:before{content:"\f044"}.fa5-egg:before{content:"\f7fb"}.fa5-eject:before{content:"\f052"}.fa5-elementor:before{content:"\f430"}.fa5-ellipsis-h:before{content:"\f141"}.fa5-ellipsis-v:before{content:"\f142"}.fa5-ello:before{content:"\f5f1"}.fa5-ember:before{content:"\f423"}.fa5-empire:before{content:"\f1d1"}.fa5-envelope:before{content:"\f0e0"}.fa5-envelope-open:before{content:"\f2b6"}.fa5-envelope-open-text:before{content:"\f658"}.fa5-envelope-square:before{content:"\f199"}.fa5-envira:before{content:"\f299"}.fa5-equals:before{content:"\f52c"}.fa5-eraser:before{content:"\f12d"}.fa5-erlang:before{content:"\f39d"}.fa5-ethereum:before{content:"\f42e"}.fa5-ethernet:before{content:"\f796"}.fa5-etsy:before{content:"\f2d7"}.fa5-euro-sign:before{content:"\f153"}.fa5-evernote:before{content:"\f839"}.fa5-exchange-alt:before{content:"\f362"}.fa5-exclamation:before{content:"\f12a"}.fa5-exclamation-circle:before{content:"\f06a"}.fa5-exclamation-triangle:before{content:"\f071"}.fa5-expand:before{content:"\f065"}.fa5-expand-alt:before{content:"\f424"}.fa5-expand-arrows-alt:before{content:"\f31e"}.fa5-expeditedssl:before{content:"\f23e"}.fa5-external-link-alt:before{content:"\f35d"}.fa5-external-link-square-alt:before{content:"\f360"}.fa5-eye:before{content:"\f06e"}.fa5-eye-dropper:before{content:"\f1fb"}.fa5-eye-slash:before{content:"\f070"}.fa5-facebook:before{content:"\f09a"}.fa5-facebook-f:before{content:"\f39e"}.fa5-facebook-messenger:before{content:"\f39f"}.fa5-facebook-square:before{content:"\f082"}.fa5-fan:before{content:"\f863"}.fa5-fantasy-flight-games:before{content:"\f6dc"}.fa5-fast-backward:before{content:"\f049"}.fa5-fast-forward:before{content:"\f050"}.fa5-faucet:before{content:"\e005"}.fa5-fax:before{content:"\f1ac"}.fa5-feather:before{content:"\f52d"}.fa5-feather-alt:before{content:"\f56b"}.fa5-fedex:before{content:"\f797"}.fa5-fedora:before{content:"\f798"}.fa5-female:before{content:"\f182"}.fa5-fighter-jet:before{content:"\f0fb"}.fa5-figma:before{content:"\f799"}.fa5-file:before{content:"\f15b"}.fa5-file-alt:before{content:"\f15c"}.fa5-file-archive:before{content:"\f1c6"}.fa5-file-audio:before{content:"\f1c7"}.fa5-file-code:before{content:"\f1c9"}.fa5-file-contract:before{content:"\f56c"}.fa5-file-csv:before{content:"\f6dd"}.fa5-file-download:before{content:"\f56d"}.fa5-file-excel:before{content:"\f1c3"}.fa5-file-export:before{content:"\f56e"}.fa5-file-image:before{content:"\f1c5"}.fa5-file-import:before{content:"\f56f"}.fa5-file-invoice:before{content:"\f570"}.fa5-file-invoice-dollar:before{content:"\f571"}.fa5-file-medical:before{content:"\f477"}.fa5-file-medical-alt:before{content:"\f478"}.fa5-file-pdf:before{content:"\f1c1"}.fa5-file-powerpoint:before{content:"\f1c4"}.fa5-file-prescription:before{content:"\f572"}.fa5-file-signature:before{content:"\f573"}.fa5-file-upload:before{content:"\f574"}.fa5-file-video:before{content:"\f1c8"}.fa5-file-word:before{content:"\f1c2"}.fa5-fill:before{content:"\f575"}.fa5-fill-drip:before{content:"\f576"}.fa5-film:before{content:"\f008"}.fa5-filter:before{content:"\f0b0"}.fa5-fingerprint:before{content:"\f577"}.fa5-fire:before{content:"\f06d"}.fa5-fire-alt:before{content:"\f7e4"}.fa5-fire-extinguisher:before{content:"\f134"}.fa5-firefox:before{content:"\f269"}.fa5-firefox-browser:before{content:"\e007"}.fa5-first-aid:before{content:"\f479"}.fa5-first-order:before{content:"\f2b0"}.fa5-first-order-alt:before{content:"\f50a"}.fa5-firstdraft:before{content:"\f3a1"}.fa5-fish:before{content:"\f578"}.fa5-fist-raised:before{content:"\f6de"}.fa5-flag:before{content:"\f024"}.fa5-flag-checkered:before{content:"\f11e"}.fa5-flag-usa:before{content:"\f74d"}.fa5-flask:before{content:"\f0c3"}.fa5-flickr:before{content:"\f16e"}.fa5-flipboard:before{content:"\f44d"}.fa5-flushed:before{content:"\f579"}.fa5-fly:before{content:"\f417"}.fa5-folder:before{content:"\f07b"}.fa5-folder-minus:before{content:"\f65d"}.fa5-folder-open:before{content:"\f07c"}.fa5-folder-plus:before{content:"\f65e"}.fa5-font:before{content:"\f031"}.fa5-font-awesome:before{content:"\f2b4"}.fa5-font-awesome-alt:before{content:"\f35c"}.fa5-font-awesome-flag:before{content:"\f425"}.fa5-font-awesome-logo-full:before{content:"\f4e6"}.fa5-fonticons:before{content:"\f280"}.fa5-fonticons-fi:before{content:"\f3a2"}.fa5-football-ball:before{content:"\f44e"}.fa5-fort-awesome:before{content:"\f286"}.fa5-fort-awesome-alt:before{content:"\f3a3"}.fa5-forumbee:before{content:"\f211"}.fa5-forward:before{content:"\f04e"}.fa5-foursquare:before{content:"\f180"}.fa5-free-code-camp:before{content:"\f2c5"}.fa5-freebsd:before{content:"\f3a4"}.fa5-frog:before{content:"\f52e"}.fa5-frown:before{content:"\f119"}.fa5-frown-open:before{content:"\f57a"}.fa5-fulcrum:before{content:"\f50b"}.fa5-funnel-dollar:before{content:"\f662"}.fa5-futbol:before{content:"\f1e3"}.fa5-galactic-republic:before{content:"\f50c"}.fa5-galactic-senate:before{content:"\f50d"}.fa5-gamepad:before{content:"\f11b"}.fa5-gas-pump:before{content:"\f52f"}.fa5-gavel:before{content:"\f0e3"}.fa5-gem:before{content:"\f3a5"}.fa5-genderless:before{content:"\f22d"}.fa5-get-pocket:before{content:"\f265"}.fa5-gg:before{content:"\f260"}.fa5-gg-circle:before{content:"\f261"}.fa5-ghost:before{content:"\f6e2"}.fa5-gift:before{content:"\f06b"}.fa5-gifts:before{content:"\f79c"}.fa5-git:before{content:"\f1d3"}.fa5-git-alt:before{content:"\f841"}.fa5-git-square:before{content:"\f1d2"}.fa5-github:before{content:"\f09b"}.fa5-github-alt:before{content:"\f113"}.fa5-github-square:before{content:"\f092"}.fa5-gitkraken:before{content:"\f3a6"}.fa5-gitlab:before{content:"\f296"}.fa5-gitter:before{content:"\f426"}.fa5-glass-cheers:before{content:"\f79f"}.fa5-glass-martini:before{content:"\f000"}.fa5-glass-martini-alt:before{content:"\f57b"}.fa5-glass-whiskey:before{content:"\f7a0"}.fa5-glasses:before{content:"\f530"}.fa5-glide:before{content:"\f2a5"}.fa5-glide-g:before{content:"\f2a6"}.fa5-globe:before{content:"\f0ac"}.fa5-globe-africa:before{content:"\f57c"}.fa5-globe-americas:before{content:"\f57d"}.fa5-globe-asia:before{content:"\f57e"}.fa5-globe-europe:before{content:"\f7a2"}.fa5-gofore:before{content:"\f3a7"}.fa5-golf-ball:before{content:"\f450"}.fa5-goodreads:before{content:"\f3a8"}.fa5-goodreads-g:before{content:"\f3a9"}.fa5-google:before{content:"\f1a0"}.fa5-google-drive:before{content:"\f3aa"}.fa5-google-pay:before{content:"\e079"}.fa5-google-play:before{content:"\f3ab"}.fa5-google-plus:before{content:"\f2b3"}.fa5-google-plus-g:before{content:"\f0d5"}.fa5-google-plus-square:before{content:"\f0d4"}.fa5-google-wallet:before{content:"\f1ee"}.fa5-gopuram:before{content:"\f664"}.fa5-graduation-cap:before{content:"\f19d"}.fa5-gratipay:before{content:"\f184"}.fa5-grav:before{content:"\f2d6"}.fa5-greater-than:before{content:"\f531"}.fa5-greater-than-equal:before{content:"\f532"}.fa5-grimace:before{content:"\f57f"}.fa5-grin:before{content:"\f580"}.fa5-grin-alt:before{content:"\f581"}.fa5-grin-beam:before{content:"\f582"}.fa5-grin-beam-sweat:before{content:"\f583"}.fa5-grin-hearts:before{content:"\f584"}.fa5-grin-squint:before{content:"\f585"}.fa5-grin-squint-tears:before{content:"\f586"}.fa5-grin-stars:before{content:"\f587"}.fa5-grin-tears:before{content:"\f588"}.fa5-grin-tongue:before{content:"\f589"}.fa5-grin-tongue-squint:before{content:"\f58a"}.fa5-grin-tongue-wink:before{content:"\f58b"}.fa5-grin-wink:before{content:"\f58c"}.fa5-grip-horizontal:before{content:"\f58d"}.fa5-grip-lines:before{content:"\f7a4"}.fa5-grip-lines-vertical:before{content:"\f7a5"}.fa5-grip-vertical:before{content:"\f58e"}.fa5-gripfire:before{content:"\f3ac"}.fa5-grunt:before{content:"\f3ad"}.fa5-guilded:before{content:"\e07e"}.fa5-guitar:before{content:"\f7a6"}.fa5-gulp:before{content:"\f3ae"}.fa5-h-square:before{content:"\f0fd"}.fa5-hacker-news:before{content:"\f1d4"}.fa5-hacker-news-square:before{content:"\f3af"}.fa5-hackerrank:before{content:"\f5f7"}.fa5-hamburger:before{content:"\f805"}.fa5-hammer:before{content:"\f6e3"}.fa5-hamsa:before{content:"\f665"}.fa5-hand-holding:before{content:"\f4bd"}.fa5-hand-holding-heart:before{content:"\f4be"}.fa5-hand-holding-medical:before{content:"\e05c"}.fa5-hand-holding-usd:before{content:"\f4c0"}.fa5-hand-holding-water:before{content:"\f4c1"}.fa5-hand-lizard:before{content:"\f258"}.fa5-hand-middle-finger:before{content:"\f806"}.fa5-hand-paper:before{content:"\f256"}.fa5-hand-peace:before{content:"\f25b"}.fa5-hand-point-down:before{content:"\f0a7"}.fa5-hand-point-left:before{content:"\f0a5"}.fa5-hand-point-right:before{content:"\f0a4"}.fa5-hand-point-up:before{content:"\f0a6"}.fa5-hand-pointer:before{content:"\f25a"}.fa5-hand-rock:before{content:"\f255"}.fa5-hand-scissors:before{content:"\f257"}.fa5-hand-sparkles:before{content:"\e05d"}.fa5-hand-spock:before{content:"\f259"}.fa5-hands:before{content:"\f4c2"}.fa5-hands-helping:before{content:"\f4c4"}.fa5-hands-wash:before{content:"\e05e"}.fa5-handshake:before{content:"\f2b5"}.fa5-handshake-alt-slash:before{content:"\e05f"}.fa5-handshake-slash:before{content:"\e060"}.fa5-hanukiah:before{content:"\f6e6"}.fa5-hard-hat:before{content:"\f807"}.fa5-hashtag:before{content:"\f292"}.fa5-hat-cowboy:before{content:"\f8c0"}.fa5-hat-cowboy-side:before{content:"\f8c1"}.fa5-hat-wizard:before{content:"\f6e8"}.fa5-hdd:before{content:"\f0a0"}.fa5-head-side-cough:before{content:"\e061"}.fa5-head-side-cough-slash:before{content:"\e062"}.fa5-head-side-mask:before{content:"\e063"}.fa5-head-side-virus:before{content:"\e064"}.fa5-heading:before{content:"\f1dc"}.fa5-headphones:before{content:"\f025"}.fa5-headphones-alt:before{content:"\f58f"}.fa5-headset:before{content:"\f590"}.fa5-heart:before{content:"\f004"}.fa5-heart-broken:before{content:"\f7a9"}.fa5-heartbeat:before{content:"\f21e"}.fa5-helicopter:before{content:"\f533"}.fa5-highlighter:before{content:"\f591"}.fa5-hiking:before{content:"\f6ec"}.fa5-hippo:before{content:"\f6ed"}.fa5-hips:before{content:"\f452"}.fa5-hire-a-helper:before{content:"\f3b0"}.fa5-history:before{content:"\f1da"}.fa5-hive:before{content:"\e07f"}.fa5-hockey-puck:before{content:"\f453"}.fa5-holly-berry:before{content:"\f7aa"}.fa5-home:before{content:"\f015"}.fa5-hooli:before{content:"\f427"}.fa5-hornbill:before{content:"\f592"}.fa5-horse:before{content:"\f6f0"}.fa5-horse-head:before{content:"\f7ab"}.fa5-hospital:before{content:"\f0f8"}.fa5-hospital-alt:before{content:"\f47d"}.fa5-hospital-symbol:before{content:"\f47e"}.fa5-hospital-user:before{content:"\f80d"}.fa5-hot-tub:before{content:"\f593"}.fa5-hotdog:before{content:"\f80f"}.fa5-hotel:before{content:"\f594"}.fa5-hotjar:before{content:"\f3b1"}.fa5-hourglass:before{content:"\f254"}.fa5-hourglass-end:before{content:"\f253"}.fa5-hourglass-half:before{content:"\f252"}.fa5-hourglass-start:before{content:"\f251"}.fa5-house-damage:before{content:"\f6f1"}.fa5-house-user:before{content:"\e065"}.fa5-houzz:before{content:"\f27c"}.fa5-hryvnia:before{content:"\f6f2"}.fa5-html5:before{content:"\f13b"}.fa5-hubspot:before{content:"\f3b2"}.fa5-i-cursor:before{content:"\f246"}.fa5-ice-cream:before{content:"\f810"}.fa5-icicles:before{content:"\f7ad"}.fa5-icons:before{content:"\f86d"}.fa5-id-badge:before{content:"\f2c1"}.fa5-id-card:before{content:"\f2c2"}.fa5-id-card-alt:before{content:"\f47f"}.fa5-ideal:before{content:"\e013"}.fa5-igloo:before{content:"\f7ae"}.fa5-image:before{content:"\f03e"}.fa5-images:before{content:"\f302"}.fa5-imdb:before{content:"\f2d8"}.fa5-inbox:before{content:"\f01c"}.fa5-indent:before{content:"\f03c"}.fa5-industry:before{content:"\f275"}.fa5-infinity:before{content:"\f534"}.fa5-info:before{content:"\f129"}.fa5-info-circle:before{content:"\f05a"}.fa5-innosoft:before{content:"\e080"}.fa5-instagram:before{content:"\f16d"}.fa5-instagram-square:before{content:"\e055"}.fa5-instalod:before{content:"\e081"}.fa5-intercom:before{content:"\f7af"}.fa5-internet-explorer:before{content:"\f26b"}.fa5-invision:before{content:"\f7b0"}.fa5-ioxhost:before{content:"\f208"}.fa5-italic:before{content:"\f033"}.fa5-itch-io:before{content:"\f83a"}.fa5-itunes:before{content:"\f3b4"}.fa5-itunes-note:before{content:"\f3b5"}.fa5-java:before{content:"\f4e4"}.fa5-jedi:before{content:"\f669"}.fa5-jedi-order:before{content:"\f50e"}.fa5-jenkins:before{content:"\f3b6"}.fa5-jira:before{content:"\f7b1"}.fa5-joget:before{content:"\f3b7"}.fa5-joint:before{content:"\f595"}.fa5-joomla:before{content:"\f1aa"}.fa5-journal-whills:before{content:"\f66a"}.fa5-js:before{content:"\f3b8"}.fa5-js-square:before{content:"\f3b9"}.fa5-jsfiddle:before{content:"\f1cc"}.fa5-kaaba:before{content:"\f66b"}.fa5-kaggle:before{content:"\f5fa"}.fa5-key:before{content:"\f084"}.fa5-keybase:before{content:"\f4f5"}.fa5-keyboard:before{content:"\f11c"}.fa5-keycdn:before{content:"\f3ba"}.fa5-khanda:before{content:"\f66d"}.fa5-kickstarter:before{content:"\f3bb"}.fa5-kickstarter-k:before{content:"\f3bc"}.fa5-kiss:before{content:"\f596"}.fa5-kiss-beam:before{content:"\f597"}.fa5-kiss-wink-heart:before{content:"\f598"}.fa5-kiwi-bird:before{content:"\f535"}.fa5-korvue:before{content:"\f42f"}.fa5-landmark:before{content:"\f66f"}.fa5-language:before{content:"\f1ab"}.fa5-laptop:before{content:"\f109"}.fa5-laptop-code:before{content:"\f5fc"}.fa5-laptop-house:before{content:"\e066"}.fa5-laptop-medical:before{content:"\f812"}.fa5-laravel:before{content:"\f3bd"}.fa5-lastfm:before{content:"\f202"}.fa5-lastfm-square:before{content:"\f203"}.fa5-laugh:before{content:"\f599"}.fa5-laugh-beam:before{content:"\f59a"}.fa5-laugh-squint:before{content:"\f59b"}.fa5-laugh-wink:before{content:"\f59c"}.fa5-layer-group:before{content:"\f5fd"}.fa5-leaf:before{content:"\f06c"}.fa5-leanpub:before{content:"\f212"}.fa5-lemon:before{content:"\f094"}.fa5-less:before{content:"\f41d"}.fa5-less-than:before{content:"\f536"}.fa5-less-than-equal:before{content:"\f537"}.fa5-level-down-alt:before{content:"\f3be"}.fa5-level-up-alt:before{content:"\f3bf"}.fa5-life-ring:before{content:"\f1cd"}.fa5-lightbulb:before{content:"\f0eb"}.fa5-line:before{content:"\f3c0"}.fa5-link:before{content:"\f0c1"}.fa5-linkedin:before{content:"\f08c"}.fa5-linkedin-in:before{content:"\f0e1"}.fa5-linode:before{content:"\f2b8"}.fa5-linux:before{content:"\f17c"}.fa5-lira-sign:before{content:"\f195"}.fa5-list:before{content:"\f03a"}.fa5-list-alt:before{content:"\f022"}.fa5-list-ol:before{content:"\f0cb"}.fa5-list-ul:before{content:"\f0ca"}.fa5-location-arrow:before{content:"\f124"}.fa5-lock:before{content:"\f023"}.fa5-lock-open:before{content:"\f3c1"}.fa5-long-arrow-alt-down:before{content:"\f309"}.fa5-long-arrow-alt-left:before{content:"\f30a"}.fa5-long-arrow-alt-right:before{content:"\f30b"}.fa5-long-arrow-alt-up:before{content:"\f30c"}.fa5-low-vision:before{content:"\f2a8"}.fa5-luggage-cart:before{content:"\f59d"}.fa5-lungs:before{content:"\f604"}.fa5-lungs-virus:before{content:"\e067"}.fa5-lyft:before{content:"\f3c3"}.fa5-magento:before{content:"\f3c4"}.fa5-magic:before{content:"\f0d0"}.fa5-magnet:before{content:"\f076"}.fa5-mail-bulk:before{content:"\f674"}.fa5-mailchimp:before{content:"\f59e"}.fa5-male:before{content:"\f183"}.fa5-mandalorian:before{content:"\f50f"}.fa5-map:before{content:"\f279"}.fa5-map-marked:before{content:"\f59f"}.fa5-map-marked-alt:before{content:"\f5a0"}.fa5-map-marker:before{content:"\f041"}.fa5-map-marker-alt:before{content:"\f3c5"}.fa5-map-pin:before{content:"\f276"}.fa5-map-signs:before{content:"\f277"}.fa5-markdown:before{content:"\f60f"}.fa5-marker:before{content:"\f5a1"}.fa5-mars:before{content:"\f222"}.fa5-mars-double:before{content:"\f227"}.fa5-mars-stroke:before{content:"\f229"}.fa5-mars-stroke-h:before{content:"\f22b"}.fa5-mars-stroke-v:before{content:"\f22a"}.fa5-mask:before{content:"\f6fa"}.fa5-mastodon:before{content:"\f4f6"}.fa5-maxcdn:before{content:"\f136"}.fa5-mdb:before{content:"\f8ca"}.fa5-medal:before{content:"\f5a2"}.fa5-medapps:before{content:"\f3c6"}.fa5-medium:before{content:"\f23a"}.fa5-medium-m:before{content:"\f3c7"}.fa5-medkit:before{content:"\f0fa"}.fa5-medrt:before{content:"\f3c8"}.fa5-meetup:before{content:"\f2e0"}.fa5-megaport:before{content:"\f5a3"}.fa5-meh:before{content:"\f11a"}.fa5-meh-blank:before{content:"\f5a4"}.fa5-meh-rolling-eyes:before{content:"\f5a5"}.fa5-memory:before{content:"\f538"}.fa5-mendeley:before{content:"\f7b3"}.fa5-menorah:before{content:"\f676"}.fa5-mercury:before{content:"\f223"}.fa5-meteor:before{content:"\f753"}.fa5-microblog:before{content:"\e01a"}.fa5-microchip:before{content:"\f2db"}.fa5-microphone:before{content:"\f130"}.fa5-microphone-alt:before{content:"\f3c9"}.fa5-microphone-alt-slash:before{content:"\f539"}.fa5-microphone-slash:before{content:"\f131"}.fa5-microscope:before{content:"\f610"}.fa5-microsoft:before{content:"\f3ca"}.fa5-minus:before{content:"\f068"}.fa5-minus-circle:before{content:"\f056"}.fa5-minus-square:before{content:"\f146"}.fa5-mitten:before{content:"\f7b5"}.fa5-mix:before{content:"\f3cb"}.fa5-mixcloud:before{content:"\f289"}.fa5-mixer:before{content:"\e056"}.fa5-mizuni:before{content:"\f3cc"}.fa5-mobile:before{content:"\f10b"}.fa5-mobile-alt:before{content:"\f3cd"}.fa5-modx:before{content:"\f285"}.fa5-monero:before{content:"\f3d0"}.fa5-money-bill:before{content:"\f0d6"}.fa5-money-bill-alt:before{content:"\f3d1"}.fa5-money-bill-wave:before{content:"\f53a"}.fa5-money-bill-wave-alt:before{content:"\f53b"}.fa5-money-check:before{content:"\f53c"}.fa5-money-check-alt:before{content:"\f53d"}.fa5-monument:before{content:"\f5a6"}.fa5-moon:before{content:"\f186"}.fa5-mortar-pestle:before{content:"\f5a7"}.fa5-mosque:before{content:"\f678"}.fa5-motorcycle:before{content:"\f21c"}.fa5-mountain:before{content:"\f6fc"}.fa5-mouse:before{content:"\f8cc"}.fa5-mouse-pointer:before{content:"\f245"}.fa5-mug-hot:before{content:"\f7b6"}.fa5-music:before{content:"\f001"}.fa5-napster:before{content:"\f3d2"}.fa5-neos:before{content:"\f612"}.fa5-network-wired:before{content:"\f6ff"}.fa5-neuter:before{content:"\f22c"}.fa5-newspaper:before{content:"\f1ea"}.fa5-nimblr:before{content:"\f5a8"}.fa5-node:before{content:"\f419"}.fa5-node-js:before{content:"\f3d3"}.fa5-not-equal:before{content:"\f53e"}.fa5-notes-medical:before{content:"\f481"}.fa5-npm:before{content:"\f3d4"}.fa5-ns8:before{content:"\f3d5"}.fa5-nutritionix:before{content:"\f3d6"}.fa5-object-group:before{content:"\f247"}.fa5-object-ungroup:before{content:"\f248"}.fa5-octopus-deploy:before{content:"\e082"}.fa5-odnoklassniki:before{content:"\f263"}.fa5-odnoklassniki-square:before{content:"\f264"}.fa5-oil-can:before{content:"\f613"}.fa5-old-republic:before{content:"\f510"}.fa5-om:before{content:"\f679"}.fa5-opencart:before{content:"\f23d"}.fa5-openid:before{content:"\f19b"}.fa5-opera:before{content:"\f26a"}.fa5-optin-monster:before{content:"\f23c"}.fa5-orcid:before{content:"\f8d2"}.fa5-osi:before{content:"\f41a"}.fa5-otter:before{content:"\f700"}.fa5-outdent:before{content:"\f03b"}.fa5-page4:before{content:"\f3d7"}.fa5-pagelines:before{content:"\f18c"}.fa5-pager:before{content:"\f815"}.fa5-paint-brush:before{content:"\f1fc"}.fa5-paint-roller:before{content:"\f5aa"}.fa5-palette:before{content:"\f53f"}.fa5-palfed:before{content:"\f3d8"}.fa5-pallet:before{content:"\f482"}.fa5-paper-plane:before{content:"\f1d8"}.fa5-paperclip:before{content:"\f0c6"}.fa5-parachute-box:before{content:"\f4cd"}.fa5-paragraph:before{content:"\f1dd"}.fa5-parking:before{content:"\f540"}.fa5-passport:before{content:"\f5ab"}.fa5-pastafarianism:before{content:"\f67b"}.fa5-paste:before{content:"\f0ea"}.fa5-patreon:before{content:"\f3d9"}.fa5-pause:before{content:"\f04c"}.fa5-pause-circle:before{content:"\f28b"}.fa5-paw:before{content:"\f1b0"}.fa5-paypal:before{content:"\f1ed"}.fa5-peace:before{content:"\f67c"}.fa5-pen:before{content:"\f304"}.fa5-pen-alt:before{content:"\f305"}.fa5-pen-fancy:before{content:"\f5ac"}.fa5-pen-nib:before{content:"\f5ad"}.fa5-pen-square:before{content:"\f14b"}.fa5-pencil-alt:before{content:"\f303"}.fa5-pencil-ruler:before{content:"\f5ae"}.fa5-penny-arcade:before{content:"\f704"}.fa5-people-arrows:before{content:"\e068"}.fa5-people-carry:before{content:"\f4ce"}.fa5-pepper-hot:before{content:"\f816"}.fa5-perbyte:before{content:"\e083"}.fa5-percent:before{content:"\f295"}.fa5-percentage:before{content:"\f541"}.fa5-periscope:before{content:"\f3da"}.fa5-person-booth:before{content:"\f756"}.fa5-phabricator:before{content:"\f3db"}.fa5-phoenix-framework:before{content:"\f3dc"}.fa5-phoenix-squadron:before{content:"\f511"}.fa5-phone:before{content:"\f095"}.fa5-phone-alt:before{content:"\f879"}.fa5-phone-slash:before{content:"\f3dd"}.fa5-phone-square:before{content:"\f098"}.fa5-phone-square-alt:before{content:"\f87b"}.fa5-phone-volume:before{content:"\f2a0"}.fa5-photo-video:before{content:"\f87c"}.fa5-php:before{content:"\f457"}.fa5-pied-piper:before{content:"\f2ae"}.fa5-pied-piper-alt:before{content:"\f1a8"}.fa5-pied-piper-hat:before{content:"\f4e5"}.fa5-pied-piper-pp:before{content:"\f1a7"}.fa5-pied-piper-square:before{content:"\e01e"}.fa5-piggy-bank:before{content:"\f4d3"}.fa5-pills:before{content:"\f484"}.fa5-pinterest:before{content:"\f0d2"}.fa5-pinterest-p:before{content:"\f231"}.fa5-pinterest-square:before{content:"\f0d3"}.fa5-pizza-slice:before{content:"\f818"}.fa5-place-of-worship:before{content:"\f67f"}.fa5-plane:before{content:"\f072"}.fa5-plane-arrival:before{content:"\f5af"}.fa5-plane-departure:before{content:"\f5b0"}.fa5-plane-slash:before{content:"\e069"}.fa5-play:before{content:"\f04b"}.fa5-play-circle:before{content:"\f144"}.fa5-playstation:before{content:"\f3df"}.fa5-plug:before{content:"\f1e6"}.fa5-plus:before{content:"\f067"}.fa5-plus-circle:before{content:"\f055"}.fa5-plus-square:before{content:"\f0fe"}.fa5-podcast:before{content:"\f2ce"}.fa5-poll:before{content:"\f681"}.fa5-poll-h:before{content:"\f682"}.fa5-poo:before{content:"\f2fe"}.fa5-poo-storm:before{content:"\f75a"}.fa5-poop:before{content:"\f619"}.fa5-portrait:before{content:"\f3e0"}.fa5-pound-sign:before{content:"\f154"}.fa5-power-off:before{content:"\f011"}.fa5-pray:before{content:"\f683"}.fa5-praying-hands:before{content:"\f684"}.fa5-prescription:before{content:"\f5b1"}.fa5-prescription-bottle:before{content:"\f485"}.fa5-prescription-bottle-alt:before{content:"\f486"}.fa5-print:before{content:"\f02f"}.fa5-procedures:before{content:"\f487"}.fa5-product-hunt:before{content:"\f288"}.fa5-project-diagram:before{content:"\f542"}.fa5-pump-medical:before{content:"\e06a"}.fa5-pump-soap:before{content:"\e06b"}.fa5-pushed:before{content:"\f3e1"}.fa5-puzzle-piece:before{content:"\f12e"}.fa5-python:before{content:"\f3e2"}.fa5-qq:before{content:"\f1d6"}.fa5-qrcode:before{content:"\f029"}.fa5-question:before{content:"\f128"}.fa5-question-circle:before{content:"\f059"}.fa5-quidditch:before{content:"\f458"}.fa5-quinscape:before{content:"\f459"}.fa5-quora:before{content:"\f2c4"}.fa5-quote-left:before{content:"\f10d"}.fa5-quote-right:before{content:"\f10e"}.fa5-quran:before{content:"\f687"}.fa5-r-project:before{content:"\f4f7"}.fa5-radiation:before{content:"\f7b9"}.fa5-radiation-alt:before{content:"\f7ba"}.fa5-rainbow:before{content:"\f75b"}.fa5-random:before{content:"\f074"}.fa5-raspberry-pi:before{content:"\f7bb"}.fa5-ravelry:before{content:"\f2d9"}.fa5-react:before{content:"\f41b"}.fa5-reacteurope:before{content:"\f75d"}.fa5-readme:before{content:"\f4d5"}.fa5-rebel:before{content:"\f1d0"}.fa5-receipt:before{content:"\f543"}.fa5-record-vinyl:before{content:"\f8d9"}.fa5-recycle:before{content:"\f1b8"}.fa5-red-river:before{content:"\f3e3"}.fa5-reddit:before{content:"\f1a1"}.fa5-reddit-alien:before{content:"\f281"}.fa5-reddit-square:before{content:"\f1a2"}.fa5-redhat:before{content:"\f7bc"}.fa5-redo:before{content:"\f01e"}.fa5-redo-alt:before{content:"\f2f9"}.fa5-registered:before{content:"\f25d"}.fa5-remove-format:before{content:"\f87d"}.fa5-renren:before{content:"\f18b"}.fa5-reply:before{content:"\f3e5"}.fa5-reply-all:before{content:"\f122"}.fa5-replyd:before{content:"\f3e6"}.fa5-republican:before{content:"\f75e"}.fa5-researchgate:before{content:"\f4f8"}.fa5-resolving:before{content:"\f3e7"}.fa5-restroom:before{content:"\f7bd"}.fa5-retweet:before{content:"\f079"}.fa5-rev:before{content:"\f5b2"}.fa5-ribbon:before{content:"\f4d6"}.fa5-ring:before{content:"\f70b"}.fa5-road:before{content:"\f018"}.fa5-robot:before{content:"\f544"}.fa5-rocket:before{content:"\f135"}.fa5-rocketchat:before{content:"\f3e8"}.fa5-rockrms:before{content:"\f3e9"}.fa5-route:before{content:"\f4d7"}.fa5-rss:before{content:"\f09e"}.fa5-rss-square:before{content:"\f143"}.fa5-ruble-sign:before{content:"\f158"}.fa5-ruler:before{content:"\f545"}.fa5-ruler-combined:before{content:"\f546"}.fa5-ruler-horizontal:before{content:"\f547"}.fa5-ruler-vertical:before{content:"\f548"}.fa5-running:before{content:"\f70c"}.fa5-rupee-sign:before{content:"\f156"}.fa5-rust:before{content:"\e07a"}.fa5-sad-cry:before{content:"\f5b3"}.fa5-sad-tear:before{content:"\f5b4"}.fa5-safari:before{content:"\f267"}.fa5-salesforce:before{content:"\f83b"}.fa5-sass:before{content:"\f41e"}.fa5-satellite:before{content:"\f7bf"}.fa5-satellite-dish:before{content:"\f7c0"}.fa5-save:before{content:"\f0c7"}.fa5-schlix:before{content:"\f3ea"}.fa5-school:before{content:"\f549"}.fa5-screwdriver:before{content:"\f54a"}.fa5-scribd:before{content:"\f28a"}.fa5-scroll:before{content:"\f70e"}.fa5-sd-card:before{content:"\f7c2"}.fa5-search:before{content:"\f002"}.fa5-search-dollar:before{content:"\f688"}.fa5-search-location:before{content:"\f689"}.fa5-search-minus:before{content:"\f010"}.fa5-search-plus:before{content:"\f00e"}.fa5-searchengin:before{content:"\f3eb"}.fa5-seedling:before{content:"\f4d8"}.fa5-sellcast:before{content:"\f2da"}.fa5-sellsy:before{content:"\f213"}.fa5-server:before{content:"\f233"}.fa5-servicestack:before{content:"\f3ec"}.fa5-shapes:before{content:"\f61f"}.fa5-share:before{content:"\f064"}.fa5-share-alt:before{content:"\f1e0"}.fa5-share-alt-square:before{content:"\f1e1"}.fa5-share-square:before{content:"\f14d"}.fa5-shekel-sign:before{content:"\f20b"}.fa5-shield-alt:before{content:"\f3ed"}.fa5-shield-virus:before{content:"\e06c"}.fa5-ship:before{content:"\f21a"}.fa5-shipping-fast:before{content:"\f48b"}.fa5-shirtsinbulk:before{content:"\f214"}.fa5-shoe-prints:before{content:"\f54b"}.fa5-shopify:before{content:"\e057"}.fa5-shopping-bag:before{content:"\f290"}.fa5-shopping-basket:before{content:"\f291"}.fa5-shopping-cart:before{content:"\f07a"}.fa5-shopware:before{content:"\f5b5"}.fa5-shower:before{content:"\f2cc"}.fa5-shuttle-van:before{content:"\f5b6"}.fa5-sign:before{content:"\f4d9"}.fa5-sign-in-alt:before{content:"\f2f6"}.fa5-sign-language:before{content:"\f2a7"}.fa5-sign-out-alt:before{content:"\f2f5"}.fa5-signal:before{content:"\f012"}.fa5-signature:before{content:"\f5b7"}.fa5-sim-card:before{content:"\f7c4"}.fa5-simplybuilt:before{content:"\f215"}.fa5-sink:before{content:"\e06d"}.fa5-sistrix:before{content:"\f3ee"}.fa5-sitemap:before{content:"\f0e8"}.fa5-sith:before{content:"\f512"}.fa5-skating:before{content:"\f7c5"}.fa5-sketch:before{content:"\f7c6"}.fa5-skiing:before{content:"\f7c9"}.fa5-skiing-nordic:before{content:"\f7ca"}.fa5-skull:before{content:"\f54c"}.fa5-skull-crossbones:before{content:"\f714"}.fa5-skyatlas:before{content:"\f216"}.fa5-skype:before{content:"\f17e"}.fa5-slack:before{content:"\f198"}.fa5-slack-hash:before{content:"\f3ef"}.fa5-slash:before{content:"\f715"}.fa5-sleigh:before{content:"\f7cc"}.fa5-sliders-h:before{content:"\f1de"}.fa5-slideshare:before{content:"\f1e7"}.fa5-smile:before{content:"\f118"}.fa5-smile-beam:before{content:"\f5b8"}.fa5-smile-wink:before{content:"\f4da"}.fa5-smog:before{content:"\f75f"}.fa5-smoking:before{content:"\f48d"}.fa5-smoking-ban:before{content:"\f54d"}.fa5-sms:before{content:"\f7cd"}.fa5-snapchat:before{content:"\f2ab"}.fa5-snapchat-ghost:before{content:"\f2ac"}.fa5-snapchat-square:before{content:"\f2ad"}.fa5-snowboarding:before{content:"\f7ce"}.fa5-snowflake:before{content:"\f2dc"}.fa5-snowman:before{content:"\f7d0"}.fa5-snowplow:before{content:"\f7d2"}.fa5-soap:before{content:"\e06e"}.fa5-socks:before{content:"\f696"}.fa5-solar-panel:before{content:"\f5ba"}.fa5-sort:before{content:"\f0dc"}.fa5-sort-alpha-down:before{content:"\f15d"}.fa5-sort-alpha-down-alt:before{content:"\f881"}.fa5-sort-alpha-up:before{content:"\f15e"}.fa5-sort-alpha-up-alt:before{content:"\f882"}.fa5-sort-amount-down:before{content:"\f160"}.fa5-sort-amount-down-alt:before{content:"\f884"}.fa5-sort-amount-up:before{content:"\f161"}.fa5-sort-amount-up-alt:before{content:"\f885"}.fa5-sort-down:before{content:"\f0dd"}.fa5-sort-numeric-down:before{content:"\f162"}.fa5-sort-numeric-down-alt:before{content:"\f886"}.fa5-sort-numeric-up:before{content:"\f163"}.fa5-sort-numeric-up-alt:before{content:"\f887"}.fa5-sort-up:before{content:"\f0de"}.fa5-soundcloud:before{content:"\f1be"}.fa5-sourcetree:before{content:"\f7d3"}.fa5-spa:before{content:"\f5bb"}.fa5-space-shuttle:before{content:"\f197"}.fa5-speakap:before{content:"\f3f3"}.fa5-speaker-deck:before{content:"\f83c"}.fa5-spell-check:before{content:"\f891"}.fa5-spider:before{content:"\f717"}.fa5-spinner:before{content:"\f110"}.fa5-splotch:before{content:"\f5bc"}.fa5-spotify:before{content:"\f1bc"}.fa5-spray-can:before{content:"\f5bd"}.fa5-square:before{content:"\f0c8"}.fa5-square-full:before{content:"\f45c"}.fa5-square-root-alt:before{content:"\f698"}.fa5-squarespace:before{content:"\f5be"}.fa5-stack-exchange:before{content:"\f18d"}.fa5-stack-overflow:before{content:"\f16c"}.fa5-stackpath:before{content:"\f842"}.fa5-stamp:before{content:"\f5bf"}.fa5-star:before{content:"\f005"}.fa5-star-and-crescent:before{content:"\f699"}.fa5-star-half:before{content:"\f089"}.fa5-star-half-alt:before{content:"\f5c0"}.fa5-star-of-david:before{content:"\f69a"}.fa5-star-of-life:before{content:"\f621"}.fa5-staylinked:before{content:"\f3f5"}.fa5-steam:before{content:"\f1b6"}.fa5-steam-square:before{content:"\f1b7"}.fa5-steam-symbol:before{content:"\f3f6"}.fa5-step-backward:before{content:"\f048"}.fa5-step-forward:before{content:"\f051"}.fa5-stethoscope:before{content:"\f0f1"}.fa5-sticker-mule:before{content:"\f3f7"}.fa5-sticky-note:before{content:"\f249"}.fa5-stop:before{content:"\f04d"}.fa5-stop-circle:before{content:"\f28d"}.fa5-stopwatch:before{content:"\f2f2"}.fa5-stopwatch-20:before{content:"\e06f"}.fa5-store:before{content:"\f54e"}.fa5-store-alt:before{content:"\f54f"}.fa5-store-alt-slash:before{content:"\e070"}.fa5-store-slash:before{content:"\e071"}.fa5-strava:before{content:"\f428"}.fa5-stream:before{content:"\f550"}.fa5-street-view:before{content:"\f21d"}.fa5-strikethrough:before{content:"\f0cc"}.fa5-stripe:before{content:"\f429"}.fa5-stripe-s:before{content:"\f42a"}.fa5-stroopwafel:before{content:"\f551"}.fa5-studiovinari:before{content:"\f3f8"}.fa5-stumbleupon:before{content:"\f1a4"}.fa5-stumbleupon-circle:before{content:"\f1a3"}.fa5-subscript:before{content:"\f12c"}.fa5-subway:before{content:"\f239"}.fa5-suitcase:before{content:"\f0f2"}.fa5-suitcase-rolling:before{content:"\f5c1"}.fa5-sun:before{content:"\f185"}.fa5-superpowers:before{content:"\f2dd"}.fa5-superscript:before{content:"\f12b"}.fa5-supple:before{content:"\f3f9"}.fa5-surprise:before{content:"\f5c2"}.fa5-suse:before{content:"\f7d6"}.fa5-swatchbook:before{content:"\f5c3"}.fa5-swift:before{content:"\f8e1"}.fa5-swimmer:before{content:"\f5c4"}.fa5-swimming-pool:before{content:"\f5c5"}.fa5-symfony:before{content:"\f83d"}.fa5-synagogue:before{content:"\f69b"}.fa5-sync:before{content:"\f021"}.fa5-sync-alt:before{content:"\f2f1"}.fa5-syringe:before{content:"\f48e"}.fa5-table:before{content:"\f0ce"}.fa5-table-tennis:before{content:"\f45d"}.fa5-tablet:before{content:"\f10a"}.fa5-tablet-alt:before{content:"\f3fa"}.fa5-tablets:before{content:"\f490"}.fa5-tachometer-alt:before{content:"\f3fd"}.fa5-tag:before{content:"\f02b"}.fa5-tags:before{content:"\f02c"}.fa5-tape:before{content:"\f4db"}.fa5-tasks:before{content:"\f0ae"}.fa5-taxi:before{content:"\f1ba"}.fa5-teamspeak:before{content:"\f4f9"}.fa5-teeth:before{content:"\f62e"}.fa5-teeth-open:before{content:"\f62f"}.fa5-telegram:before{content:"\f2c6"}.fa5-telegram-plane:before{content:"\f3fe"}.fa5-temperature-high:before{content:"\f769"}.fa5-temperature-low:before{content:"\f76b"}.fa5-tencent-weibo:before{content:"\f1d5"}.fa5-tenge:before{content:"\f7d7"}.fa5-terminal:before{content:"\f120"}.fa5-text-height:before{content:"\f034"}.fa5-text-width:before{content:"\f035"}.fa5-th:before{content:"\f00a"}.fa5-th-large:before{content:"\f009"}.fa5-th-list:before{content:"\f00b"}.fa5-the-red-yeti:before{content:"\f69d"}.fa5-theater-masks:before{content:"\f630"}.fa5-themeco:before{content:"\f5c6"}.fa5-themeisle:before{content:"\f2b2"}.fa5-thermometer:before{content:"\f491"}.fa5-thermometer-empty:before{content:"\f2cb"}.fa5-thermometer-full:before{content:"\f2c7"}.fa5-thermometer-half:before{content:"\f2c9"}.fa5-thermometer-quarter:before{content:"\f2ca"}.fa5-thermometer-three-quarters:before{content:"\f2c8"}.fa5-think-peaks:before{content:"\f731"}.fa5-thumbs-down:before{content:"\f165"}.fa5-thumbs-up:before{content:"\f164"}.fa5-thumbtack:before{content:"\f08d"}.fa5-ticket-alt:before{content:"\f3ff"}.fa5-tiktok:before{content:"\e07b"}.fa5-times:before{content:"\f00d"}.fa5-times-circle:before{content:"\f057"}.fa5-tint:before{content:"\f043"}.fa5-tint-slash:before{content:"\f5c7"}.fa5-tired:before{content:"\f5c8"}.fa5-toggle-off:before{content:"\f204"}.fa5-toggle-on:before{content:"\f205"}.fa5-toilet:before{content:"\f7d8"}.fa5-toilet-paper:before{content:"\f71e"}.fa5-toilet-paper-slash:before{content:"\e072"}.fa5-toolbox:before{content:"\f552"}.fa5-tools:before{content:"\f7d9"}.fa5-tooth:before{content:"\f5c9"}.fa5-torah:before{content:"\f6a0"}.fa5-torii-gate:before{content:"\f6a1"}.fa5-tractor:before{content:"\f722"}.fa5-trade-federation:before{content:"\f513"}.fa5-trademark:before{content:"\f25c"}.fa5-traffic-light:before{content:"\f637"}.fa5-trailer:before{content:"\e041"}.fa5-train:before{content:"\f238"}.fa5-tram:before{content:"\f7da"}.fa5-transgender:before{content:"\f224"}.fa5-transgender-alt:before{content:"\f225"}.fa5-trash:before{content:"\f1f8"}.fa5-trash-alt:before{content:"\f2ed"}.fa5-trash-restore:before{content:"\f829"}.fa5-trash-restore-alt:before{content:"\f82a"}.fa5-tree:before{content:"\f1bb"}.fa5-trello:before{content:"\f181"}.fa5-tripadvisor:before{content:"\f262"}.fa5-trophy:before{content:"\f091"}.fa5-truck:before{content:"\f0d1"}.fa5-truck-loading:before{content:"\f4de"}.fa5-truck-monster:before{content:"\f63b"}.fa5-truck-moving:before{content:"\f4df"}.fa5-truck-pickup:before{content:"\f63c"}.fa5-tshirt:before{content:"\f553"}.fa5-tty:before{content:"\f1e4"}.fa5-tumblr:before{content:"\f173"}.fa5-tumblr-square:before{content:"\f174"}.fa5-tv:before{content:"\f26c"}.fa5-twitch:before{content:"\f1e8"}.fa5-twitter:before{content:"\f099"}.fa5-twitter-square:before{content:"\f081"}.fa5-typo3:before{content:"\f42b"}.fa5-uber:before{content:"\f402"}.fa5-ubuntu:before{content:"\f7df"}.fa5-uikit:before{content:"\f403"}.fa5-umbraco:before{content:"\f8e8"}.fa5-umbrella:before{content:"\f0e9"}.fa5-umbrella-beach:before{content:"\f5ca"}.fa5-uncharted:before{content:"\e084"}.fa5-underline:before{content:"\f0cd"}.fa5-undo:before{content:"\f0e2"}.fa5-undo-alt:before{content:"\f2ea"}.fa5-uniregistry:before{content:"\f404"}.fa5-unity:before{content:"\e049"}.fa5-universal-access:before{content:"\f29a"}.fa5-university:before{content:"\f19c"}.fa5-unlink:before{content:"\f127"}.fa5-unlock:before{content:"\f09c"}.fa5-unlock-alt:before{content:"\f13e"}.fa5-unsplash:before{content:"\e07c"}.fa5-untappd:before{content:"\f405"}.fa5-upload:before{content:"\f093"}.fa5-ups:before{content:"\f7e0"}.fa5-usb:before{content:"\f287"}.fa5-user:before{content:"\f007"}.fa5-user-alt:before{content:"\f406"}.fa5-user-alt-slash:before{content:"\f4fa"}.fa5-user-astronaut:before{content:"\f4fb"}.fa5-user-check:before{content:"\f4fc"}.fa5-user-circle:before{content:"\f2bd"}.fa5-user-clock:before{content:"\f4fd"}.fa5-user-cog:before{content:"\f4fe"}.fa5-user-edit:before{content:"\f4ff"}.fa5-user-friends:before{content:"\f500"}.fa5-user-graduate:before{content:"\f501"}.fa5-user-injured:before{content:"\f728"}.fa5-user-lock:before{content:"\f502"}.fa5-user-md:before{content:"\f0f0"}.fa5-user-minus:before{content:"\f503"}.fa5-user-ninja:before{content:"\f504"}.fa5-user-nurse:before{content:"\f82f"}.fa5-user-plus:before{content:"\f234"}.fa5-user-secret:before{content:"\f21b"}.fa5-user-shield:before{content:"\f505"}.fa5-user-slash:before{content:"\f506"}.fa5-user-tag:before{content:"\f507"}.fa5-user-tie:before{content:"\f508"}.fa5-user-times:before{content:"\f235"}.fa5-users:before{content:"\f0c0"}.fa5-users-cog:before{content:"\f509"}.fa5-users-slash:before{content:"\e073"}.fa5-usps:before{content:"\f7e1"}.fa5-ussunnah:before{content:"\f407"}.fa5-utensil-spoon:before{content:"\f2e5"}.fa5-utensils:before{content:"\f2e7"}.fa5-vaadin:before{content:"\f408"}.fa5-vector-square:before{content:"\f5cb"}.fa5-venus:before{content:"\f221"}.fa5-venus-double:before{content:"\f226"}.fa5-venus-mars:before{content:"\f228"}.fa5-vest:before{content:"\e085"}.fa5-vest-patches:before{content:"\e086"}.fa5-viacoin:before{content:"\f237"}.fa5-viadeo:before{content:"\f2a9"}.fa5-viadeo-square:before{content:"\f2aa"}.fa5-vial:before{content:"\f492"}.fa5-vials:before{content:"\f493"}.fa5-viber:before{content:"\f409"}.fa5-video:before{content:"\f03d"}.fa5-video-slash:before{content:"\f4e2"}.fa5-vihara:before{content:"\f6a7"}.fa5-vimeo:before{content:"\f40a"}.fa5-vimeo-square:before{content:"\f194"}.fa5-vimeo-v:before{content:"\f27d"}.fa5-vine:before{content:"\f1ca"}.fa5-virus:before{content:"\e074"}.fa5-virus-slash:before{content:"\e075"}.fa5-viruses:before{content:"\e076"}.fa5-vk:before{content:"\f189"}.fa5-vnv:before{content:"\f40b"}.fa5-voicemail:before{content:"\f897"}.fa5-volleyball-ball:before{content:"\f45f"}.fa5-volume-down:before{content:"\f027"}.fa5-volume-mute:before{content:"\f6a9"}.fa5-volume-off:before{content:"\f026"}.fa5-volume-up:before{content:"\f028"}.fa5-vote-yea:before{content:"\f772"}.fa5-vr-cardboard:before{content:"\f729"}.fa5-vuejs:before{content:"\f41f"}.fa5-walking:before{content:"\f554"}.fa5-wallet:before{content:"\f555"}.fa5-warehouse:before{content:"\f494"}.fa5-watchman-monitoring:before{content:"\e087"}.fa5-water:before{content:"\f773"}.fa5-wave-square:before{content:"\f83e"}.fa5-waze:before{content:"\f83f"}.fa5-weebly:before{content:"\f5cc"}.fa5-weibo:before{content:"\f18a"}.fa5-weight:before{content:"\f496"}.fa5-weight-hanging:before{content:"\f5cd"}.fa5-weixin:before{content:"\f1d7"}.fa5-whatsapp:before{content:"\f232"}.fa5-whatsapp-square:before{content:"\f40c"}.fa5-wheelchair:before{content:"\f193"}.fa5-whmcs:before{content:"\f40d"}.fa5-wifi:before{content:"\f1eb"}.fa5-wikipedia-w:before{content:"\f266"}.fa5-wind:before{content:"\f72e"}.fa5-window-close:before{content:"\f410"}.fa5-window-maximize:before{content:"\f2d0"}.fa5-window-minimize:before{content:"\f2d1"}.fa5-window-restore:before{content:"\f2d2"}.fa5-windows:before{content:"\f17a"}.fa5-wine-bottle:before{content:"\f72f"}.fa5-wine-glass:before{content:"\f4e3"}.fa5-wine-glass-alt:before{content:"\f5ce"}.fa5-wix:before{content:"\f5cf"}.fa5-wizards-of-the-coast:before{content:"\f730"}.fa5-wodu:before{content:"\e088"}.fa5-wolf-pack-battalion:before{content:"\f514"}.fa5-won-sign:before{content:"\f159"}.fa5-wordpress:before{content:"\f19a"}.fa5-wordpress-simple:before{content:"\f411"}.fa5-wpbeginner:before{content:"\f297"}.fa5-wpexplorer:before{content:"\f2de"}.fa5-wpforms:before{content:"\f298"}.fa5-wpressr:before{content:"\f3e4"}.fa5-wrench:before{content:"\f0ad"}.fa5-x-ray:before{content:"\f497"}.fa5-xbox:before{content:"\f412"}.fa5-xing:before{content:"\f168"}.fa5-xing-square:before{content:"\f169"}.fa5-y-combinator:before{content:"\f23b"}.fa5-yahoo:before{content:"\f19e"}.fa5-yammer:before{content:"\f840"}.fa5-yandex:before{content:"\f413"}.fa5-yandex-international:before{content:"\f414"}.fa5-yarn:before{content:"\f7e3"}.fa5-yelp:before{content:"\f1e9"}.fa5-yen-sign:before{content:"\f157"}.fa5-yin-yang:before{content:"\f6ad"}.fa5-yoast:before{content:"\f2b1"}.fa5-youtube:before{content:"\f167"}.fa5-youtube-square:before{content:"\f431"}.fa5-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-brands-400.eot);src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-brands-400.woff2) format("woff2"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-brands-400.woff) format("woff"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-brands-400.ttf) format("truetype"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-brands-400.svg#fontawesome) format("svg")}.fa5b{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-regular-400.eot);src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-regular-400.woff2) format("woff2"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-regular-400.woff) format("woff"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-regular-400.ttf) format("truetype"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-regular-400.svg#fontawesome) format("svg")}.fa5b,.fa5r{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-solid-900.eot);src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-solid-900.woff2) format("woff2"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-solid-900.woff) format("woff"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-solid-900.ttf) format("truetype"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/fa5/fa-solid-900.svg#fontawesome) format("svg")}.fa5,.fa5r,.fa5s{font-family:"Font Awesome 5 Free"}.fa5,.fa5s{font-weight:900}@font-face{font-family:ElegantIcons;src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/elegant/ElegantIcons.eot);src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/elegant/ElegantIcons.eot?#iefix) format('embedded-opentype'),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/elegant/ElegantIcons.woff) format('woff'),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/elegant/ElegantIcons.ttf) format('truetype'),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/elegant/ElegantIcons.svg#ElegantIcons) format('svg');font-weight:400;font-style:normal;font-display:block}[data-icon]:before{font-family:ElegantIcons;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arrow-up-down,.arrow_back,.arrow_carrot-2down,.arrow_carrot-2down_alt2,.arrow_carrot-2dwnn_alt,.arrow_carrot-2left,.arrow_carrot-2left_alt,.arrow_carrot-2left_alt2,.arrow_carrot-2right,.arrow_carrot-2right_alt,.arrow_carrot-2right_alt2,.arrow_carrot-2up,.arrow_carrot-2up_alt,.arrow_carrot-2up_alt2,.arrow_carrot-down,.arrow_carrot-down_alt,.arrow_carrot-down_alt2,.arrow_carrot-left,.arrow_carrot-left_alt,.arrow_carrot-left_alt2,.arrow_carrot-right,.arrow_carrot-right_alt,.arrow_carrot-right_alt2,.arrow_carrot-up,.arrow_carrot-up_alt2,.arrow_carrot_up_alt,.arrow_condense,.arrow_condense_alt,.arrow_down,.arrow_down_alt,.arrow_expand,.arrow_expand_alt,.arrow_expand_alt2,.arrow_expand_alt3,.arrow_left,.arrow_left-down,.arrow_left-down_alt,.arrow_left-right,.arrow_left-right_alt,.arrow_left-up,.arrow_left-up_alt,.arrow_left_alt,.arrow_move,.arrow_right,.arrow_right-down,.arrow_right-down_alt,.arrow_right-up,.arrow_right-up_alt,.arrow_right_alt,.arrow_triangle-down,.arrow_triangle-down_alt,.arrow_triangle-down_alt2,.arrow_triangle-left,.arrow_triangle-left_alt,.arrow_triangle-left_alt2,.arrow_triangle-right,.arrow_triangle-right_alt,.arrow_triangle-right_alt2,.arrow_triangle-up,.arrow_triangle-up_alt,.arrow_triangle-up_alt2,.arrow_up,.arrow_up-down_alt,.arrow_up_alt,.icon_adjust-horiz,.icon_adjust-vert,.icon_archive,.icon_archive_alt,.icon_bag,.icon_bag_alt,.icon_balance,.icon_blocked,.icon_book,.icon_book_alt,.icon_box-checked,.icon_box-empty,.icon_box-selected,.icon_briefcase,.icon_briefcase_alt,.icon_building,.icon_building_alt,.icon_calculator_alt,.icon_calendar,.icon_calulator,.icon_camera,.icon_camera_alt,.icon_cart,.icon_cart_alt,.icon_chat,.icon_chat_alt,.icon_check,.icon_check_alt,.icon_check_alt2,.icon_circle-empty,.icon_circle-slelected,.icon_clipboard,.icon_clock,.icon_clock_alt,.icon_close,.icon_close_alt,.icon_close_alt2,.icon_cloud,.icon_cloud-download,.icon_cloud-download_alt,.icon_cloud-upload,.icon_cloud-upload_alt,.icon_cloud_alt,.icon_cog,.icon_cogs,.icon_comment,.icon_comment_alt,.icon_compass,.icon_compass_alt,.icon_cone,.icon_cone_alt,.icon_contacts,.icon_contacts_alt,.icon_creditcard,.icon_currency,.icon_currency_alt,.icon_cursor,.icon_cursor_alt,.icon_datareport,.icon_datareport_alt,.icon_desktop,.icon_dislike,.icon_dislike_alt,.icon_document,.icon_document_alt,.icon_documents,.icon_documents_alt,.icon_download,.icon_drawer,.icon_drawer_alt,.icon_drive,.icon_drive_alt,.icon_easel,.icon_easel_alt,.icon_error-circle,.icon_error-circle_alt,.icon_error-oct,.icon_error-oct_alt,.icon_error-triangle,.icon_error-triangle_alt,.icon_film,.icon_floppy,.icon_floppy_alt,.icon_flowchart,.icon_flowchart_alt,.icon_folder,.icon_folder-add,.icon_folder-add_alt,.icon_folder-alt,.icon_folder-open,.icon_folder-open_alt,.icon_folder_download,.icon_folder_upload,.icon_genius,.icon_gift,.icon_gift_alt,.icon_globe,.icon_globe-2,.icon_globe_alt,.icon_grid-2x2,.icon_grid-3x3,.icon_group,.icon_headphones,.icon_heart,.icon_heart_alt,.icon_hourglass,.icon_house,.icon_house_alt,.icon_id,.icon_id-2,.icon_id-2_alt,.icon_id_alt,.icon_image,.icon_images,.icon_info,.icon_info_alt,.icon_key,.icon_key_alt,.icon_laptop,.icon_lifesaver,.icon_lightbulb,.icon_lightbulb_alt,.icon_like,.icon_like_alt,.icon_link,.icon_link_alt,.icon_loading,.icon_lock,.icon_lock-open,.icon_lock-open_alt,.icon_lock_alt,.icon_mail,.icon_mail_alt,.icon_map,.icon_map_alt,.icon_menu,.icon_menu-circle_alt,.icon_menu-circle_alt2,.icon_menu-square_alt,.icon_menu-square_alt2,.icon_mic,.icon_mic_alt,.icon_minus-06,.icon_minus-box,.icon_minus_alt,.icon_minus_alt2,.icon_mobile,.icon_mug,.icon_mug_alt,.icon_music,.icon_ol,.icon_paperclip,.icon_pause,.icon_pause_alt,.icon_pause_alt2,.icon_pencil,.icon_pencil-edit,.icon_pencil-edit_alt,.icon_pencil_alt,.icon_pens,.icon_pens_alt,.icon_percent,.icon_percent_alt,.icon_phone,.icon_piechart,.icon_pin,.icon_pin_alt,.icon_plus,.icon_plus-box,.icon_plus_alt,.icon_plus_alt2,.icon_printer,.icon_printer-alt,.icon_profile,.icon_pushpin,.icon_pushpin_alt,.icon_puzzle,.icon_puzzle_alt,.icon_question,.icon_question_alt,.icon_question_alt2,.icon_quotations,.icon_quotations_alt,.icon_quotations_alt2,.icon_refresh,.icon_ribbon,.icon_ribbon_alt,.icon_rook,.icon_search,.icon_search-2,.icon_search_alt,.icon_shield,.icon_shield_alt,.icon_star,.icon_star-half,.icon_star-half_alt,.icon_star_alt,.icon_stop,.icon_stop_alt,.icon_stop_alt2,.icon_table,.icon_tablet,.icon_tag,.icon_tag_alt,.icon_tags,.icon_tags_alt,.icon_target,.icon_tool,.icon_toolbox,.icon_toolbox_alt,.icon_tools,.icon_trash,.icon_trash_alt,.icon_ul,.icon_upload,.icon_vol-mute,.icon_vol-mute_alt,.icon_volume-high,.icon_volume-high_alt,.icon_volume-low,.icon_volume-low_alt,.icon_wallet,.icon_wallet_alt,.icon_zoom-in,.icon_zoom-in_alt,.icon_zoom-out,.icon_zoom-out_alt,.social_blogger,.social_blogger_circle,.social_blogger_square,.social_delicious,.social_delicious_circle,.social_delicious_square,.social_deviantart,.social_deviantart_circle,.social_deviantart_square,.social_dribbble,.social_dribbble_circle,.social_dribbble_square,.social_facebook,.social_facebook_circle,.social_facebook_square,.social_flickr,.social_flickr_circle,.social_flickr_square,.social_googledrive,.social_googledrive_alt2,.social_googledrive_square,.social_googleplus,.social_googleplus_circle,.social_googleplus_square,.social_instagram,.social_instagram_circle,.social_instagram_square,.social_linkedin,.social_linkedin_circle,.social_linkedin_square,.social_myspace,.social_myspace_circle,.social_myspace_square,.social_picassa,.social_picassa_circle,.social_picassa_square,.social_pinterest,.social_pinterest_circle,.social_pinterest_square,.social_rss,.social_rss_circle,.social_rss_square,.social_share,.social_share_circle,.social_share_square,.social_skype,.social_skype_circle,.social_skype_square,.social_spotify,.social_spotify_circle,.social_spotify_square,.social_stumbleupon_circle,.social_stumbleupon_square,.social_tumbleupon,.social_tumblr,.social_tumblr_circle,.social_tumblr_square,.social_twitter,.social_twitter_circle,.social_twitter_square,.social_vimeo,.social_vimeo_circle,.social_vimeo_square,.social_wordpress,.social_wordpress_circle,.social_wordpress_square,.social_youtube,.social_youtube_circle,.social_youtube_square{font-family:ElegantIcons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.arrow_up:before{content:"\21"}.arrow_down:before{content:"\22"}.arrow_left:before{content:"\23"}.arrow_right:before{content:"\24"}.arrow_left-up:before{content:"\25"}.arrow_right-up:before{content:"\26"}.arrow_right-down:before{content:"\27"}.arrow_left-down:before{content:"\28"}.arrow-up-down:before{content:"\29"}.arrow_up-down_alt:before{content:"\2a"}.arrow_left-right_alt:before{content:"\2b"}.arrow_left-right:before{content:"\2c"}.arrow_expand_alt2:before{content:"\2d"}.arrow_expand_alt:before{content:"\2e"}.arrow_condense:before{content:"\2f"}.arrow_expand:before{content:"\30"}.arrow_move:before{content:"\31"}.arrow_carrot-up:before{content:"\32"}.arrow_carrot-down:before{content:"\33"}.arrow_carrot-left:before{content:"\34"}.arrow_carrot-right:before{content:"\35"}.arrow_carrot-2up:before{content:"\36"}.arrow_carrot-2down:before{content:"\37"}.arrow_carrot-2left:before{content:"\38"}.arrow_carrot-2right:before{content:"\39"}.arrow_carrot-up_alt2:before{content:"\3a"}.arrow_carrot-down_alt2:before{content:"\3b"}.arrow_carrot-left_alt2:before{content:"\3c"}.arrow_carrot-right_alt2:before{content:"\3d"}.arrow_carrot-2up_alt2:before{content:"\3e"}.arrow_carrot-2down_alt2:before{content:"\3f"}.arrow_carrot-2left_alt2:before{content:"\40"}.arrow_carrot-2right_alt2:before{content:"\41"}.arrow_triangle-up:before{content:"\42"}.arrow_triangle-down:before{content:"\43"}.arrow_triangle-left:before{content:"\44"}.arrow_triangle-right:before{content:"\45"}.arrow_triangle-up_alt2:before{content:"\46"}.arrow_triangle-down_alt2:before{content:"\47"}.arrow_triangle-left_alt2:before{content:"\48"}.arrow_triangle-right_alt2:before{content:"\49"}.arrow_back:before{content:"\4a"}.icon_minus-06:before{content:"\4b"}.icon_plus:before{content:"\4c"}.icon_close:before{content:"\4d"}.icon_check:before{content:"\4e"}.icon_minus_alt2:before{content:"\4f"}.icon_plus_alt2:before{content:"\50"}.icon_close_alt2:before{content:"\51"}.icon_check_alt2:before{content:"\52"}.icon_zoom-out_alt:before{content:"\53"}.icon_zoom-in_alt:before{content:"\54"}.icon_search:before{content:"\55"}.icon_box-empty:before{content:"\56"}.icon_box-selected:before{content:"\57"}.icon_minus-box:before{content:"\58"}.icon_plus-box:before{content:"\59"}.icon_box-checked:before{content:"\5a"}.icon_circle-empty:before{content:"\5b"}.icon_circle-slelected:before{content:"\5c"}.icon_stop_alt2:before{content:"\5d"}.icon_stop:before{content:"\5e"}.icon_pause_alt2:before{content:"\5f"}.icon_pause:before{content:"\60"}.icon_menu:before{content:"\61"}.icon_menu-square_alt2:before{content:"\62"}.icon_menu-circle_alt2:before{content:"\63"}.icon_ul:before{content:"\64"}.icon_ol:before{content:"\65"}.icon_adjust-horiz:before{content:"\66"}.icon_adjust-vert:before{content:"\67"}.icon_document_alt:before{content:"\68"}.icon_documents_alt:before{content:"\69"}.icon_pencil:before{content:"\6a"}.icon_pencil-edit_alt:before{content:"\6b"}.icon_pencil-edit:before{content:"\6c"}.icon_folder-alt:before{content:"\6d"}.icon_folder-open_alt:before{content:"\6e"}.icon_folder-add_alt:before{content:"\6f"}.icon_info_alt:before{content:"\70"}.icon_error-oct_alt:before{content:"\71"}.icon_error-circle_alt:before{content:"\72"}.icon_error-triangle_alt:before{content:"\73"}.icon_question_alt2:before{content:"\74"}.icon_question:before{content:"\75"}.icon_comment_alt:before{content:"\76"}.icon_chat_alt:before{content:"\77"}.icon_vol-mute_alt:before{content:"\78"}.icon_volume-low_alt:before{content:"\79"}.icon_volume-high_alt:before{content:"\7a"}.icon_quotations:before{content:"\7b"}.icon_quotations_alt2:before{content:"\7c"}.icon_clock_alt:before{content:"\7d"}.icon_lock_alt:before{content:"\7e"}.icon_lock-open_alt:before{content:"\e000"}.icon_key_alt:before{content:"\e001"}.icon_cloud_alt:before{content:"\e002"}.icon_cloud-upload_alt:before{content:"\e003"}.icon_cloud-download_alt:before{content:"\e004"}.icon_image:before{content:"\e005"}.icon_images:before{content:"\e006"}.icon_lightbulb_alt:before{content:"\e007"}.icon_gift_alt:before{content:"\e008"}.icon_house_alt:before{content:"\e009"}.icon_genius:before{content:"\e00a"}.icon_mobile:before{content:"\e00b"}.icon_tablet:before{content:"\e00c"}.icon_laptop:before{content:"\e00d"}.icon_desktop:before{content:"\e00e"}.icon_camera_alt:before{content:"\e00f"}.icon_mail_alt:before{content:"\e010"}.icon_cone_alt:before{content:"\e011"}.icon_ribbon_alt:before{content:"\e012"}.icon_bag_alt:before{content:"\e013"}.icon_creditcard:before{content:"\e014"}.icon_cart_alt:before{content:"\e015"}.icon_paperclip:before{content:"\e016"}.icon_tag_alt:before{content:"\e017"}.icon_tags_alt:before{content:"\e018"}.icon_trash_alt:before{content:"\e019"}.icon_cursor_alt:before{content:"\e01a"}.icon_mic_alt:before{content:"\e01b"}.icon_compass_alt:before{content:"\e01c"}.icon_pin_alt:before{content:"\e01d"}.icon_pushpin_alt:before{content:"\e01e"}.icon_map_alt:before{content:"\e01f"}.icon_drawer_alt:before{content:"\e020"}.icon_toolbox_alt:before{content:"\e021"}.icon_book_alt:before{content:"\e022"}.icon_calendar:before{content:"\e023"}.icon_film:before{content:"\e024"}.icon_table:before{content:"\e025"}.icon_contacts_alt:before{content:"\e026"}.icon_headphones:before{content:"\e027"}.icon_lifesaver:before{content:"\e028"}.icon_piechart:before{content:"\e029"}.icon_refresh:before{content:"\e02a"}.icon_link_alt:before{content:"\e02b"}.icon_link:before{content:"\e02c"}.icon_loading:before{content:"\e02d"}.icon_blocked:before{content:"\e02e"}.icon_archive_alt:before{content:"\e02f"}.icon_heart_alt:before{content:"\e030"}.icon_star_alt:before{content:"\e031"}.icon_star-half_alt:before{content:"\e032"}.icon_star:before{content:"\e033"}.icon_star-half:before{content:"\e034"}.icon_tools:before{content:"\e035"}.icon_tool:before{content:"\e036"}.icon_cog:before{content:"\e037"}.icon_cogs:before{content:"\e038"}.arrow_up_alt:before{content:"\e039"}.arrow_down_alt:before{content:"\e03a"}.arrow_left_alt:before{content:"\e03b"}.arrow_right_alt:before{content:"\e03c"}.arrow_left-up_alt:before{content:"\e03d"}.arrow_right-up_alt:before{content:"\e03e"}.arrow_right-down_alt:before{content:"\e03f"}.arrow_left-down_alt:before{content:"\e040"}.arrow_condense_alt:before{content:"\e041"}.arrow_expand_alt3:before{content:"\e042"}.arrow_carrot_up_alt:before{content:"\e043"}.arrow_carrot-down_alt:before{content:"\e044"}.arrow_carrot-left_alt:before{content:"\e045"}.arrow_carrot-right_alt:before{content:"\e046"}.arrow_carrot-2up_alt:before{content:"\e047"}.arrow_carrot-2dwnn_alt:before{content:"\e048"}.arrow_carrot-2left_alt:before{content:"\e049"}.arrow_carrot-2right_alt:before{content:"\e04a"}.arrow_triangle-up_alt:before{content:"\e04b"}.arrow_triangle-down_alt:before{content:"\e04c"}.arrow_triangle-left_alt:before{content:"\e04d"}.arrow_triangle-right_alt:before{content:"\e04e"}.icon_minus_alt:before{content:"\e04f"}.icon_plus_alt:before{content:"\e050"}.icon_close_alt:before{content:"\e051"}.icon_check_alt:before{content:"\e052"}.icon_zoom-out:before{content:"\e053"}.icon_zoom-in:before{content:"\e054"}.icon_stop_alt:before{content:"\e055"}.icon_menu-square_alt:before{content:"\e056"}.icon_menu-circle_alt:before{content:"\e057"}.icon_document:before{content:"\e058"}.icon_documents:before{content:"\e059"}.icon_pencil_alt:before{content:"\e05a"}.icon_folder:before{content:"\e05b"}.icon_folder-open:before{content:"\e05c"}.icon_folder-add:before{content:"\e05d"}.icon_folder_upload:before{content:"\e05e"}.icon_folder_download:before{content:"\e05f"}.icon_info:before{content:"\e060"}.icon_error-circle:before{content:"\e061"}.icon_error-oct:before{content:"\e062"}.icon_error-triangle:before{content:"\e063"}.icon_question_alt:before{content:"\e064"}.icon_comment:before{content:"\e065"}.icon_chat:before{content:"\e066"}.icon_vol-mute:before{content:"\e067"}.icon_volume-low:before{content:"\e068"}.icon_volume-high:before{content:"\e069"}.icon_quotations_alt:before{content:"\e06a"}.icon_clock:before{content:"\e06b"}.icon_lock:before{content:"\e06c"}.icon_lock-open:before{content:"\e06d"}.icon_key:before{content:"\e06e"}.icon_cloud:before{content:"\e06f"}.icon_cloud-upload:before{content:"\e070"}.icon_cloud-download:before{content:"\e071"}.icon_lightbulb:before{content:"\e072"}.icon_gift:before{content:"\e073"}.icon_house:before{content:"\e074"}.icon_camera:before{content:"\e075"}.icon_mail:before{content:"\e076"}.icon_cone:before{content:"\e077"}.icon_ribbon:before{content:"\e078"}.icon_bag:before{content:"\e079"}.icon_cart:before{content:"\e07a"}.icon_tag:before{content:"\e07b"}.icon_tags:before{content:"\e07c"}.icon_trash:before{content:"\e07d"}.icon_cursor:before{content:"\e07e"}.icon_mic:before{content:"\e07f"}.icon_compass:before{content:"\e080"}.icon_pin:before{content:"\e081"}.icon_pushpin:before{content:"\e082"}.icon_map:before{content:"\e083"}.icon_drawer:before{content:"\e084"}.icon_toolbox:before{content:"\e085"}.icon_book:before{content:"\e086"}.icon_contacts:before{content:"\e087"}.icon_archive:before{content:"\e088"}.icon_heart:before{content:"\e089"}.icon_profile:before{content:"\e08a"}.icon_group:before{content:"\e08b"}.icon_grid-2x2:before{content:"\e08c"}.icon_grid-3x3:before{content:"\e08d"}.icon_music:before{content:"\e08e"}.icon_pause_alt:before{content:"\e08f"}.icon_phone:before{content:"\e090"}.icon_upload:before{content:"\e091"}.icon_download:before{content:"\e092"}.social_facebook:before{content:"\e093"}.social_twitter:before{content:"\e094"}.social_pinterest:before{content:"\e095"}.social_googleplus:before{content:"\e096"}.social_tumblr:before{content:"\e097"}.social_tumbleupon:before{content:"\e098"}.social_wordpress:before{content:"\e099"}.social_instagram:before{content:"\e09a"}.social_dribbble:before{content:"\e09b"}.social_vimeo:before{content:"\e09c"}.social_linkedin:before{content:"\e09d"}.social_rss:before{content:"\e09e"}.social_deviantart:before{content:"\e09f"}.social_share:before{content:"\e0a0"}.social_myspace:before{content:"\e0a1"}.social_skype:before{content:"\e0a2"}.social_youtube:before{content:"\e0a3"}.social_picassa:before{content:"\e0a4"}.social_googledrive:before{content:"\e0a5"}.social_flickr:before{content:"\e0a6"}.social_blogger:before{content:"\e0a7"}.social_spotify:before{content:"\e0a8"}.social_delicious:before{content:"\e0a9"}.social_facebook_circle:before{content:"\e0aa"}.social_twitter_circle:before{content:"\e0ab"}.social_pinterest_circle:before{content:"\e0ac"}.social_googleplus_circle:before{content:"\e0ad"}.social_tumblr_circle:before{content:"\e0ae"}.social_stumbleupon_circle:before{content:"\e0af"}.social_wordpress_circle:before{content:"\e0b0"}.social_instagram_circle:before{content:"\e0b1"}.social_dribbble_circle:before{content:"\e0b2"}.social_vimeo_circle:before{content:"\e0b3"}.social_linkedin_circle:before{content:"\e0b4"}.social_rss_circle:before{content:"\e0b5"}.social_deviantart_circle:before{content:"\e0b6"}.social_share_circle:before{content:"\e0b7"}.social_myspace_circle:before{content:"\e0b8"}.social_skype_circle:before{content:"\e0b9"}.social_youtube_circle:before{content:"\e0ba"}.social_picassa_circle:before{content:"\e0bb"}.social_googledrive_alt2:before{content:"\e0bc"}.social_flickr_circle:before{content:"\e0bd"}.social_blogger_circle:before{content:"\e0be"}.social_spotify_circle:before{content:"\e0bf"}.social_delicious_circle:before{content:"\e0c0"}.social_facebook_square:before{content:"\e0c1"}.social_twitter_square:before{content:"\e0c2"}.social_pinterest_square:before{content:"\e0c3"}.social_googleplus_square:before{content:"\e0c4"}.social_tumblr_square:before{content:"\e0c5"}.social_stumbleupon_square:before{content:"\e0c6"}.social_wordpress_square:before{content:"\e0c7"}.social_instagram_square:before{content:"\e0c8"}.social_dribbble_square:before{content:"\e0c9"}.social_vimeo_square:before{content:"\e0ca"}.social_linkedin_square:before{content:"\e0cb"}.social_rss_square:before{content:"\e0cc"}.social_deviantart_square:before{content:"\e0cd"}.social_share_square:before{content:"\e0ce"}.social_myspace_square:before{content:"\e0cf"}.social_skype_square:before{content:"\e0d0"}.social_youtube_square:before{content:"\e0d1"}.social_picassa_square:before{content:"\e0d2"}.social_googledrive_square:before{content:"\e0d3"}.social_flickr_square:before{content:"\e0d4"}.social_blogger_square:before{content:"\e0d5"}.social_spotify_square:before{content:"\e0d6"}.social_delicious_square:before{content:"\e0d7"}.icon_printer:before{content:"\e103"}.icon_calulator:before{content:"\e0ee"}.icon_building:before{content:"\e0ef"}.icon_floppy:before{content:"\e0e8"}.icon_drive:before{content:"\e0ea"}.icon_search-2:before{content:"\e101"}.icon_id:before{content:"\e107"}.icon_id-2:before{content:"\e108"}.icon_puzzle:before{content:"\e102"}.icon_like:before{content:"\e106"}.icon_dislike:before{content:"\e0eb"}.icon_mug:before{content:"\e105"}.icon_currency:before{content:"\e0ed"}.icon_wallet:before{content:"\e100"}.icon_pens:before{content:"\e104"}.icon_easel:before{content:"\e0e9"}.icon_flowchart:before{content:"\e109"}.icon_datareport:before{content:"\e0ec"}.icon_briefcase:before{content:"\e0fe"}.icon_shield:before{content:"\e0f6"}.icon_percent:before{content:"\e0fb"}.icon_globe:before{content:"\e0e2"}.icon_globe-2:before{content:"\e0e3"}.icon_target:before{content:"\e0f5"}.icon_hourglass:before{content:"\e0e1"}.icon_balance:before{content:"\e0ff"}.icon_rook:before{content:"\e0f8"}.icon_printer-alt:before{content:"\e0fa"}.icon_calculator_alt:before{content:"\e0e7"}.icon_building_alt:before{content:"\e0fd"}.icon_floppy_alt:before{content:"\e0e4"}.icon_drive_alt:before{content:"\e0e5"}.icon_search_alt:before{content:"\e0f7"}.icon_id_alt:before{content:"\e0e0"}.icon_id-2_alt:before{content:"\e0fc"}.icon_puzzle_alt:before{content:"\e0f9"}.icon_like_alt:before{content:"\e0dd"}.icon_dislike_alt:before{content:"\e0f1"}.icon_mug_alt:before{content:"\e0dc"}.icon_currency_alt:before{content:"\e0f3"}.icon_wallet_alt:before{content:"\e0d8"}.icon_pens_alt:before{content:"\e0db"}.icon_easel_alt:before{content:"\e0f0"}.icon_flowchart_alt:before{content:"\e0df"}.icon_datareport_alt:before{content:"\e0f2"}.icon_briefcase_alt:before{content:"\e0f4"}.icon_shield_alt:before{content:"\e0d9"}.icon_percent_alt:before{content:"\e0da"}.icon_globe_alt:before{content:"\e0de"}.icon_clipboard:before{content:"\e0e6"}.glyph{float:left;text-align:center;padding:.75em;margin:.4em 1.5em .75em 0;width:6em;text-shadow:none}.glyph_big{font-size:128px;color:#59c5dc;float:left;margin-right:20px}.glyph div{padding-bottom:10px}.glyph input{font-family:consolas,monospace;font-size:12px;width:100%;text-align:center;border:0;box-shadow:0 0 0 1px #ccc;padding:.2em;-moz-border-radius:5px;-webkit-border-radius:5px}.centered{margin-left:auto;margin-right:auto}.glyph .fs1{font-size:2em}@font-face{font-family:lg;src:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/skin-lightgallery/lg.woff2?io9a6k) format("woff2"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/skin-lightgallery/lg.ttf?io9a6k) format("truetype"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/skin-lightgallery/lg.woff?io9a6k) format("woff"),url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/skin-lightgallery/lg.svg?io9a6k#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-container{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.lg-next,.lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;outline:0;border:none}.lg-next.disabled,.lg-prev.disabled{opacity:0!important;cursor:default}.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled){color:#fff}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:'\e095'}.lg-prev{left:20px}.lg-prev:after{content:'\e094'}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-media-overlap .lg-toolbar{background-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;background:0 0;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:'\e070'}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:'\e90a'}.lg-toolbar .lg-download:after{content:'\e0f2'}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-o-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#999}.lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-next,.lg-closing .lg-prev,.lg-closing .lg-sub-html,.lg-closing .lg-toolbar{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont{opacity:0;-moz-transform:scale3d(.5,.5,.5);-o-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);will-change:transform,opacity;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont{opacity:1;-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;width:100%;max-height:350px;overflow:hidden;float:left}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-thumb-align-middle{text-align:center}.lg-outer .lg-thumb-outer.lg-thumb-align-left{text-align:left}.lg-outer .lg-thumb-outer.lg-thumb-align-right{text-align:right}.lg-outer.lg-single-item .lg-thumb-outer{display:none}.lg-outer .lg-thumb{padding:5px 0;height:100%;margin-bottom:-5px;display:inline-block;vertical-align:middle}@media (min-width:768px){.lg-outer .lg-thumb{padding:10px 0}}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border-radius:2px;margin-bottom:5px;will-change:border-color}@media (min-width:768px){.lg-outer .lg-thumb-item{border-radius:4px;border:2px solid #fff;-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover;display:block}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer .lg-toggle-thumb:after{content:'\e1ff'}.lg-outer.lg-animate-thumb .lg-thumb{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.lg-outer .lg-video-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-video-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-video-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-video-object{position:absolute;left:0;right:0;width:100%;height:100%;top:0;bottom:0;z-index:3}.lg-outer .lg-video-poster{z-index:1}.lg-outer .lg-has-video .lg-video-object{opacity:0;will-change:opacity;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster{opacity:0!important}.lg-outer .lg-has-video.lg-video-loaded .lg-video-object{opacity:1}@keyframes lg-play-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes lg-play-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lg-video-play-button{width:18%;max-width:140px;position:absolute;top:50%;left:50%;z-index:2;cursor:pointer;transform:translate(-50%,-50%) scale(1);will-change:opacity,transform;-webkit-transition:-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-moz-transition:-moz-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-o-transition:-o-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;transition:transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s}.lg-video-play-button:hover .lg-video-play-icon,.lg-video-play-button:hover .lg-video-play-icon-bg{opacity:1}.lg-video-play-icon-bg{fill:none;stroke-width:3%;stroke:#fcfcfc;opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon-circle{position:absolute;top:0;left:0;bottom:0;right:0;fill:none;stroke-width:3%;stroke:rgba(30,30,30,.9);stroke-opacity:1;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}.lg-video-play-icon{position:absolute;width:25%;max-width:120px;left:50%;top:50%;transform:translate3d(-50%,-50%,0);opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon .lg-video-play-icon-inner{fill:#fcfcfc}.lg-video-loading .lg-video-play-icon-circle{animation:lg-play-rotate 2s linear .25s infinite,lg-play-stroke 1.5s ease-in-out .25s infinite}.lg-video-loaded .lg-video-play-button{opacity:0;transform:translate(-50%,-50%) scale(.7)}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;will-change:opacity;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:'\e01d'}.lg-show-autoplay .lg-autoplay-button:after{content:'\e01a'}.lg-single-item .lg-autoplay-button{opacity:.75;pointer-events:none}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s}.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .8s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .8s cubic-bezier(0,0,.25,1) 0s;transition:transform .8s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);will-change:opacity,transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-icon.lg-zoom-in:after{content:'\e311'}.lg-icon.lg-actual-size{font-size:20px}.lg-icon.lg-actual-size:after{content:'\e033'}.lg-icon.lg-zoom-out{opacity:.5;pointer-events:none}.lg-icon.lg-zoom-out:after{content:'\e312'}.lg-zoomed .lg-icon.lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-zoom-out{opacity:.75;pointer-events:none}.lg-outer .lg-pager-outer{text-align:center;z-index:1080;height:10px;margin-bottom:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer.lg-single-item .lg-pager-outer{display:none}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#fff;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;will-change:transform,opacity;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer .lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:absolute;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active .lg-dropdown,.lg-outer.lg-dropdown-active .lg-dropdown-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active .lg-share{color:#fff}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);will-change:visibility,opacity,transform;-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:'';display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#fff;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer .lg-share{position:relative}.lg-outer .lg-share:after{content:'\e80d'}.lg-outer .lg-share-facebook .lg-icon{color:#3b5998}.lg-outer .lg-share-facebook .lg-icon:after{content:'\e904'}.lg-outer .lg-share-twitter .lg-icon{color:#00aced}.lg-outer .lg-share-twitter .lg-icon:after{content:'\e907'}.lg-outer .lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer .lg-share-pinterest .lg-icon:after{content:'\e906'}.lg-comment-box{width:420px;max-width:100%;position:absolute;right:0;top:0;bottom:0;z-index:9999;background-color:#fff;will-change:transform;-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-comment-box .lg-comment-title{margin:0;color:#fff;font-size:18px}.lg-comment-box .lg-comment-header{background-color:#000;padding:12px 20px;position:absolute;left:0;right:0;top:0}.lg-comment-box .lg-comment-body{height:100%!important;padding-top:43px!important;width:100%!important}.lg-comment-box .fb-comments{height:100%;width:100%;background:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/skin-lightgallery/loading.gif) no-repeat scroll center center #fff;overflow-y:auto;display:inline-block}.lg-comment-box .fb-comments[fb-xfbml-state=rendered]{background-image:none}.lg-comment-box .fb-comments>span{max-width:100%}.lg-comment-box .lg-comment-close{position:absolute;right:5px;top:12px;cursor:pointer;font-size:20px;color:#999;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-comment-box .lg-comment-close:hover{color:#fff}.lg-comment-box .lg-comment-close:after{content:'\e070'}.lg-comment-box iframe{max-width:100%!important;width:100%!important}.lg-comment-box #disqus_thread{padding:0 20px}.lg-outer .lg-comment-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer .lg-comment-toggle:after{content:'\e908'}.lg-outer.lg-comment-active .lg-comment-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-comment-active .lg-comment-toggle{color:#fff}.lg-outer.lg-comment-active .lg-comment-box{-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-img-rotate{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,.lg-outer[data-lg-slide-type=video] .lg-flip-hor,.lg-outer[data-lg-slide-type=video] .lg-flip-ver,.lg-outer[data-lg-slide-type=video] .lg-rotate-left,.lg-outer[data-lg-slide-type=video] .lg-rotate-right{opacity:.75;pointer-events:none}.lg-rotate-left:after{content:'\e900'}.lg-rotate-right:after{content:'\e901'}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:'\e903'}.lg-flip-hor:after{content:'\e902'}.lg-medium-zoom-item{cursor:zoom-in}.lg-medium-zoom .lg-outer{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grab img.lg-object{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object{cursor:zoom-out}.lg-relative-caption .lg-outer .lg-sub-html{white-space:normal;bottom:auto;padding:0;background-image:none}.lg-relative-caption .lg-outer .lg-relative-caption-item{opacity:0;padding:16px 0;transition:.5s opacity ease}.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item{opacity:1}.lg-group:after{content:'';display:table;clear:both}.lg-container{display:none;outline:0}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-hide-sub-html .lg-sub-html,.lg-next,.lg-pager-outer,.lg-prev,.lg-toolbar{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s}.lg-show-in .lg-next,.lg-show-in .lg-pager-outer,.lg-show-in .lg-prev,.lg-show-in .lg-toolbar{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:0;will-change:auto;overflow:hidden;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-content{position:absolute;top:0;left:0;right:0;bottom:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/plugins/skin-lightgallery/loading.gif) no-repeat scroll center center transparent}.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer .lg-empty-html .lg-sub-html,.lg-outer .lg-empty-html.lg-sub-html{display:none}.lg-outer.lg-hide-download .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity .2s ease-out .15s}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;transition:transform 1s cubic-bezier(.175,.885,.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:'\e909'}.lg-components{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform;-webkit-transition:-webkit-transform .35s ease-out 0s;-moz-transition:-moz-transform .35s ease-out 0s;-o-transition:-o-transform .35s ease-out 0s;transition:transform .35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0}.gdlr-core-page-builder-body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.gdlr-core-page-builder-body p{ margin-top: 0px; margin-bottom: 20px; font-size: inherit; line-height: inherit; }
.gdlr-core-page-builder-body .gdlr-core-no-p-space p{ margin-bottom: 0px; }
.gdlr-core-page-builder-body ul{ margin-top: 0px; }
.gdlr-core-page-builder-body img{ max-width: 100%; height: auto; }
.gdlr-core-page-builder-body a{ text-decoration: none;
transition: background 300ms, color 300ms, border-color 300ms, opacity 300ms; -moz-transition: background 300ms, color 300ms, border-color 300ms, opacity 300ms;
-o-transition: background 300ms, color 300ms, border-color 300ms, opacity 300ms; -webkit-transition: background 300ms, color 300ms, border-color 300ms, opacity 300ms; } .clear{ display: block; clear: both; visibility: hidden; line-height: 0; height: 0; zoom: 1; }
.clearfix{ zoom: 1; }
.clearfix:after{ content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.gdlr-core-container{ margin-left: auto; margin-right: auto; }
.gdlr-core-item-pdb{ padding-bottom: 30px; }
.gdlr-core-media-image{ line-height: 0; position: relative; }
.gdlr-core-media-video video{ width: 100%; }
.gdlr-core-left-align{ text-align: left; }
.gdlr-core-center-align{ text-align: center; }
.gdlr-core-right-align{ text-align: right; }
.gdlr-core-content-container{ padding-top: 60px; padding-bottom: 40px; }
.gdlr-core-line-height-0{ line-height: 0; } 
.gdlr-core-column-10{ float: left; width: 16.6666%; }
.gdlr-core-column-12{ float: left; width: 20%; }
.gdlr-core-column-15{ float: left; width: 25%; }
.gdlr-core-column-18{ float: left; width: 30%; }
.gdlr-core-column-20{ float: left; width: 33.3333%; }
.gdlr-core-column-24{ float: left; width: 40%; }
.gdlr-core-column-30{ float: left; width: 50%; }
.gdlr-core-column-36{ float: left; width: 60%; }
.gdlr-core-column-40{ float: left; width: 66.6666%; }
.gdlr-core-column-42{ float: left; width: 70%; }
.gdlr-core-column-45{ float: left; width: 75%; }
.gdlr-core-column-48{ float: left; width: 80%; }
.gdlr-core-column-50{ float: left; width: 83.3333%; }
.gdlr-core-column-60{ float: none; width: 100%; }
.gdlr-core-column-first{ clear: left; }
::placeholder{ opacity: 1; }
img[src$=".svg"]{ width: 100%; }
ul.slides .clearfix{ height: auto; opacity: 1; clear: none; }
.gdlr-core-pbf-wrapper{ padding: 60px 0px 30px; position: relative; }
.gdlr-core-pbf-wrapper.gdlr-core-wrapper-centering{ padding-top: 0px; padding-bottom: 0px; }
.gdlr-core-pbf-wrapper-container{ margin-left: auto; margin-right: auto; }
.gdlr-core-container-custom{ margin-left: auto; margin-right: auto; }
.gdlr-core-pbf-wrapper-container-inner{ position: relative; }
.gdlr-core-page-builder-wrapper .gdlr-core-pbf-wrapper-container-inner{ width: 100%; }
.gdlr-core-page-builder-wrapper-container-bg-image{ position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background-size: cover; background-position: center; }
.gdlr-core-page-builder-wrapper-container-content{ position: relative; }
.gdlr-core-pbf-wrapper-content{ }
.gdlr-core-pbf-column,
.gdlr-core-pbf-column-content-margin{ position: relative;
transition: border-color 200ms; -moz-transition: border-color 200ms; -o-transition: border-color 200ms; -webkit-transition: border-color 200ms; }
.gdlr-core-page-builder-column-right-divider{ position: absolute; right: 0px; border-right-width: 1px; top: 50%; }
.gdlr-core-pbf-column-link{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.gdlr-core-pbf-column-content{ position: relative; margin-left: auto; margin-right: auto; min-height: 1px; }
.gdlr-core-pbf-element{ clear: both; }
.gdlr-core-pbf-section:first-child{ padding-top: 60px; }
.gdlr-core-pbf-section:first-child:last-child{ padding-bottom: 30px; }
.gdlr-core-pbf-wrapper-container{ display: flex; flex-wrap: wrap; }
.gdlr-core-pbf-wrapper-container > .gdlr-core-pbf-element{ width: 100%; }
.gdlr-core-pbf-wrapper-container > .gdlr-core-pbf-wrapper-container-inner{ width: 100%; }
.gdlr-core-pbf-background{ width: 100%; height: 100%; }
.gdlr-core-pbf-background-wrap{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; z-index: -2;
transition: border-color 300ms, border-width 100ms; -moz-transition: border-color 300ms, border-width 100ms; 
-o-transition: border-color 300ms, border-width 100ms; -webkit-transition: border-color 300ms, border-width 100ms; }
.gdlr-core-pbf-background-frame{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1;
transition: border-color 300ms; -moz-transition: border-color 300ms; 
-o-transition: border-color 300ms; -webkit-transition: border-color 300ms; }
.gdlr-core-pbf-background-video{ pointer-events: none; }
.gdlr-core-pbf-background-video video{ width: 100%; height: 100%; }
.gdlr-core-pbf-flexbox{ display: flex; clear: both; }
.gdlr-core-page-builder-wrapper-top-gradient{ position: absolute; top: 0px; left: 0px; right: 0px; }
.gdlr-core-page-builder-wrapper-bottom-gradient{ position: absolute; bottom: 0px; left: 0px; right: 0px; }
.gdlr-core-wrapper-bg-overlay{ position: absolute; top: 0px; bottom: 0px; 
background-size: cover; background-repeat: no-repeat; background-position: center; }
.gdlr-core-wrapper-bg-overlay.gdlr-core-pos-left{ left: 0px; right: 50%; }
.gdlr-core-wrapper-bg-overlay.gdlr-core-pos-right{ right: 0px; left: 50%; }
.gdlr-core-effect-3d{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
.gdlr-core-effect-3d.gdlr-core-animate-transform{ transition: transform 200ms; -moz-transition: -moz-transform 200ms; -webkit-transition: -webkit-transform 200ms; }
.gdlr-core-effect-3d .gdlr-core-pbf-column-content{ 
transform: translateZ(50px); -webkit-transform: translateZ(50px); -moz-transform: translateZ(50px); 
transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.gdlr-core-pbf-background{ background-attachment: scroll !important; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.gdlr-core-pbf-background{ background-attachment: scroll !important; }
}
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-item-pdlr{ padding-left: 0px; padding-right: 0px; }
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-item-mglr{ margin-left: 0px; margin-right: 0px; }
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-item-mgb{ margin-bottom: 0px; }
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-block-item-title-wrap{ margin-left: 70px; margin-right: 60px; }
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-pagination{ padding-left: 40px; padding-right: 40px; }
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-twitter-item .gdlr-core-block-item-title-wrap{ margin-left: 0px; }
.gdlr-core-pbf-sidebar-wrapper{ clear: both; position: relative; overflow: hidden; }
.gdlr-core-pbf-sidebar-content{ float: none; display: inline-block; }
.gdlr-core-sidebar-item,
.gdlr-core-pbf-sidebar-content-inner{ position: relative; }
.gdlr-core-pbf-sidebar-left{ float: left; }
.gdlr-core-pbf-sidebar-right{ float: right; }
.gdlr-core-pbf-sidebar-padding{ padding-top: 60px; padding-bottom: 40px; position: relative; }
.gdlr-core-pbf-sidebar-left .gdlr-core-pbf-background-wrap{ right: -1px; }
.gdlr-core-pbf-sidebar-right .gdlr-core-pbf-background-wrap{ left: -1px; }
.gdlr-core-external-plugin-message{ text-align: center; font-size: 19px; padding: 24px 15px 24px; background: #f7d8bc; color: #777; }
.gdlr-core-particle-bg{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } @media only screen and (max-width: 999px){ 
.gdlr-core-column-extend-left > .gdlr-core-pbf-background-wrap{ margin-left: -50px; } 
.gdlr-core-column-extend-right > .gdlr-core-pbf-background-wrap{ margin-right: -50px; } 
}
@media only screen and (min-width: 1000px) and (max-width: 1170px){ 
.gdlr-core-column-extend-left > .gdlr-core-pbf-background-wrap{ margin-left: -100px; } 
.gdlr-core-column-extend-right > .gdlr-core-pbf-background-wrap{ margin-right: -100px; } 
}
@media only screen and (min-width: 1171px) and (max-width: 1400px){ 
.gdlr-core-column-extend-left > .gdlr-core-pbf-background-wrap{ margin-left: -200px; } 
.gdlr-core-column-extend-right > .gdlr-core-pbf-background-wrap{ margin-right: -200px; } 
}
@media only screen and (min-width: 1401px) and (max-width: 1600px){ 
.gdlr-core-column-extend-left > .gdlr-core-pbf-background-wrap{ margin-left: -300px; } 
.gdlr-core-column-extend-right > .gdlr-core-pbf-background-wrap{ margin-right: -300px; } 
}
@media only screen and (min-width: 1601px) and (max-width: 1800px){ 
.gdlr-core-column-extend-left > .gdlr-core-pbf-background-wrap{ margin-left: -400px; } 
.gdlr-core-column-extend-right > .gdlr-core-pbf-background-wrap{ margin-right: -400px; } 
}
@media only screen and (min-width: 1801px){ 
.gdlr-core-column-extend-left > .gdlr-core-pbf-background-wrap{ margin-left: -500px; } 
.gdlr-core-column-extend-right > .gdlr-core-pbf-background-wrap{ margin-right: -500px; } 
} .gdlr-core-fluid-video-wrapper { width: 100%; position: relative; padding: 0; overflow: hidden; }
.gdlr-core-fluid-video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; } .gdlr-core-button{ font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.8px; 
padding: 15px 33px; display: inline-block; -webkit-appearance: none;
border-radius: 27px; -moz-border-radius: 27px; -webkit-border-radius: 27px; }
.gdlr-core-button.gdlr-core-rectangle{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.gdlr-core-button-with-border{ border-width: 1px; border-style: solid; }
.gdlr-core-button-full-width{ display: block; }
.gdlr-core-button .gdlr-core-content{ display: inline-block; vertical-align: middle; }
.gdlr-core-button i{ vertical-align: middle; line-height: 1;
transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; -webkit-transition: color 300ms; }
.gdlr-core-button i.gdlr-core-pos-right{ margin-left: 10px; }
.gdlr-core-button i.gdlr-core-pos-left{ margin-right: 10px; }
.gdlr-core-body .gdlr-core-button.gdlr-core-button-transparent,
.gdlr-core-body .gdlr-core-button.gdlr-core-button-transparent:hover{ background: transparent; }
.gdlr-core-body [data-skin] .gdlr-core-button.gdlr-core-button-transparent,
.gdlr-core-body [data-skin] .gdlr-core-button.gdlr-core-button-transparent:hover{ background: transparent; }
.gdlr-core-body .gdlr-core-column-pbf[data-skin] .gdlr-core-button.gdlr-core-button-transparent,
.gdlr-core-body .gdlr-core-column-pbf[data-skin] .gdlr-core-button.gdlr-core-button-transparent:hover{ background: transparent; }
.gdlr-core-body .gdlr-core-button.gdlr-core-button-bottom-border-on-text{ position: relative; background: transparent; }
.gdlr-core-body .gdlr-core-button.gdlr-core-button-bottom-border-on-text:hover{ background: transparent; }
.gdlr-core-button-bottom-border-on-text .gdlr-core-border-on-text{ position: absolute; top: 100%; left: 0px; right: 0px; margin-top: -10px; border-bottom-width: 10px; border-bottom-style: solid; }
.gdlr-core-button-bottom-border-on-text .gdlr-core-content{ position: relative; }
.gdlr-core-load-more-wrap .gdlr-core-load-more{ font-size: 12px; text-transform: uppercase; font-weight: bold; 
cursor: pointer; letter-spacing: 2px; padding: 20px 50px; display: inline-block; margin-top: 20px; margin-bottom: 40px; }
.gdlr-core-portfolio-item-style-modern-no-space .gdlr-core-load-more{ margin-top: 50px; margin-bottom: 5px; }
.gdlr-core-portfolio-item-style-modern-desc-no-space .gdlr-core-load-more{ margin-top: 60px; }
.gdlr-core-button-with-shadow{ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); } .gdlr-core-hover-content-item{ position: relative; }
.gdlr-core-hover-content-front{ position: absolute; top: 0px; left: 0px; right: 0px; pointer-events: none;
transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; }
.gdlr-core-hover-content-back{ position: relative; opacity: 0;
transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; }
.gdlr-core-hover-content-item:hover .gdlr-core-hover-content-front{ opacity: 0; }
.gdlr-core-hover-content-item:hover .gdlr-core-hover-content-back{ opacity: 1; }
.gdlr-core-hover-content-item .gdlr-core-hover-content-title{ font-size: 24px; }
.gdlr-core-hover-content-item .gdlr-core-hover-content-content{ font-size: 18px; }
.gdlr-core-hover-content-item .gdlr-core-hover-content-button .gdlr-core-button{ font-size: 13px;
font-weight: 600; text-transform: uppercase; letter-spacing: 1px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .gdlr-core-image-content-item .gdlr-core-image-content{ position: relative; height: 300px; overflow: hidden; }
.gdlr-core-image-content-item .gdlr-core-image-content-overlay{ position: absolute; top: 50%; transform: translateY(-50%); left: 20px; right: 20px; -webkit-backface-visibility: hidden; }
.gdlr-core-image-content .gdlr-core-image-content-thumbnail{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center; background-size: cover; }
.gdlr-core-image-content .gdlr-core-image-content-thumbnail-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
transition: background 300ms, opacity 300ms; -moz-transition: background 300ms, opacity 300ms; -webkit-transition: background 300ms, opacity 300ms; }
.gdlr-core-image-content-item.gdlr-core-style-slide .gdlr-core-image-content-overlay-content{ max-height: 0; overflow: hidden;
transition: max-height 500ms; -webkit-transition: max-height 500ms; -moz-transition: max-height 500ms; }
.gdlr-core-image-content-item .gdlr-core-image-content-overlay.gdlr-core-with-link { pointer-events: none; }
.gdlr-core-image-content:hover .gdlr-core-image-content-overlay-content{ max-height: 300px; }
.gdlr-core-image-content .gdlr-core-image-content-title { margin-bottom: 14px; }
.gdlr-core-image-content .gdlr-core-image-content-icon{ font-size: 18px; margin-bottom: 32px; }
.gdlr-core-image-content .gdlr-core-image-content-link{ font-size: 20px; }
.gdlr-core-image-content .gdlr-core-image-content-icon{ color: #fff; }
.gdlr-core-image-content .gdlr-core-image-content-title{ color: #fff; }
.gdlr-core-image-content .gdlr-core-image-content-overlay-content{ color: #fff; }
.gdlr-core-image-content .gdlr-core-image-content-link,
.gdlr-core-image-content .gdlr-core-image-content-link:hover{ color: #fff; } .gdlr-core-hover-box{ position: relative; overflow: hidden; background: #fff; border-style: solid; border-width: 0px;
transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; -webkit-transition: background 300ms; }
.gdlr-core-hover-box .gdlr-core-hover-box-link{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.gdlr-core-hover-box .gdlr-core-hover-box-content-wrap{ padding: 45px 30px 25px; position: relative; }
.gdlr-core-hover-box .gdlr-core-hover-box-title{ font-size: 22px;
transition: color 200ms; -moz-transition: color 200ms; -o-transition: color 200ms; -webkit-transition: color 200ms; }
.gdlr-core-hover-box .gdlr-core-hover-box-content{ font-size: 17px;
transition: color 200ms; -moz-transition: color 200ms; -o-transition: color 200ms; -webkit-transition: color 200ms; }
.gdlr-core-hover-box .gdlr-core-hover-box-text-link i{ margin-left: 10px; }
.gdlr-core-hover-box .gdlr-core-hover-box-text-link{ font-weight: bold; }
.gdlr-core-hover-box .gdlr-core-hover-box-thumbnail-inside{ margin-bottom: 25px; }
.gdlr-core-hover-box .gdlr-core-hover-box-bg{ position: absolute; 
top: 0px; right: 0px; bottom: 0px; left: 0px; background-size: cover;
transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out;
-o-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; }
.gdlr-core-hover-box .gdlr-core-hover-box-bg-hover{ opacity: 0; position: absolute; 
top: 0px; right: 0px; bottom: 0px; left: 0px; background-size: cover;
transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out;
-o-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; }
.gdlr-core-hover-box:hover .gdlr-core-hover-box-bg-hover{ opacity: 1; }
.gdlr-core-hover-box-item .gdlr-core-flexslider .flex-control-nav{ margin-top: 45px; }
.gdlr-core-hover-box-item .gdlr-core-flexslider.gdlr-core-with-outer-frame-element .flex-viewport{ padding-top: 15px; margin-top: -15px;
padding-left: 15px; margin-left: -15px; padding-right: 15px; margin-right: -15px; padding-bottom: 15px; margin-bottom: -15px; }
.gdlr-core-hover-box.gdlr-core-move-up-with-shadow{
transition: transform 150ms ease-out, box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms, background 300ms; 
-moz-transition: transform 150ms ease-out, -moz-box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms, background 300ms; 
-o-transition: transform 150ms ease-out, -o-box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms, background 300ms; 
-webkit-transition: transform 150ms ease-out, -webkit-box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms, background 300ms; }
.gdlr-core-hover-box-item.gdlr-core-style-left-image .gdlr-core-hover-box{ padding: 45px 30px 25px; }
.gdlr-core-hover-box-item.gdlr-core-style-left-image .gdlr-core-hover-box-thumbnail-top{ width: 50px; float: left; margin-right: 30px; }
.gdlr-core-hover-box-item.gdlr-core-style-left-image .gdlr-core-hover-box-content-wrap{ overflow: hidden; padding: 0px; }
.gdlr-core-hover-box-item.gdlr-core-right-align .gdlr-core-hover-box-thumbnail-top{ margin-left: auto; }
.gdlr-core-hover-box-item.gdlr-core-center-align .gdlr-core-hover-box-thumbnail-top{ margin-left: auto; margin-right: auto; }
.gdlr-core-hover-box-item.gdlr-core-right-align .gdlr-core-hover-box-thumbnail-inside{ margin-left: auto; }
.gdlr-core-hover-box-item.gdlr-core-center-align .gdlr-core-hover-box-thumbnail-inside{ margin-left: auto; margin-right: auto; }
.gdlr-core-hover-box .gdlr-core-hover-thumbnail img:nth-child(2){ display: none; } .gdlr-core-input-wrap input, 
.gdlr-core-input-wrap textarea,
.gdlr-core-input-wrap select{ border-width: 1px 1px 2px 1px; border-style: solid; }
.gdlr-core-input-wrap input[type="date"]{ line-height: 1.2; }
.gdlr-core-input-wrap input:focus,
.gdlr-core-input-wrap textarea:focus,
.gdlr-core-input-wrap select:focus{ outline: none; }
.gdlr-core-input-wrap select,
.gdlr-core-input-wrap select:focus,
.gdlr-core-input-wrap input[type="date"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.gdlr-core-input-wrap input[type="button"], 
.gdlr-core-input-wrap input[type="submit"],
.gdlr-core-input-wrap input[type="reset"]{ font-size: 13px; font-weight: bold; text-transform: uppercase; 
letter-spacing: 0.8px; padding: 15px 33px; display: inline-block; -webkit-appearance: none; }
.gdlr-core-input-wrap input[type="button"], 
.gdlr-core-input-wrap input[type="submit"],
.gdlr-core-input-wrap input[type="reset"]{ border-width: 0px; border-style: solid; cursor: pointer; 
transition: background 300ms, color 300ms, border-color 300ms; -moz-transition: background 300ms, color 300ms, border-color 300ms;
-o-transition: background 300ms, color 300ms, border-color 300ms; -webkit-transition: background 300ms, color 300ms, border-color 300ms; }
.gdlr-core-input-wrap input[type="button"]:focus, 
.gdlr-core-input-wrap input[type="submit"]:focus,
.gdlr-core-input-wrap input[type="reset"]:focus{ outline: none; }
.gdlr-core-input-wrap input[type="button"].gdlr-core-large, 
.gdlr-core-input-wrap input[type="submit"].gdlr-core-large,
.gdlr-core-input-wrap input[type="reset"].gdlr-core-large{ min-width: 200px; }
.gdlr-core-input-wrap input[type="button"].gdlr-core-small, 
.gdlr-core-input-wrap input[type="submit"].gdlr-core-small,
.gdlr-core-input-wrap input[type="reset"].gdlr-core-small{ font-size: 13px; padding: 14px 28px; }
.gdlr-core-input-wrap input[type="button"].gdlr-core-full, 
.gdlr-core-input-wrap input[type="submit"].gdlr-core-full,
.gdlr-core-input-wrap input[type="reset"].gdlr-core-full{ width: 100%; }
.gdlr-core-input-wrap input[type="button"].gdlr-core-round-button,
.gdlr-core-input-wrap input[type="submit"].gdlr-core-round-button{ border-radius: 27px; -moz-border-radius: 27px; -webkit-border-radius: 27px;  }
.gdlr-core-input-wrap input[type="button"].gdlr-core-curve-button,
.gdlr-core-input-wrap input[type="submit"].gdlr-core-curve-button{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
.gdlr-core-input-wrap input[type="submit"].gdlr-core-button-transparent{ background: transparent; }
.gdlr-core-input-wrap input[type="submit"].gdlr-core-button-with-border{ border-width: 2px; border-style: solid; }
.gdlr-core-input-wrap.gdlr-core-round input, 
.gdlr-core-input-wrap.gdlr-core-round textarea,
.gdlr-core-input-wrap.gdlr-core-round select,
.gdlr-core-input-wrap.gdlr-core-round input[type="button"], 
.gdlr-core-input-wrap.gdlr-core-round input[type="submit"],
.gdlr-core-input-wrap.gdlr-core-round input[type="reset"]{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-input-wrap.gdlr-core-with-column{ margin-left: -7px; margin-right: -7px; }
.gdlr-core-input-wrap [class^="gdlr-core-column-"]{ padding-left: 7px; padding-right: 7px; margin-bottom: 14px; }
.gdlr-core-input-wrap.gdlr-core-full-width input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.gdlr-core-input-wrap.gdlr-core-full-width textarea,
.gdlr-core-input-wrap.gdlr-core-full-width select{ width: 100%; display: block; }
.gdlr-core-input-wrap.gdlr-core-no-border input:not([type="button"]):not([type="submit"]):not([type="file"]), 
.gdlr-core-input-wrap.gdlr-core-no-border textarea,
.gdlr-core-input-wrap.gdlr-core-no-border select{ border: none; }
.gdlr-core-input-wrap.gdlr-core-bottom-border input:not([type="button"]):not([type="submit"]):not([type="file"]), 
.gdlr-core-input-wrap.gdlr-core-bottom-border textarea,
.gdlr-core-input-wrap.gdlr-core-bottom-border select{ padding-left: 0px; padding-right: 0px; 
font-size: 16px; border-width: 0px 0px 2px 0px; background: transparent; }
.gdlr-core-input-wrap.gdlr-core-bottom-border{ margin-left: -20px; margin-right: -20px; }
.gdlr-core-input-wrap.gdlr-core-bottom-border [class^="gdlr-core-column-"]{ padding-left: 20px; padding-right: 20px; }
.gdlr-core-input-wrap.gdlr-core-large input:not([type="button"]):not([type="submit"]):not([type="file"]),
.gdlr-core-input-wrap.gdlr-core-large select{ font-size: 15px; padding: 15px 22px; }
.gdlr-core-input-wrap.gdlr-core-large textarea{ font-size: 15px; padding: 18px 22px; height: 120px; }
.gdlr-core-input-wrap.gdlr-core-small.gdlr-core-with-column{ margin-left: -5px; margin-right: -5px; }
.gdlr-core-input-wrap.gdlr-core-small [class^="gdlr-core-column-"]{ padding-left: 6px; padding-right: 6px; }
.gdlr-core-input-wrap.gdlr-core-small input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.gdlr-core-input-wrap.gdlr-core-small textarea,
.gdlr-core-input-wrap.gdlr-core-small select{ margin-bottom: 12px; }
.gdlr-core-input-wrap.gdlr-core-small input:not([type="button"]):not([type="submit"]):not([type="file"]){ font-size: 13px; padding: 12px 18px; }
.gdlr-core-input-wrap.gdlr-core-small textarea,
.gdlr-core-input-wrap.gdlr-core-small select{ font-size: 13px; padding: 12px 18px; height: 120px; }
.gdlr-core-input-wrap.gdlr-core-dark-transparent-style input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.gdlr-core-input-wrap.gdlr-core-dark-transparent-style textarea,
.gdlr-core-input-wrap.gdlr-core-dark-transparent-style select{ background: rgba(49, 49, 49, 0.8); color: #adadad; }
.gdlr-core-input-wrap.gdlr-core-dark-transparent-style ::-webkit-input-placeholder{ color: #adadad; }
.gdlr-core-input-wrap.gdlr-core-dark-transparent-style ::-moz-placeholder{ color: #adadad; }
.gdlr-core-input-wrap.gdlr-core-dark-transparent-style :-ms-input-placeholder{ color: #adadad; }
.gdlr-core-input-wrap.gdlr-core-dark-transparent-style :-moz-placeholder{ color: #adadad; } .gdlr-core-pagination a{ cursor: pointer; }
.gdlr-core-pagination a.gdlr-core-active{ cursor: default; }
.gdlr-core-pagination a, 
.gdlr-core-pagination span{ white-space: nowrap; font-weight: bold; }
.gdlr-core-pagination a.prev:before{ content: "\f104"; font-family: fontAwesome; line-height: 1; }
.gdlr-core-pagination a.next:before{ content: "\f105"; font-family: fontAwesome; line-height: 1; }
.gdlr-core-pagination.gdlr-core-with-border a, 
.gdlr-core-pagination.gdlr-core-with-border span{ background: transparent; border-width: 2px; border-style: solid; }
.gdlr-core-pagination.gdlr-core-with-border a.gdlr-core-active,
.gdlr-core-pagination.gdlr-core-with-border a:hover{ background: transparent; }
.gdlr-core-page-builder-body [data-skin] .gdlr-core-pagination.gdlr-core-with-border a,
.gdlr-core-page-builder-body [data-skin] .gdlr-core-pagination.gdlr-core-with-border span,
.gdlr-core-page-builder-body [data-skin] .gdlr-core-pagination.gdlr-core-with-border a.gdlr-core-active,
.gdlr-core-page-builder-body [data-skin] .gdlr-core-pagination.gdlr-core-with-border a:hover{ background: transparent; }
.gdlr-core-pagination.gdlr-core-style-plain a,
.gdlr-core-pagination.gdlr-core-style-plain span{ background: transparent; margin-left: 15px; }
.gdlr-core-pagination.gdlr-core-style-plain a.gdlr-core-active,
.gdlr-core-pagination.gdlr-core-style-plain a:hover{ background: transparent; }
.gdlr-core-pagination.gdlr-core-style-plain a:before,
.gdlr-core-pagination.gdlr-core-style-plain span:before{ content: "/ "; margin-right: 15px; }
.gdlr-core-pagination.gdlr-core-style-plain a:first-child,
.gdlr-core-pagination.gdlr-core-style-plain span:first-child{ margin-left: 0px; }
.gdlr-core-pagination.gdlr-core-style-plain a:first-child:before,
.gdlr-core-pagination.gdlr-core-style-plain span:first-child:before{ display: none; }
.gdlr-core-page-builder-body [data-skin] .gdlr-core-pagination.gdlr-core-style-plain a,
.gdlr-core-page-builder-body [data-skin] .gdlr-core-pagination.gdlr-core-style-plain span,
.gdlr-core-page-builder-body [data-skin] .gdlr-core-pagination.gdlr-core-style-plain a.gdlr-core-active,
.gdlr-core-page-builder-body [data-skin] .gdlr-core-pagination.gdlr-core-style-plain a:hover{ background: transparent; }
.gdlr-core-pagination.gdlr-core-style-rectangle a, 
.gdlr-core-pagination.gdlr-core-style-rectangle span{ 
display: inline-block; font-size: 12px; padding: 9px 14px; margin-right: 1px; }
.gdlr-core-pagination.gdlr-core-style-rectangle.gdlr-core-with-border a, 
.gdlr-core-pagination.gdlr-core-style-rectangle.gdlr-core-with-border span{ padding: 7px 12px; }	
.gdlr-core-pagination.gdlr-core-style-round a, 
.gdlr-core-pagination.gdlr-core-style-round span{ 
display: inline-block; font-size: 14px; padding: 9px 14px; margin-right: 3px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-pagination.gdlr-core-style-round.gdlr-core-with-border a, 
.gdlr-core-pagination.gdlr-core-style-round.gdlr-core-with-border span{ padding: 7px 12px; line-height: 21px; }	 
.gdlr-core-pagination.gdlr-core-style-circle a, 
.gdlr-core-pagination.gdlr-core-style-circle span{ 
display: inline-block; width: 45px; height: 45px; line-height: 45px; 
font-size: 12px; margin-right: 4px; text-align: center; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-pagination.gdlr-core-style-circle.gdlr-core-with-border a, 
.gdlr-core-pagination.gdlr-core-style-circle.gdlr-core-with-border span{ line-height: 41px;  } .gdlr-core-filterer-wrap{ margin-bottom: 50px; position: relative; }
.gdlr-core-filterer-wrap.gdlr-core-style-text { font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; }
.gdlr-core-filterer-wrap.gdlr-core-style-text .gdlr-core-filterer{ margin: 0px 18px; white-space: nowrap; }
.gdlr-core-filterer-wrap.gdlr-core-style-text .gdlr-core-filterer:first-child{ margin-left: 0px; }
.gdlr-core-filterer-wrap.gdlr-core-style-text .gdlr-core-filterer:last-child{ margin-right: 0px; }
.gdlr-core-page-builder-body [data-skin] .gdlr-core-filterer-wrap.gdlr-core-style-text .gdlr-core-button-color{ background: transparent; }
.gdlr-core-filterer-wrap.gdlr-core-style-button a{ display: inline-block; padding: 10px 20px; background: #f1f1f1; 
font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0px 4px; letter-spacing: 1px;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.gdlr-core-filterer-wrap.gdlr-core-style-button a:first-child{ margin-left: 0px; }
.gdlr-core-filterer-wrap.gdlr-core-style-button a:last-child{ margin-right: 0px; }
.gdlr-core-filterer-wrap.gdlr-core-style-button a.gdlr-core-active{ cursor: default; }
.gdlr-core-filterer-slide-bar{ position: absolute; bottom: -6px; 
border-bottom-width: 1px; border-bottom-style: solid; border-color: #000; }
.gdlr-core-filterer-wrap.gdlr-core-round-slide-bar .gdlr-core-filterer-slide-bar{ border-bottom: 0px; bottom: -8px; }
.gdlr-core-filterer-wrap.gdlr-core-round-slide-bar .gdlr-core-filterer-slide-bar:before{ display: block; content: " "; width: 8px; height: 8px; margin: 0px auto; border-radius: 4px; }
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-filterer-wrap{ padding-left: 50px; padding-right: 50px; } .gdlr-core-price-plan-item .gdlr-core-price-plan{ margin-bottom: 20px; padding: 30px 30px 20px 80px; position: relative;  
border-width: 3px; border-style: solid; cursor: pointer; border-color: transparent; 
transition: border-color 300ms; -moz-transition: border-color 300ms; -webkit-transition: border-color 300ms;}
.gdlr-core-price-plan .gdlr-core-price-plan-title{ font-size: 21px; font-weight: bold; font-style: italic;  margin-bottom: 10px; }
.gdlr-core-price-plan .gdlr-core-price-plan-content{ font-size: 16px; font-weight: 400; display: none; margin-bottom: 10px; }
.gdlr-core-price-plan .gdlr-core-price-plan-price{ font-size: 21px; position: absolute; right: 30px; top: 30px; font-weight: bold; font-style: italic; }
.gdlr-core-price-plan .gdlr-core-price-plan-option{ width: 20px; height: 20px; position: absolute; top: 38px; left: 36px;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.gdlr-core-price-plan.gdlr-core-active .gdlr-core-price-plan-option span{ display: block; width: 12px; height: 12px; margin: 4px; border-radius: 50%; 
transition: background-color 300ms; -moz-transition: background-color 300ms; -webkit-transition: background-color 300ms; }
.gdlr-core-price-plan.gdlr-core-active .gdlr-core-price-plan-content{ display: block; }
.gdlr-core-price-plan-item .gdlr-core-button{ cursor: pointer; margin-top: 30px; font-size: 17px; font-weight: bold; font-style: italic; text-transform: none; padding: 22px 43px; }
.gdlr-core-price-plan-item .gdlr-core-button i{ vertical-align: middle; margin-left: 10px; }
.gdlr-core-price-plan-forms{ display: none; }
.gdlr-core-price-plan-forms > div{ position: relative; }
.gdlr-core-price-plan-forms .gdlr-core-price-plan-selected-title{ font-size: 23px; margin-bottom: 20px; }
.gdlr-core-price-plan-forms .gdlr-core-price-plan-selected-back{ cursor: pointer; text-transform: uppercase; font-weight: bold; font-style: italic; position: absolute; bottom: 0px; right: 0px; }
.gdlr-core-price-plan-forms .gdlr-core-price-plan-selected-back i{ font-size: 35px; vertical-align: middle; margin-right: 12px; }
.gdlr-core-price-plan-forms  .gdlr-core-input-wrap input[type="button"], 
.gdlr-core-price-plan-forms  .gdlr-core-input-wrap input[type="submit"], 
.gdlr-core-price-plan-forms  .gdlr-core-input-wrap input[type="reset"]{ font-size: 17px; font-weight: bold; font-style: italic; text-transform: none; padding: 22px 43px; }
.gdlr-core-price-plan-item .gdlr-core-price-plan{ background: #202020; }
.gdlr-core-price-plan .gdlr-core-price-plan-title{ color: #fff; }
.gdlr-core-price-plan .gdlr-core-price-plan-price{ color: #fff; }
.gdlr-core-price-plan .gdlr-core-price-plan-option{ background: #686868; }
.gdlr-core-price-plan.gdlr-core-active .gdlr-core-price-plan-option span{ background: #4c00ff; }
.gdlr-core-price-plan-item .gdlr-core-price-plan.gdlr-core-active{ border-color: #4c00ff; }
@media only screen and (max-width: 767px){
.gdlr-core-price-plan-forms .gdlr-core-price-plan-selected-back{ position: static; }
.gdlr-core-price-plan .gdlr-core-price-plan-price{ position: static; margin-bottom: 12px; }
} .gdlr-core-price-list-item .gdlr-core-price-list{ line-height: 1.2; margin-bottom: 18px; }
.gdlr-core-price-list-item .gdlr-core-price-list-title{ float: left; margin-right: 20px; }
.gdlr-core-price-list-item .gdlr-core-price-list-title img{ vertical-align: middle; margin-right: 10px; }
.gdlr-core-price-list-item .gdlr-core-price-list-price{ float: right; margin-left: 20px; }
.gdlr-core-price-list-item .gdlr-core-price-list-caption{ margin-top: 10px; }
.gdlr-core-price-list-item .gdlr-core-price-list-divider{ border-width: 0px 0px 1px; border-bottom-style: solid; overflow: hidden; }
.gdlr-core-price-list-item .gdlr-core-price-list-divider:before{ content: "1";  visibility: hidden; display: block; margin-bottom: -5px; } .gdlr-core-price-table-item .gdlr-core-price-table-tab-title-wrap{ text-align: center; margin-bottom: 60px; }
.gdlr-core-price-table-item .gdlr-core-price-table-tab-title-inner{ display: inline-block; line-height: 1; padding: 5px; border-width: 1px; border-style: solid;
border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
.gdlr-core-price-table-item .gdlr-core-price-table-tab-title{ padding: 16px 43px; display: inline-block; cursor: pointer; font-weight: 600;
border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; 
transition: background 300ms, color 300ms; -moz-transition: background 300ms, color 300ms;
-o-transition: background 300ms, color 300ms; -webkit-transition: background 300ms, color 300ms; }
.gdlr-core-price-table-item .gdlr-core-price-table-tab-title.gdlr-core-active{ background: #000; color: #fff; }
.gdlr-core-price-table-item .gdlr-core-price-table-tab-content{ display: none; }
.gdlr-core-price-table-item .gdlr-core-price-table-tab-content.gdlr-core-active{ display: block; }
.gdlr-core-price-table-item .gdlr-core-price-table{ text-align: center; margin: 45px 5px 0px; overflow: hidden; }
.gdlr-core-price-table .gdlr-core-price-table-head{ padding: 33px 20px; margin-right: -1px; }
.gdlr-core-price-table .gdlr-core-price-table-image{ margin-bottom: 32px; margin-top: 20px; }
.gdlr-core-price-table .gdlr-core-price-table-icon{ font-size: 51px; line-height: 1; margin-bottom: 32px; margin-top: 20px; }
.gdlr-core-price-table .gdlr-core-price-table-title{ font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
.gdlr-core-price-table .gdlr-core-price-table-caption{ font-size: 14px; }
.gdlr-core-price-table .gdlr-core-price-table-content-wrap{ padding-bottom: 10px; }
.gdlr-core-price-table .gdlr-core-price-table-content{ padding: 10px 20px; }
.gdlr-core-price-table .gdlr-core-price-table-button{  margin: 35px 20px; }
.gdlr-core-price-table .gdlr-core-price-table-price{ line-height: 1; padding: 25px 20px 40px; }
.gdlr-core-price-table .gdlr-core-price-prefix{ font-size: 25px; vertical-align: super; }
.gdlr-core-price-table .gdlr-core-price-table-price-number{ font-size: 60px; font-weight: 300; margin: 0px 8px; vertical-align: middle; }
.gdlr-core-price-table .gdlr-core-price-suffix{ font-size: 17px; vertical-align: bottom; }
.gdlr-core-price-table .gdlr-core-price-table-button.gdlr-core-button-with-border{ border-radius: 30px; border-width: 2px; }
.gdlr-core-price-table .gdlr-core-price-table-button.gdlr-core-button-transparent{ background: transparent !important; }
.gdlr-core-price-table-item .gdlr-core-price-table.gdlr-core-active{ margin-top: 0px;
box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2); }
.gdlr-core-price-table.gdlr-core-active .gdlr-core-price-table-head{ padding: 34px 20px 26px; }
.gdlr-core-price-table.gdlr-core-active .gdlr-core-price-table-icon{ font-size: 70px; }
.gdlr-core-price-table.gdlr-core-active .gdlr-core-price-prefix{ font-size: 34px; font-weight: 500; }
.gdlr-core-price-table.gdlr-core-active .gdlr-core-price-table-price-number{ font-size: 72px; font-weight: 400; }
.gdlr-core-price-table.gdlr-core-active .gdlr-core-price-table-price { padding: 35px 20px 50px; }
.gdlr-core-price-table.gdlr-core-active .gdlr-core-price-table-content-wrap{ padding-bottom: 30px; }
.gdlr-core-price-list-shortcode ul{ margin: 0px -20px; list-style: none; }
.gdlr-core-price-list-shortcode ul li{ padding: 0px 20px; margin-bottom: 16px; }
.gdlr-core-price-list-shortcode ul li i{ display: inline-block; width: 25px; margin-right: 8px; }
.gdlr-core-price-list-shortcode.gdlr-core-with-divider ul li{ padding: 14px 20px; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0px; }
.gdlr-core-space-shortcode{ display: block; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table{ text-align: left; overflow: hidden;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table{ margin: 0px 15px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-price-number{ font-size: 52px; font-weight: 500; display: inline-block; margin: 0px 0px -9px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-suffix{ font-size: 14px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-icon{ margin-top: 0px; font-size: 51px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-title{ font-size: 22px; text-transform: none; font-weight: 500; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-head{ padding: 50px 35px 10px; background: transparent !important; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-price{ padding: 0px 35px 10px; background: transparent !important; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-button{ margin: 35px 35px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-content-wrap{ padding-bottom: 40px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-content{ text-align: left; padding: 45px 35px 10px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-content ul{ margin-left: 0px; list-style: none; margin-bottom: 0px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-content ul li{ font-size: 18px; font-weight: 500; 
margin-bottom: 0px; padding-bottom: 16px; padding-left: 0px; padding-right: 0px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-button{ font-weight: 600; letter-spacing: 1.5px; margin-bottom: 10px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table-button.gdlr-core-button-with-border{ border-radius: 30px; }
.gdlr-core-price-table-item.gdlr-core-style-2 .gdlr-core-price-table{
box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2); } .gdlr-core-page-builder-body blockquote{ margin: 0px; }
.gdlr-core-blockquote-item .gdlr-core-blockquote-item-quote{ line-height: 1; }
.gdlr-core-blockquote-item .gdlr-core-blockquote-item-content-wrap{ overflow: hidden; }
.gdlr-core-blockquote-item .gdlr-core-blockquote-item-content{ font-style: italic; }
.gdlr-core-blockquote-item .gdlr-core-blockquote-item-author:before{ content: "-"; margin-right: 4px; }
.gdlr-core-blockquote-item .gdlr-core-blockquote-item-author{ font-style: italic; font-weight: bold; }
.gdlr-core-blockquote-item .gdlr-core-blockquote-item-author-position{ font-weight: normal; }
.gdlr-core-blockquote-item .gdlr-core-blockquote-item-author-position:before{ content: "/"; margin: 0px 9px; }
.gdlr-core-blockquote-item.gdlr-core-left-align .gdlr-core-blockquote-item-quote{ float: left; }
.gdlr-core-blockquote-item.gdlr-core-right-align .gdlr-core-blockquote-item-quote{ float: right; }
.gdlr-core-blockquote-item.gdlr-core-small-size .gdlr-core-blockquote-item-quote{ font-size: 80px; margin-top: -5px; }
.gdlr-core-blockquote-item.gdlr-core-small-size .gdlr-core-blockquote-item-content{ font-size: 14px; }
.gdlr-core-blockquote-item.gdlr-core-small-size .gdlr-core-blockquote-item-author{ font-size: 13px; margin-top: 26px; }
.gdlr-core-blockquote-item.gdlr-core-small-size.gdlr-core-center-align .gdlr-core-blockquote-item-quote{ margin-bottom: -10px; }
.gdlr-core-blockquote-item.gdlr-core-small-size.gdlr-core-left-align .gdlr-core-blockquote-item-quote{ margin-right: 34px; }
.gdlr-core-blockquote-item.gdlr-core-small-size.gdlr-core-right-align .gdlr-core-blockquote-item-quote{ margin-left: 34px; }
.gdlr-core-blockquote-item.gdlr-core-medium-size .gdlr-core-blockquote-item-quote{ font-size: 100px; margin-top: -8px; }
.gdlr-core-blockquote-item.gdlr-core-medium-size .gdlr-core-blockquote-item-content{ font-size: 16px; }
.gdlr-core-blockquote-item.gdlr-core-medium-size .gdlr-core-blockquote-item-author{ font-size: 14px; margin-top: 28px; }
.gdlr-core-blockquote-item.gdlr-core-medium-size.gdlr-core-center-align .gdlr-core-blockquote-item-quote{ margin-bottom: -16px; }
.gdlr-core-blockquote-item.gdlr-core-medium-size.gdlr-core-left-align .gdlr-core-blockquote-item-quote{ margin-right: 37px; }
.gdlr-core-blockquote-item.gdlr-core-medium-size.gdlr-core-right-align .gdlr-core-blockquote-item-quote{ margin-left: 37px; }
.gdlr-core-blockquote-item.gdlr-core-large-size .gdlr-core-blockquote-item-quote{ font-size: 120px; margin-top: -10px; }
.gdlr-core-blockquote-item.gdlr-core-large-size .gdlr-core-blockquote-item-content{ font-size: 18px; }
.gdlr-core-blockquote-item.gdlr-core-large-size .gdlr-core-blockquote-item-author{ font-size: 16px; margin-top: 30px; }
.gdlr-core-blockquote-item.gdlr-core-large-size.gdlr-core-center-align .gdlr-core-blockquote-item-quote{ margin-bottom: -22px; }
.gdlr-core-blockquote-item.gdlr-core-large-size.gdlr-core-left-align .gdlr-core-blockquote-item-quote{ margin-right: 40px; }
.gdlr-core-blockquote-item.gdlr-core-large-size.gdlr-core-right-align .gdlr-core-blockquote-item-quote{ margin-left: 40px; } .gdlr-core-columnize-item .gdlr-core-columnize-item-content{
column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;
column-gap: 60px; -moz-column-gap: 60px; -webkit-column-gap: 60px;
column-rule-width: 1px; -moz-column-rule-width: 1px; -webkit-column-rule-width: 1px;
column-rule-style: solid; -moz-column-rule-style: solid; -webkit-column-rule-style: solid; } .gdlr-core-column-service-item .gdlr-core-column-service-title{ font-size: 14px; line-height: 1.55; 
font-weight: 600; text-transform: uppercase; margin-bottom: 0px; }
.gdlr-core-column-service-item .gdlr-core-column-service-caption{ font-size: 14px; font-style: italic; margin-top: 5px; }
.gdlr-core-column-service-item .gdlr-core-column-service-content{ font-size: 15px; }
.gdlr-core-column-service-item .gdlr-core-column-service-read-more{ font-size: 14px; font-style: italic; display: inline-block; }
.gdlr-core-column-service-item .gdlr-core-column-service-read-more i{ margin-left: 15px; vertical-align: middle; display: inline-block; }
.gdlr-core-column-service-item .gdlr-core-column-service-media.gdlr-core-media-icon{ line-height: 1; }
.gdlr-core-column-service-item .gdlr-core-column-service-media.gdlr-core-media-icon i{ font-size: 30px; }
.gdlr-core-column-service-item .gdlr-core-column-service-media.gdlr-core-media-icon.gdlr-core-icon-style-round i{ 
line-height: 30px; width: 30px; padding: 17px; text-align: center; display: inline-block; 
box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;
border-radius: 50%; border-radius: 50%; border-radius: 50%; }
.gdlr-core-column-service-item .gdlr-core-column-service-media.gdlr-core-character{ font-size: 30px; line-height: 1; font-weight: bold; }
.gdlr-core-column-service-item.gdlr-core-center-align .gdlr-core-column-service-title-wrap{ margin-bottom: 15px; }
.gdlr-core-column-service-item.gdlr-core-center-align .gdlr-core-column-service-media{ margin-bottom: 28px; display: inline-block; }
.gdlr-core-column-service-item.gdlr-core-column-service-icon-top .gdlr-core-column-service-title-wrap{ margin-bottom: 20px; }
.gdlr-core-column-service-item.gdlr-core-column-service-icon-top .gdlr-core-column-service-media{ margin-bottom: 28px; display: inline-block; }
.gdlr-core-column-service-icon-left .gdlr-core-column-service-content-wrapper{ overflow: hidden; }
.gdlr-core-column-service-icon-left .gdlr-core-column-service-title-wrap{ margin-bottom: 16px; }
.gdlr-core-column-service-icon-left .gdlr-core-column-service-media{ max-width: 30%; }
.gdlr-core-column-service-icon-left.gdlr-core-left-align .gdlr-core-column-service-media{ float: left; margin-right: 25px; }
.gdlr-core-column-service-icon-left.gdlr-core-right-align .gdlr-core-column-service-media{ float: right; margin-left: 25px; }
.gdlr-core-column-service-icon-left.gdlr-core-no-caption .gdlr-core-column-service-title-wrap{ padding-top: 5px; }
.gdlr-core-column-service-icon-left.gdlr-core-with-caption .gdlr-core-column-service-media.gdlr-core-media-icon{ margin-top: 7px; }
.gdlr-core-column-service-icon-left-title .gdlr-core-column-service-title-wrap{ overflow: hidden; margin-bottom: 18px; }
.gdlr-core-column-service-icon-left-title .gdlr-core-column-service-content{ clear: both; }
.gdlr-core-column-service-icon-left-title .gdlr-core-column-service-media{ margin-bottom: 18px; max-width: 30%; }
.gdlr-core-column-service-icon-left-title.gdlr-core-left-align .gdlr-core-column-service-media{ float: left; margin-right: 25px; }
.gdlr-core-column-service-icon-left-title.gdlr-core-right-align .gdlr-core-column-service-media{ float: right; margin-left: 25px; }
.gdlr-core-column-service-icon-left-title.gdlr-core-no-caption .gdlr-core-column-service-title-wrap{ padding-top: 5px; }
.gdlr-core-column-service-icon-left-title.gdlr-core-with-caption .gdlr-core-column-service-media.gdlr-core-media-icon{ margin-top: 7px; } .gdlr-core-alert-box-item .gdlr-core-alert-box-item-inner{ border-style: solid; padding: 34px 42px 29px; position: relative; }
.gdlr-core-alert-box-item  .gdlr-core-alert-box-remove{ position: absolute; right: 12px; top: 12px; line-height: 1; cursor: pointer; }
.gdlr-core-alert-box-item .gdlr-core-alert-box-item-icon{ font-size: 22px; width: 43px;  }
.gdlr-core-alert-box-item .gdlr-core-alert-box-item-title{ font-size: 14px; line-height: 34px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1.2px; }
.gdlr-core-alert-box-item .gdlr-core-alert-box-item-head{ margin-bottom: 18px; }
.gdlr-core-alert-box-item.gdlr-core-left-align .gdlr-core-alert-box-item-icon{ float: left; }
.gdlr-core-alert-box-item.gdlr-core-left-align .gdlr-core-alert-box-item-content{ padding-left: 43px; }
.gdlr-core-alert-box-item.gdlr-core-right-align .gdlr-core-alert-box-item-icon{ float: right; }
.gdlr-core-alert-box-item.gdlr-core-right-align .gdlr-core-alert-box-item-content{ padding-right: 43px; }
.gdlr-core-alert-box-item.gdlr-core-center-align .gdlr-core-alert-box-item-title{ display: inline-block; }
.gdlr-core-alert-box-item.gdlr-core-center-align .gdlr-core-alert-box-item-icon{ display: inline-block; text-align: left; vertical-align: middle; }
.gdlr-core-alert-box-item.gdlr-core-no-icon .gdlr-core-alert-box-item-content{ padding-left: 0px; padding-right: 0px; } .gdlr-core-flipbox-item .gdlr-core-flipbox-item-icon{ font-size: 35px; margin-bottom: 30px; margin-top: 5px; display: inline-block; }
.gdlr-core-flipbox-item .gdlr-core-flipbox-item-image{ margin-bottom: 37px; }
.gdlr-core-flipbox-item .gdlr-core-flipbox-item-title{ font-size: 22px; font-weight: 700; margin-bottom: 10px; }
.gdlr-core-flipbox-item .gdlr-core-flipbox-title-divider{ width: 23px; border-bottom-width: 3px; border-bottom-style: solid; margin: 16px auto 12px; }
.gdlr-core-flipbox-item .gdlr-core-flipbox-item-caption{ font-size: 15px; }
.gdlr-core-flipbox-item .gdlr-core-flipbox-item-content{ font-size: 15px; margin-top: 21px; }
.gdlr-core-flipbox-item .gdlr-core-flipbox-link{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0); }
.gdlr-core-flipbox-item .gdlr-core-flipbox-item-button{ margin-top: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;  font-size: 13px; 
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.gdlr-core-flipbox .gdlr-core-flipbox-content{ position: relative; }
.gdlr-core-flipbox .gdlr-core-flipbox-background{ position: absolute;
top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center; background-size: cover; }
.gdlr-core-flipbox .gdlr-core-flipbox-frame{ position: absolute; margin: 20px;
top: 0px; right: 0px; bottom: 0px; left: 0px; border-style: solid; border-width: 5px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }	
.gdlr-core-flipbox .gdlr-core-flipbox-front,
.gdlr-core-flipbox .gdlr-core-flipbox-back{ width: 100%; overflow: hidden; position: relative; }
.gdlr-core-flipbox .gdlr-core-flipbox-back{ display: none; }
.gdlr-core-flipbox.gdlr-core-after-init .gdlr-core-flipbox-back{ display: block; }
.gdlr-core-flipbox .gdlr-core-flipbox-front,
.gdlr-core-flipbox .gdlr-core-flipbox-back{  padding: 50px 40px 40px; }
.gdlr-core-flipbox .gdlr-core-flipbox-front.gdlr-core-flipbox-type-outer,
.gdlr-core-flipbox .gdlr-core-flipbox-back.gdlr-core-flipbox-type-outer{ border-width: 5px; border-style: solid;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-flipbox-item .gdlr-core-icon-left .gdlr-core-flipbox-content-wrap{ overflow: hidden; }
.gdlr-core-flipbox-item .gdlr-core-icon-left .gdlr-core-flipbox-item-icon,
.gdlr-core-flipbox-item .gdlr-core-icon-left .gdlr-core-flipbox-item-image{ float: left; margin-right: 30px; } .gdlr-core-feature-content-item .gdlr-core-feature-content{ position: relative; border-style: solid; overflow: hidden; }
.gdlr-core-feature-content-item .gdlr-core-feature-content-box{ padding: 30px 40px 30px;}
.gdlr-core-feature-content-item .gdlr-core-feature-content-box.gdlr-core-with-background{ position: absolute; bottom: 0px; left: 0px; right: 0px; }
.gdlr-core-feature-content-item .gdlr-core-feature-content-box.gdlr-core-without-background{ background: #000; position: relative; }
.gdlr-core-feature-content-item .gdlr-core-feature-box-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; 
transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.gdlr-core-feature-content-item .gdlr-core-feature-content-caption{ font-size: 13px; color: #fff; }
.gdlr-core-feature-content-item .gdlr-core-feature-content-title{ display: inline-block; font-size: 27px; font-weight: 600; margin-bottom: 18px; color: #fff;
border-bottom-width: 1px; border-bottom-style: solid; border-color: #d32525; }
.gdlr-core-feature-content-item .gdlr-core-feature-content-content{ font-size: 18px; color: #fff; }
.gdlr-core-feature-content-item .gdlr-core-feature-content-learn-more{ color: #d32525; font-weight: bold; }
.gdlr-core-feature-content-item .gdlr-core-feature-content-learn-more:hover{ color: #d32525; }
.gdlr-core-feature-content-item .gdlr-core-feature-content-learn-more i{ font-size: 31px; margin-left: 10px; vertical-align: middle; }
.gdlr-core-feature-content .gdlr-core-feature-content-wrap{ overflow: hidden; display: none; } 
.gdlr-core-feature-content:hover .gdlr-core-feature-box-overlay{ opacity: 0.8 !important; }
.gdlr-core-feature-content-item .gdlr-core-feature-content-title.gdlr-core-no-border{ border-bottom: 0; }
.gdlr-core-feature-content-item .gdlr-core-feature-content-learn-more.gdlr-core-button-with-border{ border-width: 2px; 
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .gdlr-core-feature-box-item .gdlr-core-feature-box{ position: relative; overflow: hidden; padding: 50px 40px 40px; }
.gdlr-core-feature-box-item .gdlr-core-feature-box-content{ position: relative; }
.gdlr-core-feature-box-item .gdlr-core-feature-box-item-icon{ font-size: 35px; margin-bottom: 30px; margin-top: 5px; display: inline-block; }
.gdlr-core-feature-box-item .gdlr-core-feature-box-item-image{ margin-bottom: 37px; }
.gdlr-core-feature-box-item .gdlr-core-feature-box-item-title{ font-size: 22px; font-weight: 700; margin-bottom: 10px; }
.gdlr-core-feature-box-item .gdlr-core-feature-box-item-caption{ font-size: 15px; margin-bottom: 18px; }
.gdlr-core-feature-box-item .gdlr-core-feature-box-item-content{ font-size: 15px; }
.gdlr-core-feature-box-item .gdlr-core-feature-box-background{ position: absolute;
top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center; background-size: cover; }
.gdlr-core-feature-box-item .gdlr-core-feature-box-frame{ position: absolute; margin: 20px;
top: 0px; right: 0px; bottom: 0px; left: 0px; border-style: solid; border-width: 5px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }	
.gdlr-core-feature-box-item .gdlr-core-feature-box-link{ position: absolute;
top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0); }
.gdlr-core-feature-box-item .gdlr-core-feature-box.gdlr-core-feature-box-type-outer{ border-width: 5px; border-style: solid;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .gdlr-core-promo-box-item .gdlr-core-promo-box-item-title{ font-size: 14px; text-transform: uppercase;
letter-spacing: 2px; font-weight: 600; margin-bottom: 14px; }
.gdlr-core-promo-box-item .gdlr-core-promo-box-item-content{ font-size: 14px; }
.gdlr-core-promo-box-item .gdlr-core-promo-box-content-wrap{ padding-top: 30px; }
.gdlr-core-promo-box-item .gdlr-core-promo-box-content-wrap.gdlr-core-with-frame{ padding: 35px 35px 15px 35px;
border-width: 0px 1px 1px 1px; border-style: solid; }
.gdlr-core-promo-box-item .gdlr-core-promo-box-content-wrap.gdlr-core-with-shadow{
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); } .gdlr-core-marquee{ width: 100%; overflow: hidden; white-space: nowrap; line-height: 1; }
.gdlr-core-pbf-wrapper-marquee{ position: absolute; font-size: 90px; font-weight: 800; top: 0px; } .gdlr-core-skill-bar-item .gdlr-core-skill-bar{ position: relative; margin-top: 32px; }
.gdlr-core-skill-bar-item.gdlr-core-item-pdb.gdlr-core-size-large .gdlr-core-skill-bar{ margin-top: 30px; }
.gdlr-core-skill-bar-item .gdlr-core-skill-bar:first-child{ margin-top: 0px; }
.gdlr-core-skill-bar-item .gdlr-core-skill-bar-filled{ height: 100%; width: 0%; position: relative; }
.gdlr-core-skill-bar-item .gdlr-core-skill-bar-head{ text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
.gdlr-core-skill-bar-item .gdlr-core-skill-bar-title{ margin-right: 12px; }
.gdlr-core-skill-bar-item .gdlr-core-skill-bar-right{ font-weight: 700; float: right; white-space: nowrap; text-transform: none; }
.gdlr-core-skill-bar-item.gdlr-core-type-round .gdlr-core-skill-bar-progress{ overflow: hidden;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-skill-bar-item.gdlr-core-type-rectangle2 .gdlr-core-skill-bar-filled{ overflow: visible !important; }
.gdlr-core-skill-bar-item.gdlr-core-type-rectangle2 .gdlr-core-skill-bar-filled-indicator{ position: absolute; top: -8px; bottom: -8px; right: 0px; width: 2px; }
.gdlr-core-skill-bar-item.gdlr-core-type-rectangle2 .gdlr-core-skill-bar-right{ position: absolute; right: 0px; top: -36px; margin-right: -19px; opacity: 0; 
transition: opacity 800ms; -moz-transition: opacity 800ms; -o-transition: opacity 800ms; -webkit-transition: opacity 800ms; }
.gdlr-core-skill-bar-item.gdlr-core-type-rectangle2 .gdlr-core-skill-bar-filled.gdlr-core-animate .gdlr-core-skill-bar-right{ opacity: 1; }
.gdlr-core-skill-bar-item.gdlr-core-size-small .gdlr-core-skill-bar-head{ font-size: 13px; margin-bottom: 12px; }
.gdlr-core-skill-bar-item.gdlr-core-size-small .gdlr-core-skill-bar-progress{ height: 6px; }
.gdlr-core-skill-bar-item.gdlr-core-size-medium .gdlr-core-skill-bar-head{ font-size: 15px; margin-bottom: 12px; }
.gdlr-core-skill-bar-item.gdlr-core-size-medium .gdlr-core-skill-bar-progress{ height: 15px; }
.gdlr-core-skill-bar-item.gdlr-core-size-large .gdlr-core-skill-bar-head{ font-size: 12px;
line-height: 18px; padding: 11px 18px; position: relative; z-index: 1; }
.gdlr-core-skill-bar-item.gdlr-core-size-large .gdlr-core-skill-bar-progress{ height: 40px;
position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .gdlr-core-icon-item{ line-height: 0; }
.gdlr-core-icon-item .gdlr-core-icon-item-wrap{ display: inline-block; padding: 20px; }
.gdlr-core-icon-item .gdlr-core-icon-item-wrap.gdlr-core-with-border{ border-width: 2px; border-style: solid; }
.gdlr-core-icon-item .gdlr-core-icon-item-wrap.gdlr-core-icon-item-type-circle,
.gdlr-core-icon-item .gdlr-core-icon-item-wrap.gdlr-core-icon-item-type-circle .gdlr-core-icon-item-icon{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-icon-item .gdlr-core-icon-item-icon{ font-size: 45px; min-width: 45px; min-height: 45px; text-align: center; display: inline-block; }
.gdlr-core-icon-item .gdlr-core-icon-item-icon.gdlr-core-with-border{ padding: 20px; border-width: 2px; border-style: solid; } .gdlr-core-skill-circle-item .gdlr-core-skill-circle{ overflow: hidden; text-align: center;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: relative; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle-content{ position: absolute; left: 0px; right: 0px; top: 50%; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle-head{ font-weight: 700; letter-spacing: 1px; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle-caption{ text-transform: uppercase; font-weight: 500; letter-spacing: 1px; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle canvas{ max-width: 100%; max-height: 100%; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle.gdlr-core-skill-circle-align-center{ margin-left: auto; margin-right: auto; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle.gdlr-core-skill-circle-align-left{ margin-left: 0px; margin-right: auto; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle.gdlr-core-skill-circle-align-right{ margin-left: auto; margin-right: 0px;  }
.gdlr-core-skill-circle-size-large .gdlr-core-skill-circle-content{ margin-top: -39px; }
.gdlr-core-skill-circle-size-large .gdlr-core-skill-circle-head{ font-size: 22px; }
.gdlr-core-skill-circle-size-large .gdlr-core-skill-circle-caption{ font-size: 14px; margin-top: 17px; padding-bottom: 6px; }
.gdlr-core-skill-circle-size-small .gdlr-core-skill-circle-content{ margin-top: -30px; }
.gdlr-core-skill-circle-size-small .gdlr-core-skill-circle-head{ font-size: 17px; }
.gdlr-core-skill-circle-size-small .gdlr-core-skill-circle-caption{ font-size: 12px;  margin-top: 10px; padding-bottom: 6px; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle-main-content.gdlr-core-left{ float: left; margin-right: 20px; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle-main-content.gdlr-core-right{ float: right; margin-left: 20px; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle-side-description{ overflow: hidden; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle-side-description-title{ font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.gdlr-core-skill-circle-item .gdlr-core-skill-circle-side-description-text{ font-size: 15px; } .gdlr-core-text-box-frame{ display: inline-block; }
.gdlr-core-text-box-frame p:last-child{ margin-bottom: 0; } .gdlr-core-accordion-item-tab .gdlr-core-accordion-item-content{ display: none; }
.gdlr-core-accordion-item-tab .gdlr-core-accordion-item-title .gdlr-core-head{ margin-right: 13px; }
.gdlr-core-accordion-item-tab.gdlr-core-active .gdlr-core-accordion-item-content{ display: block; }
.gdlr-core-accordion-style-box-icon .gdlr-core-accordion-item-title{ font-size: 14px; text-transform: uppercase;
cursor: pointer; font-weight: 600; margin-top: 17px; margin-bottom: 27px; letter-spacing: 1px; }
.gdlr-core-accordion-style-box-icon .gdlr-core-accordion-item-content{ padding: 5px 0px 15px; }
.gdlr-core-accordion-style-box-icon .gdlr-core-accordion-item-content-wrapper{ overflow: hidden; }
.gdlr-core-accordion-style-box-icon .gdlr-core-accordion-item-icon{ font-size: 18px; float: left; width: 48px; cursor: pointer;
text-align: center; height: 48px; padding: 12px; line-height: 20px; cursor: pointer; border-width: 2px; border-style: solid; margin-right: 27px;
transition: background 300ms; -moz-transition: background 300ms;
-o-transition: background 300ms; -webkit-transition: background 300ms; }
.gdlr-core-accordion-style-box-icon .gdlr-core-accordion-item-icon:before{ content: "\4c"; font-family: "ElegantIcons"; }
.gdlr-core-accordion-style-box-icon .gdlr-core-accordion-item-tab.gdlr-core-active .gdlr-core-accordion-item-icon{ background: transparent; }
.gdlr-core-accordion-style-box-icon .gdlr-core-accordion-item-tab.gdlr-core-active .gdlr-core-accordion-item-icon:before{ content: "\4b"; }
.gdlr-core-accordion-style-icon .gdlr-core-accordion-item-tab{ padding-top: 5px; }
.gdlr-core-accordion-style-icon .gdlr-core-accordion-item-title{ font-size: 14px; text-transform: uppercase;
cursor: pointer; font-weight: 600; margin-bottom: 20px; line-height: 20px; letter-spacing: 1px; }
.gdlr-core-accordion-style-icon .gdlr-core-accordion-item-content{ padding: 0px 0px 12px; }
.gdlr-core-accordion-style-icon .gdlr-core-accordion-item-content-wrapper{ overflow: hidden; }
.gdlr-core-accordion-style-icon .gdlr-core-accordion-item-icon{ font-size: 18px; float: left; width: 20px; cursor: pointer;
text-align: center; line-height: 20px; cursor: pointer; margin-right: 17px; }
.gdlr-core-accordion-style-icon .gdlr-core-accordion-item-icon:before{ content: "\4c"; font-family: "ElegantIcons"; }
.gdlr-core-accordion-style-icon .gdlr-core-accordion-item-tab.gdlr-core-active .gdlr-core-accordion-item-icon:before{ content: "\4b"; }
.gdlr-core-accordion-style-icon.gdlr-core-icon-pos-right .gdlr-core-accordion-item-icon{ float: right; }
.gdlr-core-accordion-style-icon.gdlr-core-with-divider .gdlr-core-accordion-item-tab{ border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 15px; }
.gdlr-core-accordion-style-background-title .gdlr-core-accordion-item-title{ font-size: 13px; text-transform: uppercase;
cursor: pointer; font-weight: 600; padding: 23px 25px 22px; letter-spacing: 1px; margin-bottom: 10px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
transition: background 200ms, color 200ms; -moz-transition: background 200ms, color 200ms;
-o-transition: background 200ms, color 200ms; -webkit-transition: background 200ms, color 200ms; }
.gdlr-core-accordion-style-background-title .gdlr-core-accordion-item-content { padding: 13px 0px 10px; }
.gdlr-core-accordion-style-background-title-icon .gdlr-core-accordion-item-title{ font-size: 13px; text-transform: uppercase;
cursor: pointer; font-weight: 600; padding: 23px 25px 22px; letter-spacing: 1px; margin-bottom: 10px;  line-height: 16px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
transition: background 200ms, color 200ms; -moz-transition: background 200ms, color 200ms;
-o-transition: background 200ms, color 200ms; -webkit-transition: background 200ms, color 200ms; }
.gdlr-core-accordion-style-background-title-icon .gdlr-core-accordion-item-content { padding: 13px 0px 10px; }
.gdlr-core-accordion-style-background-title-icon .gdlr-core-accordion-item-title:before{ content: "\4c"; font-family: "ElegantIcons"; font-weight: normal;
font-size: 16px; vertical-align: text-bottom; }
.gdlr-core-accordion-style-background-title-icon.gdlr-core-icon-pos-left .gdlr-core-accordion-item-title:before{ float: left;  margin-right: 15px; }
.gdlr-core-accordion-style-background-title-icon.gdlr-core-icon-pos-right .gdlr-core-accordion-item-title:before{ float: right; margin-left: 15px; }
.gdlr-core-accordion-style-background-title-icon .gdlr-core-accordion-item-tab.gdlr-core-active .gdlr-core-accordion-item-title:before{ content: "\4b"; }
.gdlr-core-accordion-style-background-title-icon.gdlr-core-right-align .gdlr-core-accordion-item-title:before{ float: right; 
margin-left: 15px; margin-right: 0px; margin-top: -2px; }
.gdlr-core-accordion-item.gdlr-core-accordion-style-box-background{ border-width: 1px; border-style: solid; overflow: hidden;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.gdlr-core-accordion-style-box-background .gdlr-core-accordion-item-title{ font-size: 13px; text-transform: uppercase;
cursor: pointer; font-weight: 600; padding: 23px 25px 22px; letter-spacing: 1px; margin-bottom: 0px;  line-height: 16px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
transition: background 200ms, color 200ms; -moz-transition: background 200ms, color 200ms;
-o-transition: background 200ms, color 200ms; -webkit-transition: background 200ms, color 200ms; }
.gdlr-core-accordion-style-box-background .gdlr-core-accordion-item-content { padding: 25px 25px 10px; }
.gdlr-core-accordion-style-box-background .gdlr-core-accordion-item-title:before{ content: "\4c"; font-family: "ElegantIcons"; font-weight: normal;
font-size: 16px; vertical-align: text-bottom; }
.gdlr-core-accordion-style-box-background.gdlr-core-icon-pos-left .gdlr-core-accordion-item-title:before{ float: left;  margin-right: 15px; }
.gdlr-core-accordion-style-box-background.gdlr-core-icon-pos-right .gdlr-core-accordion-item-title:before{ float: right; margin-left: 15px; }
.gdlr-core-accordion-style-box-background .gdlr-core-accordion-item-tab.gdlr-core-active .gdlr-core-accordion-item-title:before{ content: "\4b"; }
.gdlr-core-accordion-style-box-background.gdlr-core-right-align .gdlr-core-accordion-item-title:before{ float: right; 
margin-left: 15px; margin-right: 0px; margin-top: -2px; }
.gdlr-core-accordion-style-shadow-background .gdlr-core-accordion-item-tab{ padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 20px; }
.gdlr-core-accordion-style-shadow-background .gdlr-core-accordion-item-tab:last-child{ padding-bottom: 0px; border-bottom: none; }
.gdlr-core-accordion-style-shadow-background .gdlr-core-accordion-item-tab .gdlr-core-accordion-item-content-wrapper{ padding: 2px 30px;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
transition: background-color 300ms, box-shadow 300ms, padding 300ms; -webkit-transition: background-color 300ms, box-shadow 300ms, padding 300ms; -moz-transition: background-color 300ms, box-shadow 300ms, padding 300ms; }
.gdlr-core-accordion-style-shadow-background .gdlr-core-accordion-item-tab .gdlr-core-accordion-item-title{ font-size: 18px; margin-bottom: 0px; cursor: pointer; padding: 7px 0px; }
.gdlr-core-accordion-style-shadow-background .gdlr-core-accordion-item-tab .gdlr-core-accordion-item-content{ margin-top: 15px; }
.gdlr-core-accordion-style-shadow-background .gdlr-core-accordion-item-tab.gdlr-core-active .gdlr-core-accordion-item-content-wrapper{ padding: 35px 40px 20px; margin-bottom: 15px;
box-shadow: 0 20px 35px rgb(0 0 0 / 8%); -webkit-box-shadow: 0 20px 35px rgb(0 0 0 / 8%); -moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.08); }
.gdlr-core-accordion-style-shadow-background .gdlr-core-accordion-item-title:before{ content: "\4c"; font-family: "ElegantIcons"; font-weight: normal;
font-size: 25px; line-height: 22px; vertical-align: text-bottom; float: right;  margin-left: 15px; }
.gdlr-core-accordion-style-shadow-background .gdlr-core-accordion-item-tab.gdlr-core-active .gdlr-core-accordion-item-title:before{ content: "\4b"; }
.gdlr-core-accordion-style-box-background .gdlr-core-accordion-item-title:before, 
.gdlr-core-toggle-box-style-box-background .gdlr-core-accordion-item-title:before{ color: #768490; } 
.gdlr-core-accordion-style-box-background .gdlr-core-accordion-item-title .gdlr-core-head, 
.gdlr-core-toggle-box-style-box-background .gdlr-core-toggle-box-item-title .gdlr-core-head{ color: #191919; } 
.gdlr-core-accordion-style-box-background .gdlr-core-accordion-item-title, 
.gdlr-core-toggle-box-style-box-background .gdlr-core-toggle-box-item-title{ color: #262626; } 
.gdlr-core-accordion-style-box-background .gdlr-core-accordion-item-title, 
.gdlr-core-toggle-box-style-box-background .gdlr-core-toggle-box-item-title{ background-color: #f8faff; } 
.gdlr-core-accordion-style-box-background .gdlr-core-active .gdlr-core-accordion-item-title:before, 
.gdlr-core-toggle-box-style-box-background .gdlr-core-active .gdlr-core-accordion-item-title:before{ color: #768490; } 
.gdlr-core-accordion-style-box-background .gdlr-core-active .gdlr-core-accordion-item-title, 
.gdlr-core-toggle-box-style-box-background .gdlr-core-active .gdlr-core-toggle-box-item-title{ color: #262626; } 
.gdlr-core-accordion-style-box-background .gdlr-core-active .gdlr-core-accordion-item-title, 
.gdlr-core-toggle-box-style-box-background .gdlr-core-active .gdlr-core-toggle-box-item-title{ background-color: #fff; } .gdlr-core-toggle-box-item-tab .gdlr-core-toggle-box-item-content{ display: none; }
.gdlr-core-toggle-box-item-tab .gdlr-core-toggle-box-item-title .gdlr-core-head{ margin-right: 13px; }
.gdlr-core-toggle-box-item-tab.gdlr-core-active .gdlr-core-toggle-box-item-content{ display: block; }
.gdlr-core-toggle-box-style-box-icon .gdlr-core-toggle-box-item-title{ font-size: 14px; text-transform: uppercase;
cursor: pointer; font-weight: 600; margin-top: 17px; margin-bottom: 27px; letter-spacing: 1px; }
.gdlr-core-toggle-box-style-box-icon .gdlr-core-toggle-box-item-content{ padding: 5px 0px 15px; }
.gdlr-core-toggle-box-style-box-icon .gdlr-core-toggle-box-item-content-wrapper{ overflow: hidden; }
.gdlr-core-toggle-box-style-box-icon .gdlr-core-toggle-box-item-icon{ font-size: 18px; float: left; width: 48px; cursor: pointer;
text-align: center; height: 48px; padding: 12px; line-height: 20px; cursor: pointer; border-width: 2px; border-style: solid; margin-right: 27px; 
transition: background 300ms; -moz-transition: background 300ms;
-o-transition: background 300ms; -webkit-transition: background 300ms; }
.gdlr-core-toggle-box-style-box-icon .gdlr-core-toggle-box-item-icon:before{ content: "\4c"; font-family: "ElegantIcons"; }
.gdlr-core-toggle-box-style-box-icon .gdlr-core-toggle-box-item-tab.gdlr-core-active .gdlr-core-toggle-box-item-icon{ background: transparent; }
.gdlr-core-toggle-box-style-box-icon .gdlr-core-toggle-box-item-tab.gdlr-core-active .gdlr-core-toggle-box-item-icon:before{ content: "\4b"; }
.gdlr-core-toggle-box-style-icon .gdlr-core-toggle-box-item-tab{ padding-top: 5px; }
.gdlr-core-toggle-box-style-icon .gdlr-core-toggle-box-item-title{ font-size: 14px; text-transform: uppercase;
cursor: pointer; font-weight: 600; margin-bottom: 20px; line-height: 20px; letter-spacing: 1px; }
.gdlr-core-toggle-box-style-icon .gdlr-core-toggle-box-item-content{ padding: 0px 0px 12px; }
.gdlr-core-toggle-box-style-icon .gdlr-core-toggle-box-item-content-wrapper{ overflow: hidden; }
.gdlr-core-toggle-box-style-icon .gdlr-core-toggle-box-item-icon{ font-size: 18px; float: left; width: 20px; cursor: pointer;
text-align: center; line-height: 20px; cursor: pointer; margin-right: 17px; }
.gdlr-core-toggle-box-style-icon .gdlr-core-toggle-box-item-icon:before{ content: "\4c"; font-family: "ElegantIcons"; }
.gdlr-core-toggle-box-style-icon .gdlr-core-toggle-box-item-tab.gdlr-core-active .gdlr-core-toggle-box-item-icon:before{ content: "\4b"; }
.gdlr-core-toggle-box-style-icon.gdlr-core-icon-pos-right .gdlr-core-toggle-box-item-icon{ float: right; }
.gdlr-core-toggle-box-style-icon.gdlr-core-with-divider .gdlr-core-toggle-box-item-tab{ border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 15px; }
.gdlr-core-toggle-box-style-background-title .gdlr-core-toggle-box-item-title{ font-size: 13px; text-transform: uppercase;
cursor: pointer; font-weight: 600; padding: 23px 25px 22px; letter-spacing: 1px; margin-bottom: 10px; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
transition: background 300ms; -moz-transition: background 300ms;
-o-transition: background 300ms; -webkit-transition: background 300ms; }
.gdlr-core-toggle-box-style-background-title .gdlr-core-toggle-box-item-content{ padding: 13px 0px 10px; }
.gdlr-core-toggle-box-style-background-title-icon .gdlr-core-toggle-box-item-title{ font-size: 13px; text-transform: uppercase;
cursor: pointer; font-weight: 600; padding: 23px 25px 22px; letter-spacing: 1px; margin-bottom: 10px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
transition: background 300ms; -moz-transition: background 300ms;
-o-transition: background 300ms; -webkit-transition: background 300ms; }
.gdlr-core-toggle-box-style-background-title-icon .gdlr-core-toggle-box-item-content{ padding: 13px 0px 10px; }
.gdlr-core-toggle-box-style-background-title-icon .gdlr-core-toggle-box-item-title:before{ content: "\4c"; font-family: "ElegantIcons"; margin-right: 15px; }
.gdlr-core-toggle-box-style-background-title-icon .gdlr-core-toggle-box-item-tab.gdlr-core-active .gdlr-core-toggle-box-item-title:before{ content: "\4b"; }
.gdlr-core-toggle-box-style-background-title-icon.gdlr-core-icon-pos-left .gdlr-core-toggle-box-item-title:before{ float: left;  margin-right: 15px; }
.gdlr-core-toggle-box-style-background-title-icon.gdlr-core-icon-pos-right .gdlr-core-toggle-box-item-title:before{ float: right; margin-left: 15px; }
.gdlr-core-toggle-box-style-background-title-icon.gdlr-core-icon-pos-none .gdlr-core-toggle-box-item-title:before{ display: none; }
.gdlr-core-toggle-box-item.gdlr-core-toggle-box-style-box-background{ border-width: 1px; border-style: solid; overflow: hidden;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.gdlr-core-toggle-box-style-box-background .gdlr-core-toggle-box-item-title{ font-size: 13px; text-transform: uppercase;
cursor: pointer; font-weight: 600; padding: 23px 25px 22px; letter-spacing: 1px; margin-bottom: 0px;  line-height: 16px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
transition: background 200ms, color 200ms; -moz-transition: background 200ms, color 200ms;
-o-transition: background 200ms, color 200ms; -webkit-transition: background 200ms, color 200ms; }
.gdlr-core-toggle-box-style-box-background .gdlr-core-toggle-box-item-content { padding: 25px 25px 10px; }
.gdlr-core-toggle-box-style-box-background .gdlr-core-toggle-box-item-title:before{ content: "\4c"; font-family: "ElegantIcons"; font-weight: normal;
font-size: 16px; vertical-align: text-bottom; }
.gdlr-core-toggle-box-style-box-background.gdlr-core-icon-pos-left .gdlr-core-toggle-box-item-title:before{ float: left;  margin-right: 15px; }
.gdlr-core-toggle-box-style-box-background.gdlr-core-icon-pos-right .gdlr-core-toggle-box-item-title:before{ float: right; margin-left: 15px; }
.gdlr-core-toggle-box-style-box-background .gdlr-core-toggle-box-item-tab.gdlr-core-active .gdlr-core-toggle-box-item-title:before{ content: "\4b"; }
.gdlr-core-toggle-box-style-box-background.gdlr-core-right-align .gdlr-core-toggle-box-item-title:before{ float: right; 
margin-left: 15px; margin-right: 0px; margin-top: -2px; }
.gdlr-core-toggle-box-style-shadow-background .gdlr-core-toggle-box-item-tab{ padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 20px; }
.gdlr-core-toggle-box-style-shadow-background .gdlr-core-toggle-box-item-tab:last-child{ padding-bottom: 0px; border-bottom: none; }
.gdlr-core-toggle-box-style-shadow-background .gdlr-core-toggle-box-item-tab .gdlr-core-toggle-box-item-content-wrapper{ padding: 2px 30px;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
transition: box-shadow 300ms, padding 300ms; -webkit-transition: box-shadow 300ms, padding 300ms; -moz-transition: box-shadow 300ms, padding 300ms; }
.gdlr-core-toggle-box-style-shadow-background .gdlr-core-toggle-box-item-tab .gdlr-core-toggle-box-item-title{ font-size: 18px; margin-bottom: 0px; cursor: pointer; padding: 7px 0px; }
.gdlr-core-toggle-box-style-shadow-background .gdlr-core-toggle-box-item-tab .gdlr-core-toggle-box-item-content{ margin-top: 15px; }
.gdlr-core-toggle-box-style-shadow-background .gdlr-core-toggle-box-item-tab.gdlr-core-active .gdlr-core-toggle-box-item-content-wrapper{ padding: 35px 40px 20px;     margin-bottom: 15px;
box-shadow: 0 20px 35px rgb(0 0 0 / 8%); -webkit-box-shadow: 0 20px 35px rgb(0 0 0 / 8%); -moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.08); }
.gdlr-core-toggle-box-style-shadow-background .gdlr-core-toggle-box-item-title:before{ content: "\4c"; font-family: "ElegantIcons"; font-weight: normal;
font-size: 25px; line-height: 22px; vertical-align: text-bottom; float: right;  margin-left: 15px; }
.gdlr-core-toggle-box-style-shadow-background .gdlr-core-toggle-box-item-tab.gdlr-core-active .gdlr-core-toggle-box-item-title:before{ content: "\4b"; }
.gdlr-core-toggle-box-item.gdlr-core-icon-pos-none .gdlr-core-toggle-box-item-icon { display: none; } .gdlr-core-port-info-item .gdlr-core-port-info-key { display: inline-block; min-width: 78px; margin-right: 20px; font-weight: bold; }
.gdlr-core-port-info-item .gdlr-core-port-info{ margin-top: 15px; }
.gdlr-core-port-info-item .gdlr-core-port-info:first-child{ margin-top: 0px; }
.gdlr-core-port-info-item .gdlr-core-port-info-wrap.gdlr-core-with-border{ padding-bottom: 22px; border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-port-info-item .gdlr-core-port-info-social-share{ padding-top: 26px; margin-top: 45px; margin-bottom: 4px; 
border-top-width: 1px; border-top-style: solid; }
.gdlr-core-port-info-item .gdlr-core-port-info-social-share .gdlr-core-social-share-item{ padding: 0px; }
.gdlr-core-port-info-item .gdlr-core-port-info-social-share .gdlr-core-port-info-value{ display: inline-block; line-height: 23px; }
.gdlr-core-port-info-item .gdlr-core-port-info-social-share .gdlr-core-social-share-item a{ font-size: 14px; margin: 0px 10px; }
.gdlr-core-port-info-item .gdlr-core-port-info-social-share .gdlr-core-social-share-item a:first-child{ margin-left: 0px; }
.gdlr-core-port-info2{border-top-width: 1px;border-top-style: solid;padding-top: 17px;margin-top: 17px;font-size: 16px;}
.gdlr-core-port-info2:first-child{ border-top: none; padding-top: 0px; margin-top: 0px; }
.gdlr-core-port-info2 .gdlr-core-port-info2-content{ max-width: 250px; }
.gdlr-core-port-info2 .gdlr-core-port-info2-key{ font-weight: bold; float: left; }
.gdlr-core-port-info2 .gdlr-core-port-info2-value{ float: right; text-align: right; } .gdlr-core-tab-item .gdlr-core-tab-item-title-wrap{ position: relative; }
.gdlr-core-tab-item .gdlr-core-tab-item-title{ font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px;
font-weight: 700; cursor: pointer;
transition: background 200ms, color 200ms; -moz-transition: background 200ms, color 200ms;
-o-transition: background 200ms, color 200ms; -webkit-transition: background 200ms, color 200ms; }
.gdlr-core-tab-item .gdlr-core-tab-item-content{ display: none; }
.gdlr-core-tab-item .gdlr-core-tab-item-content.gdlr-core-active{ display: block; } .gdlr-core-tab-style1-horizontal .gdlr-core-tab-item-title{ margin-left: -1px; padding: 18px 28px 14px;
border-width: 1px 1px 0px; border-style: solid; display: inline-block; }
.gdlr-core-tab-style1-horizontal .gdlr-core-tab-item-title:first-child{ margin-left: 0px; }
.gdlr-core-tab-style1-horizontal .gdlr-core-tab-item-title.gdlr-core-active{ margin-bottom: -1px; padding-bottom: 15px; }
.gdlr-core-tab-style1-horizontal .gdlr-core-tab-item-title-wrap{ border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-tab-style1-horizontal .gdlr-core-tab-item-content{ padding: 25px 0px 5px; }
.gdlr-core-tab-style2-horizontal .gdlr-core-tab-item-title-wrap{ border-bottom-width: 2px; border-bottom-style: solid; }
.gdlr-core-tab-style2-horizontal .gdlr-core-tab-item-title{ padding: 0px 28px 20px; display: inline-block; }
.gdlr-core-tab-style2-horizontal .gdlr-core-tab-item-title-line{ position: absolute;
border-bottom-width: 2px; border-bottom-style: solid; bottom: -2px; }
.gdlr-core-tab-style2-horizontal .gdlr-core-tab-item-content{ padding: 25px 0px 5px; }
.gdlr-core-tab-style3-horizontal .gdlr-core-tab-item-title{ padding: 0px 28px 16px; display: inline-block; }
.gdlr-core-tab-style3-horizontal .gdlr-core-tab-item-title-line{ position: absolute; opacity: 0; }
.gdlr-core-tab-style3-horizontal .gdlr-core-tab-item-title-line.gdlr-core-initiated{ opacity: 1; }
.gdlr-core-tab-style3-horizontal .gdlr-core-tab-item-title-line:before{ content: " "; border-width: 3.5px; border-style: solid; display: block; width: 7px; margin: 0px auto;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.gdlr-core-tab-style3-horizontal .gdlr-core-tab-item-content{ padding: 35px 0px 5px; } .gdlr-core-tab-style1-vertical .gdlr-core-tab-item-title-wrap{ max-width: 40%; }
.gdlr-core-tab-style1-vertical .gdlr-core-tab-item-title{ padding: 16px 35px 14px; }
.gdlr-core-tab-style1-vertical .gdlr-core-tab-item-content-wrap{ overflow: hidden; }
.gdlr-core-tab-style1-vertical .gdlr-core-tab-item-content{ padding: 15px 45px 5px; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-title-wrap{ float: left;
border-right-width: 1px; border-right-style: solid; margin-right: -1px; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-title{ border-width: 0px 0px 1px 1px; border-style: solid; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-title:first-child{ border-top-width: 1px; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-title.gdlr-core-active{ margin-right: -1px; padding-right: 29px; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-content-wrap{ border-left-width: 1px; border-left-style: solid; }
.gdlr-core-tab-style1-vertical.gdlr-core-right-align .gdlr-core-tab-item-title-wrap{ float: right;
border-left-width: 1px; border-left-style: solid; margin-left: -1px; }
.gdlr-core-tab-style1-vertical.gdlr-core-right-align .gdlr-core-tab-item-title{ border-width: 0px 1px 1px 0px; border-style: solid; }
.gdlr-core-tab-style1-vertical.gdlr-core-right-align .gdlr-core-tab-item-title:first-child{ border-top-width: 1px; }
.gdlr-core-tab-style1-vertical.gdlr-core-right-align .gdlr-core-tab-item-title.gdlr-core-active{ margin-left: -1px; padding-left: 29px; }
.gdlr-core-tab-style1-vertical.gdlr-core-right-align .gdlr-core-tab-item-content-wrap{ border-right-width: 1px; border-right-style: solid; }
.gdlr-core-tab-style2-vertical .gdlr-core-tab-item-title-wrap{ max-width: 40%; }
.gdlr-core-tab-style2-vertical .gdlr-core-tab-item-content-wrap{ overflow: hidden; }
.gdlr-core-tab-style2-vertical .gdlr-core-tab-item-content{ padding: 15px 35px 5px; }
.gdlr-core-tab-style2-vertical .gdlr-core-tab-item-title-line{ position: absolute;
border-right-width: 2px; border-right-style: solid; }
.gdlr-core-tab-style2-vertical.gdlr-core-left-align .gdlr-core-tab-item-title-wrap{ float: left;
border-right-width: 2px; border-right-style: solid; margin-right: -2px; }
.gdlr-core-tab-style2-vertical.gdlr-core-left-align .gdlr-core-tab-item-title{ padding: 12px 50px 12px 0px; }
.gdlr-core-tab-style2-vertical.gdlr-core-left-align .gdlr-core-tab-item-content-wrap{ border-left-width: 2px; border-left-style: solid; }
.gdlr-core-tab-style2-vertical.gdlr-core-left-align .gdlr-core-tab-item-title-line{ right: -2px; }
.gdlr-core-tab-style2-vertical.gdlr-core-right-align .gdlr-core-tab-item-title-wrap{ float: right;
border-left-width: 2px; border-left-style: solid; margin-left: -2px; }
.gdlr-core-tab-style2-vertical.gdlr-core-right-align .gdlr-core-tab-item-title{ padding: 12px 0px 12px 50px; }
.gdlr-core-tab-style2-vertical.gdlr-core-right-align .gdlr-core-tab-item-content-wrap{ border-right-width: 2px; border-right-style: solid; }
.gdlr-core-tab-style2-vertical.gdlr-core-right-align .gdlr-core-tab-item-title-line{ left: -2px; } .gdlr-core-tab-feature2-content-text{ font-size: 18px; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-title{ font-size: 16px; font-weight: 500; margin-bottom: 0px; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-title-wrap{ display: inline-block; cursor: pointer; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-title-item-wrap{ text-align: center; 
border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 25px; position: relative; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-title-image{ margin-bottom: 10px; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-bottom-slide-bar{ position: absolute; bottom: -1px;
border-bottom-width: 2px; border-bottom-style: solid; border-color: #375eef; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-wrap{ display: none; padding-top: 80px; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-wrap.gdlr-core-active{ display: block; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-left{ width: 52%; margin-right: 5%; text-align: center; float: left; overflow: hidden;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-left .gdlr-core-image-overlay-icon.fa-play{ 
background: rgba(55, 94, 239, 0.5); width: 100px; height: 100px; line-height: 100px; padding-left: 5px; margin-left: -50px; margin-top: -50px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-left .gdlr-core-image-overlay-icon.fa-play:before{ z-index: 1; position: relative; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-left .gdlr-core-image-overlay-icon.fa-play:after{
position: absolute; content: " "; left: 6px; right: 6px; top: 6px; bottom: 6px; background: #375eef;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-right{ float: left; width: 43%; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-title{ font-size: 20px; font-weight: 600; margin-bottom: 15px; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-item{ position: relative; border-width: 1px; border-style: solid; margin-bottom: 30px; padding: 35px 35px; 
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
transition: transform 150ms ease-out, box-shadow 150ms ease-out, border-color 150ms ease-out; 
-moz-transition: transform 150ms ease-out, -moz-box-shadow 150ms ease-out, border-color 150ms ease-out; 
-o-transition: transform 150ms ease-out, -o-box-shadow 150ms ease-out, border-color 150ms ease-out; 
-webkit-transition: transform 150ms ease-out, -webkit-box-shadow 150ms ease-out, border-color 150ms ease-out; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-item:last-child{ margin-bottom: 0px; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-hover{ position: absolute; right: 20px; top: 18px; opacity: 0;
font-size: 12px; text-transform: uppercase; padding: 0px 10px; font-weight: 500; letter-spacing: 0.5px;
color: #4ccf5f; background: rgb(76, 207, 95, 0.15); 
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
transition: opacity 200ms; -moz-transition: opacity 200ms; -o-transition: opacity 200ms; -webkit-transition: opacity 200ms; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-item:hover{ 
transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); 
box-shadow: 0px 0px 20px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1); }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-item:hover .gdlr-core-tab-feature2-content-hover{ opacity: 1; }
.gdlr-core-tab-feature2-item.gdlr-core-size-1 .gdlr-core-tab-feature2-title-wrap{ width: 100%; }
.gdlr-core-tab-feature2-item.gdlr-core-size-2 .gdlr-core-tab-feature2-title-wrap{ width: 50%; }
.gdlr-core-tab-feature2-item.gdlr-core-size-3 .gdlr-core-tab-feature2-title-wrap{ width: 33.33%; }
.gdlr-core-tab-feature2-item.gdlr-core-size-4 .gdlr-core-tab-feature2-title-wrap{ width: 25%; }
.gdlr-core-tab-feature2-item.gdlr-core-size-5 .gdlr-core-tab-feature2-title-wrap{ width: 20%; }
.gdlr-core-tab-feature2-item.gdlr-core-size-6 .gdlr-core-tab-feature2-title-wrap{ width: 16.66%; }
.gdlr-core-tab-feature2-item.gdlr-core-size-7 .gdlr-core-tab-feature2-title-wrap{ width: 14.28%; }
.gdlr-core-tab-feature2-item.gdlr-core-size-8 .gdlr-core-tab-feature2-title-wrap{ width: 12.5%; }
@media only screen and (max-width: 767px){
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-left{ float: none; width: auto; margin-bottom: 40px; margin-right: 0px; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-content-right{ width: auto; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-title-image img{ max-width: 30px; }
.gdlr-core-tab-feature2-item .gdlr-core-tab-feature2-title{ font-size: 13px; }
} .gdlr-core-tab-feature3-title-wrap .gdlr-core-tab-feature3-title{ color: #777; }
.gdlr-core-tab-feature3-title-wrap.gdlr-core-active .gdlr-core-tab-feature3-title{ color: #0082fa; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-title{ color: #222; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-text{ color: #373737; }
body .gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-button .gdlr-core-button,
body .gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-button .gdlr-core-button:hover{ color: #0082fa; border-color: #0082fa; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-title{ font-size: 15px; font-weight: 500; margin-bottom: 0px; text-transform: uppercase; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-title-wrap{ cursor: pointer; padding-bottom: 25px; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-title-item-wrap{ text-align: center; 
border-bottom-width: 1px; border-bottom-style: solid; position: relative; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-title-image{ margin-bottom: 10px; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-bottom-slide-bar{ position: absolute; height: 13px; bottom: -13px; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-bottom-slide-bar:after{ content: " "; width: 0px; height: 0px; border-width: 12px 12px 0px 12px; 
border-style: solid; border-color: #ffffff transparent transparent; display: block; margin: -13px auto 0px; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-bottom-slide-bar-border{ color: #375eef;
border-top-width: 1px; border-top-style: solid; border-color: #375eef; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-bottom-slide-bar-border:before{ content: " "; width: 0px; height: 0px; border-width: 12px 12px 0px 12px; border-style: solid; display: block; margin: 0px auto;
border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-wrap{ display: none; padding-top: 60px; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-wrap.gdlr-core-active{ display: block; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-title{ font-size: 24px; font-weight: 600; margin-bottom: 18px; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-text{ font-size: 18px; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content{ overflow: hidden; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-right{ float: right; padding-left: 40px; width: 50%; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-button .gdlr-core-button{ border-width: 2px; border-radius: 3px; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-button { margin-top: 40px; } .gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-background-overlay{ 
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 1));
-moz-background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 1));
-o-background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 1));
-webkit-background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 1)); }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-background-overlay-active{ background: #143369; 
background: linear-gradient(rgba(20, 51, 105, 0.6), rgba(20, 51, 105, 1));
-moz-background: linear-gradient(rgba(20, 51, 105, 0.6), rgba(20, 51, 105, 1));
-o-background: linear-gradient(rgba(20, 51, 105, 0.6), rgba(20, 51, 105, 1));
-webkit-background: linear-gradient(rgba(20, 51, 105, 0.6), rgba(20, 51, 105, 1)); }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-item-content-wrap{ background: #143369; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title{ color: #fff; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-caption{ color: #c6c6c6; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-left-title{ color: #ffffff; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-left-caption{ color: #c4d8fc; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-right{ color: #fff; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-right-divider{ border-bottom-color: #e53d34; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-button-style-solid{ background: #e53d34; color: #fff; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-button-style-solid:hover{ color: #fff; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-button-style-border{ border-color: #e53d34; color: #fff; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-button-style-border:hover{ color: #fff; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-wrap{ text-align: center; padding: 81px 20px; position: relative; cursor: pointer; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-background{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; background-size: cover;
transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-background-active{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0; background-size: cover;
transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-background-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; margin-right: -1px;
transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-background-overlay-active{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0; margin-right: -1px;
transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-wrap.gdlr-core-active .gdlr-core-tab-feature-title-background.gdlr-core-with-active{ opacity: 0; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-wrap.gdlr-core-active .gdlr-core-tab-feature-title-background-active{ opacity: 1; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-wrap.gdlr-core-active .gdlr-core-tab-feature-title-background-overlay{ opacity: 0; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-wrap.gdlr-core-active .gdlr-core-tab-feature-title-background-overlay-active{ opacity: 1; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title{ font-size: 21px; font-weight: 800; margin-bottom: 8px; position: relative; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-image{ margin-bottom: 20px; position: relative; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-caption{ font-size: 16px; position: relative; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-size-2{ float: left; width: 50%; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-size-3{ float: left; width: 33.33%; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-size-4{ float: left; width: 25%; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-wrap{ display: none; padding: 100px 90px 90px 80px; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-wrap.gdlr-core-active{ display: block; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-left{ width: 33%; float: left; padding-left: 20px; padding-right: 20px; margin-top: -6px; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-left-title{ font-size: 36px; font-weight: 700; margin-bottom: 5px; margin-top: -5px; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-left-caption{ font-size: 20px; font-weight: 500; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-right{ overflow: hidden; font-size: 19px; margin-top: -10px; padding-left: 20px; padding-right: 20px; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-right-divider{ border-bottom-width: 3px; border-bottom-style: solid; margin-bottom: 18px; width: 55px; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-button-wrap{ padding-top: 20px; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-button{ font-size: 13px; font-weight: 700; text-transform: uppercase; height: 52px;
padding: 14px 30px 0px; display: inline-block; margin-right: 15px; letter-spacing: 0.5px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-button-style-border{ padding-top: 12px; border-width: 2px; border-style: solid; } .gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-wrap{ background: #000; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-caption{ color: #969696; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-title{ color: #fff; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-title-overlay{ 
background: linear-gradient(rgba(221, 51, 51, 0), rgba(221, 51, 51, 0), rgba(221, 51, 51, 1));
-moz-background: linear-gradient(rgba(221, 51, 51, 0), rgba(221, 51, 51, 0), rgba(221, 51, 51, 1));
-o-background: linear-gradient(rgba(221, 51, 51, 0), rgba(221, 51, 51, 0), rgba(221, 51, 51, 1));
-webkit-background: linear-gradient(rgba(221, 51, 51, 0), rgba(221, 51, 51, 0), rgba(221, 51, 51, 1)); }
.gdlr-core-tab-featurev-item  .gdlr-core-tab-featurev-title-divider{ border-color: #e53d34; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-wrap li{ background: #222; color: #7d7d7d; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-wrap li.gdlr-core-active{ background: #e53d34; color: #ffffff; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-item-content-wrap{ background: #fff; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-caption{ position: relative; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 3px; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-title{ position: relative; font-size: 28px; font-weight: bold; margin-bottom: 16px; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-divider{ position: relative; width: 33px; border-bottom-width: 2px; border-bottom-style: solid; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-background-switch > div{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0; background-size: cover;
transition: opacity 200ms; -moz-transition: opacity 200ms; -o-transition: opacity 200ms; -webkit-transition: opacity 200ms; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-background-switch > div.gdlr-core-active{ opacity: 1; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-wrap{ width: 35%; float: left; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-title-wrap{ padding-bottom: 46px; padding-left: 15%; position: relative; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-title-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-wrap{ margin-left: 0px; list-style: none; margin-bottom: 0px; padding-left: 15%; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-wrap li{ margin-left: 0px; list-style: none; font-size: 17px; 
margin-bottom: 1px; padding: 15px 23px 17px; cursor: pointer; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-wrap li:last-child{ margin-bottom: 0px; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-wrap li i{ margin-right: 12px; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-item-content-wrap{ overflow: hidden; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-content-wrap{ display: none; padding: 100px 85px 70px; background-size: cover; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-content-wrap.gdlr-core-active{ display: block; }
.gdlr-core-tab-featurev-item .gldr-core-tab-featurev-content-title-image{ margin-bottom: 25px; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-content-title-caption{ font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 2px; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-content-title{ font-size: 32px; font-weight: 800; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-content-title-wrap{ margin-bottom: 30px; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-content{ font-size: 17px; } .gdlr-core-stunning-text-item .gdlr-core-stunning-text-item-caption{ font-size: 16px; font-style: italic; letter-spacing: 0.5px; }
.gdlr-core-stunning-text-item .gdlr-core-stunning-text-item-title{ font-size: 41px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; }
.gdlr-core-stunning-text-item .gdlr-core-stunning-text-item-content{ font-size: 16px; margin-bottom: 30px; }
.gdlr-core-stunning-text-item .gdlr-core-stunning-text-item-link{ font-size: 15px; font-style: italic; letter-spacing: 0.5px; }
.gdlr-core-stunning-text-caption-above-title .gdlr-core-stunning-text-item-title{ margin-bottom: 22px; }
.gdlr-core-stunning-text-caption-above-title .gdlr-core-stunning-text-item-caption{ margin-bottom: 13px; }
.gdlr-core-stunning-text-caption-below-title .gdlr-core-stunning-text-item-title{ margin-bottom: 15px; }
.gdlr-core-stunning-text-caption-below-title .gdlr-core-stunning-text-item-caption{ margin-bottom: 25px; } .gdlr-core-audio{ padding: 16px 19px 13px; }
.gdlr-core-audio .mejs-container{ height: 30px !important; }
.gdlr-core-audio .mejs-container .mejs-controls{ height: 30px; }
.gdlr-core-audio .mejs-container .mejs-controls .mejs-time { font-size: 15px; line-height: 1; padding-top: 6px; height: 17px; white-space: nowrap; }
.gdlr-core-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ top: 8px; height: 10px; }
.gdlr-core-audio .mejs-container .mejs-controls .mejs-volume-button button,
.gdlr-core-audio .mejs-container .mejs-controls .mejs-playpause-button button{ display: none; }
.gdlr-core-audio .mejs-container .mejs-controls .mejs-volume-button{ line-height: 1; margin-left: 20px; margin-right: 10px; width: 26px; height: 26px; }
.gdlr-core-audio .mejs-container .mejs-controls .mejs-volume-button:before{ content: "\e069"; font-family: "ElegantIcons"; font-size: 16px; display: inline-block; padding: 5px; }
.gdlr-core-audio .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before{ content: "\e067"; }
.gdlr-core-audio .mejs-container .mejs-controls .mejs-horizontal-volume-slider{ height: 26px; }
.gdlr-core-audio .mejs-container .mejs-controls .mejs-playpause-button{ line-height: 1; margin-right: 10px; width: 26px; height: 26px; }
.gdlr-core-audio .mejs-container .mejs-controls .mejs-playpause-button:before{ font-family: "ElegantIcons"; font-size: 24px; display: inline-block; padding: 1px; cursor: pointer; }
.gdlr-core-audio .mejs-container .mejs-controls .mejs-play:before{ content: "\49"; }
.gdlr-core-audio .mejs-container .mejs-controls .mejs-pause:before{ content: "\5f"; font-size: 24px; padding: 2px; }
.gdlr-core-audio .mejs-controls div.mejs-time-rail{ padding-top: 3px; height: 26px; margin: 0px 5px; }
.gdlr-core-audio .mejs-container, 
.gdlr-core-audio .mejs-container .mejs-controls, 
.gdlr-core-audio .mejs-embed, 
.gdlr-core-audio .mejs-embed body{ background: transparent; } .gdlr-core-counter-item{ text-align: center; }
.gdlr-core-counter-item .gdlr-core-counter-item-top-text{ font-size: 16px; font-weight: bold; margin-bottom: 22px; }
.gdlr-core-counter-item .gdlr-core-counter-item-top-icon{ font-size: 30px; margin-bottom: 25px; line-height: 1.2; }
.gdlr-core-counter-item .gdlr-core-counter-item-number{ font-size: 59px; line-height: 1; margin-bottom: 25px; }
.gdlr-core-counter-item .gdlr-core-counter-item-prefix{ margin-right: 6px; }
.gdlr-core-counter-item .gdlr-core-counter-item-divider{ width: 20px; margin: 0px auto 25px;
border-bottom-width: 2px; border-bottom-style: solid; }
.gdlr-core-counter-item .gdlr-core-counter-item-bottom-text{ font-size: 16px;text-transform: uppercase; }
.gdlr-core-counter-item .gdlr-core-counter-item-side-caption{ display: table; }
.gdlr-core-counter-item .gdlr-core-counter-item-side-caption-left{ display: table-cell; vertical-align: middle; }
.gdlr-core-counter-item .gdlr-core-counter-item-side-caption-left .gdlr-core-counter-item-number{ white-space: nowrap; margin-bottom: 0px; }
.gdlr-core-counter-item .gdlr-core-counter-item-side-caption-right{ display: table-cell; vertical-align: middle; }
.gdlr-core-counter-item .gdlr-core-counter-item-side-caption-right{ font-size: 16px; text-transform: uppercase; padding-left: 25px; }
.gdlr-core-counter-item.gdlr-core-left-align{ text-align: left; }
.gdlr-core-counter-item.gdlr-core-left-align .gdlr-core-counter-item-divider{ margin-left: 0px; }
.gdlr-core-counter-item.gdlr-core-right-align{ text-align: right; }
.gdlr-core-counter-item.gdlr-core-right-align .gdlr-core-counter-item-divider{ margin-right: 0px; } .gdlr-core-countdown-wrap .gdlr-core-countdown-block{ display: inline-block; margin: 0px 30px }
.gdlr-core-countdown-wrap .gdlr-core-time{ font-size: 85px; font-weight: 300; display: block; line-height: 1; white-space: nowrap; }
.gdlr-core-countdown-wrap .gdlr-core-unit{ font-size: 18px; display: block; margin-top: 10px; text-transform: uppercase;  letter-spacing: 2px; } .gdlr-core-type-animation-item .gdlr-core-type-animation-item-content{ font-size: 19px; border-style: solid; border-width: 0px; }
.gdlr-core-type-animation-item.gdlr-core-with-highlight .gdlr-core-type-animation-item-content{ padding-left: 0.7em; padding-right: 0.7em; display: inline-block; }
.typed-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }
@keyframes blink{ 			0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }}
@-webkit-keyframes blink{ 	0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes blink{ 		0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } .gdlr-core-block-item-title-wrap{ position: relative; margin-bottom: 60px; }
.gdlr-core-block-item-title-wrap .gdlr-core-block-item-title-inner{ position: relative; }
.gdlr-core-block-item-title-wrap .gdlr-core-block-item-caption{ font-size: 16px; font-style: italic; letter-spacing: 0.8px; }
.gdlr-core-block-item-title-wrap .gdlr-core-block-item-title{ font-size: 41px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0px; }
.gdlr-core-block-item-title-wrap .gdlr-core-block-item-title i{ margin-right: 18px; }
.gdlr-core-block-item-title-wrap .gdlr-core-block-item-title img{ margin-right: 18px; }
.gdlr-core-block-item-title-wrap .gdlr-core-block-item-read-more{ font-size: 14px; } 
.gdlr-core-block-item-title-wrap .gdlr-core-block-item-read-more.gdlr-core-style-with-border{ border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 2px; }
.gdlr-core-block-item-title-wrap .gdlr-core-block-item-read-more.gdlr-core-style-right-with-border{ border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 2px; 
position: absolute; right: 0px; bottom: 10px; }
.gdlr-core-block-item-title-wrap.gdlr-core-left-align .gdlr-core-block-item-caption.gdlr-core-top{ margin-bottom: 5px; } 
.gdlr-core-block-item-title-wrap.gdlr-core-left-align .gdlr-core-block-item-caption.gdlr-core-bottom{ margin-top: 5px; } 
.gdlr-core-block-item-title-wrap.gdlr-core-left-align .gdlr-core-block-item-title{ display: inline-block; margin-right: 25px; } 
.gdlr-core-block-item-title-wrap.gdlr-core-left-align .gdlr-core-separator.gdlr-core-style-1{ display: inline-block;
height: 32px; margin: 0px 40px 0px 0px; border-right-width: 1px; border-right-style: solid; 
transform: rotate(36deg); -moz-transform: rotate(36deg); -webkit-transform: rotate(36deg); 
transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%; }
.gdlr-core-block-item-title-wrap.gdlr-core-left-align .gdlr-core-separator.gdlr-core-style-2{ margin-right: 22px; }
.gdlr-core-block-item-title-wrap.gdlr-core-left-align .gdlr-core-separator.gdlr-core-style-2:before{ content: " ";     
border-bottom-width: 3px; border-top-width: 2px; border-style: solid; width: 25px; display: inline-block;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-block-item-title-wrap.gdlr-core-left-align .gdlr-core-separator.gdlr-core-style-2:after{ content: " "; 
border-bottom-width: 3px; border-top-width: 2px; border-style: solid; opacity: 0.5; margin-left: 8px; width: 5px; display: inline-block;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-block-item-title-wrap.gdlr-core-center-align .gdlr-core-block-item-caption.gdlr-core-top{ margin-bottom: 5px; } 
.gdlr-core-block-item-title-wrap.gdlr-core-center-align .gdlr-core-block-item-caption.gdlr-core-bottom{ margin-top: 5px; } 
.gdlr-core-block-item-title-wrap.gdlr-core-center-align .gdlr-core-block-item-read-more{ display: inline-block; margin-top: 10px; }
.gdlr-core-block-item-title-nav{ margin-bottom: 40px; } .gdlr-core-title-item .gdlr-core-title-item-caption{ font-size: 16px; font-style: italic; display: block; }
.gdlr-core-title-item .gdlr-core-title-item-caption-prefix{ border-right-width: 3px; border-right-style: solid; display: inline-block; 
height: 1em; margin-right: 12px; margin-bottom: 0.28em; vertical-align: middle; }
.gdlr-core-title-item .gdlr-core-title-item-title{ font-size: 41px; font-weight: 800; display: inline-block;
text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0px; 
transition: color 200ms; -moz-transition: color 200ms;
-o-transition: color 200ms; -webkit-transition: color 200ms; }
.gdlr-core-title-item .gdlr-core-title-item-title i{ margin-right: 30px; }
.gdlr-core-title-item .gdlr-core-title-item-title-wrap{ position: relative; }
.gdlr-core-title-item .gdlr-core-title-item-divider{ position: absolute; top: 50%; margin-top: -1px; 
border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-title-item .gdlr-core-title-item-divider.gdlr-core-left{ left: 0px; }
.gdlr-core-title-item .gdlr-core-title-item-divider.gdlr-core-right{ right: 0px; }
.gdlr-core-title-item .gdlr-core-title-item-link{ display: block; margin-top: 12px; }
.gdlr-core-title-item-caption-top.gdlr-core-left-align .gdlr-core-title-item-link,
.gdlr-core-title-item-caption-bottom.gdlr-core-left-align .gdlr-core-title-item-link{ position: absolute; right: 0px; top: 50%; margin-top: -9px; line-height: 25px; font-style: italic; }
.gdlr-core-title-item-caption-top.gdlr-core-left-align .gdlr-core-title-item-link.gdlr-core-overflow,
.gdlr-core-title-item-caption-bottom.gdlr-core-left-align .gdlr-core-title-item-link.gdlr-core-overflow{ position: static; margin-top: 10px; }
.gdlr-core-title-item-caption-top  .gdlr-core-title-item-caption{ margin-bottom: 10px; }
.gdlr-core-title-item-caption-bottom  .gdlr-core-title-item-caption{ margin-top: 10px; }
.gdlr-core-title-item-caption-right .gdlr-core-title-item-title-wrap{ float: left; margin-right: 30px; }
.gdlr-core-title-item-caption-right .gdlr-core-title-item-caption{ overflow: hidden; }
.gdlr-core-title-item-left-image{ float: left; margin-right: 30px; }
.gdlr-core-title-item-left-image-wrap{ overflow: hidden; }
.gdlr-core-title-item-left-icon{ float: left; margin-right: 30px; margin-top: 10px; font-size: 30px; }
.gdlr-core-title-item-left-icon-wrap{ overflow: hidden; }
.gdlr-core-title-item-left-divider{ border-left-width: 5px; border-style: solid; margin-right: 30px; }
.gdlr-core-title-item-left-dot{ display: inline-block; width: 6px; height: 6px; margin-right: 20px; margin-bottom: 0.28em; vertical-align: middle; background: #ddd;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-title-item-title-side-border{ border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; }
.gdlr-core-title-item-title-side-border{ border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; }
.gdlr-core-title-item-title-side-border.gdlr-core-style-upper{ margin-bottom: 0.6em; }
.gdlr-core-title-item-title-side-border.gdlr-core-style-middle{ margin-bottom: 0.3em; } .gdlr-core-personnel-thumbnail-hover-content{ line-height: 1.7; padding-left: 30px; padding-right: 30px; text-align: center; position: absolute; left: 0px; right: 0px; top: 50%;
transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.gdlr-core-personnel-thumbnail-hover-content.gdlr-core-bottom{ top: auto; bottom: 30px; 
transform: none; -webkit-transform: none; }
.gdlr-core-personnel-thumbnail-hover-title{ font-size: 22px; font-weight: 800; margin-bottom: 6px; }
.gdlr-core-personnel-thumbnail-hover-social{ font-size: 19px; margin-bottom: 12px; }
.gdlr-core-personnel-thumbnail-hover-social.gdlr-core-round-border .gdlr-core-social-network-icon{ width: 38px; height: 38px; 
line-height: 38px; display: inline-block; text-align: center; font-size: 14px; border-width: 1px; border-style: solid; margin-left: 12px;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.gdlr-core-personnel-thumbnail-hover-social.gdlr-core-round-border .gdlr-core-social-network-icon:first-child{ margin-left: 0px; }
.gdlr-core-personnel-thumbnail-hover-content > div:last-child{ margin-bottom: 0px; }
.gdlr-core-personnel-thumbnail-hover-content .gdlr-core-personnel-thumbnail-hover-title a,
.gdlr-core-personnel-thumbnail-hover-content .gdlr-core-personnel-thumbnail-hover-title a:hover,
.gdlr-core-personnel-thumbnail-hover-content .gdlr-core-personnel-thumbnail-hover-social a,
.gdlr-core-personnel-thumbnail-hover-content .gdlr-core-personnel-thumbnail-hover-social a:hover,
.gdlr-core-personnel-thumbnail-hover-content .gdlr-core-personnel-thumbnail-hover-excerpt{ color: #fff; }
.gdlr-core-personnel-item .gdlr-core-personnel-list{ border-style: solid; border-width: 0px; }
.gdlr-core-personnel-item .gdlr-core-personnel-list.gdlr-core-outer-frame-element{ overflow: hidden; }
.gdlr-core-personnel-item .gdlr-core-personnel-list-title{ text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin-bottom: 8px; }
.gdlr-core-personnel-item .gdlr-core-personnel-list-position{ font-size: 13px; font-style: italic; margin-bottom: 8px; letter-spacing: 0.2px; } .gdlr-core-personnel-style-grid .gdlr-core-personnel-list-column{ margin-bottom: 50px; }
.gdlr-core-personnel-style-grid .gdlr-core-personnel-list-content-wrap{ padding-top: 37px; }
.gdlr-core-personnel-style-grid .gdlr-core-personnel-list-title{ font-size: 16px; }
.gdlr-core-personnel-style-grid .gdlr-core-personnel-list-position{ font-size: 13px; font-style: italic; margin-bottom: 8px; letter-spacing: 0.2px; }
.gdlr-core-personnel-style-grid .gdlr-core-personnel-list-divider{ border-bottom: 2px; border-bottom-style: solid; width: 45px; padding-top: 12px; }
.gdlr-core-personnel-style-grid .gdlr-core-personnel-list-content{ margin-top: 20px; }
.gdlr-core-personnel-style-grid .gdlr-core-personnel-list-social{ margin-top: 18px;  margin-bottom: 12px; }
.gdlr-core-personnel-style-grid .gdlr-core-personnel-list-social-shortcode{ margin-top: 20px; }
.gdlr-core-personnel-style-grid.gdlr-core-right-align .gdlr-core-personnel-list-divider{ margin-left: auto; margin-right: 0px; }
.gdlr-core-personnel-style-grid.gdlr-core-center-align .gdlr-core-personnel-list-divider{ margin-left: auto; margin-right: auto; }
.gdlr-core-personnel-style-grid.gdlr-core-with-background .gdlr-core-personnel-list-content-wrap{ padding: 35px 32px 25px; }
.gdlr-core-personnel-item-style-grid-no-space .gdlr-core-personnel-list-content-wrap { margin-left: 33px; }
.gdlr-core-personnel-style-medium .gdlr-core-personnel-list-column{ margin-bottom: 50px; }
.gdlr-core-personnel-style-medium .gdlr-core-personnel-list-image{ float: left; max-width: 37%; margin-right: 42px; }
.gdlr-core-personnel-style-medium .gdlr-core-personnel-list-content-wrap{ overflow: hidden; }
.gdlr-core-personnel-style-medium .gdlr-core-personnel-list-title{ font-size: 16px; }
.gdlr-core-personnel-style-medium .gdlr-core-personnel-list-position{ font-size: 13px; font-style: italic; margin-bottom: 8px; letter-spacing: 0.2px; }
.gdlr-core-personnel-style-medium .gdlr-core-personnel-list-divider{ border-bottom: 2px; border-bottom-style: solid; width: 45px; padding-top: 12px; }
.gdlr-core-personnel-style-medium .gdlr-core-personnel-list-content{ margin-top: 20px; }
.gdlr-core-personnel-style-medium .gdlr-core-personnel-list-social{ margin-top: 18px;  margin-bottom: 12px; }
.gdlr-core-personnel-style-medium .gdlr-core-personnel-list-social-shortcode{ margin-top: 20px; }
.gdlr-core-personnel-style-modern .gdlr-core-personnel-list{ position: relative; }
.gdlr-core-personnel-style-modern .gdlr-core-personnel-list-title{ font-size: 17px; }
.gdlr-core-personnel-style-modern .gdlr-core-personnel-list-content-wrap{ position: absolute; bottom: 16px; left: 32px; right: 32px; }
.gdlr-core-personnel-list .gdlr-core-personnel-list-content-wrap.gdlr-core-hover-overlay-content{ opacity: 0; 
transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; 
-o-transition: opacity 300ms ease-out;  -webkit-transition: opacity 300ms ease-out; }
.gdlr-core-personnel-list:hover .gdlr-core-personnel-list-content-wrap.gdlr-core-hover-overlay-content{ opacity: 1; }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list-column{ margin-bottom: 15px; }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list{ padding-bottom: 65px; position: relative; }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list-content-wrap{ position: absolute; left: 25px; 
right: 25px; bottom: 15px; z-index: 1; background: #fff; padding: 30px 20px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list-title{ margin-bottom: 0px; }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list-position{ margin-bottom: 0px; margin-top: 10px; }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list-social{ margin-bottom: 0px; margin-top: 10px; }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list-info-wrap{ overflow: hidden; max-height: 0; 
transition: max-height 350ms; -moz-transition: max-height 350ms;  -o-transition: max-height 350ms; -webkit-transition: max-height 350ms; }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list:hover .gdlr-core-personnel-list-info-wrap{ max-height: 100px; }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list:hover .gdlr-core-opacity-on-hover img{ opacity: 0.5; filter: alpha(opacity=50); }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list:hover .gdlr-core-zoom-on-hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list:hover .gdlr-core-grayscale-effect img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);  -o-filter: grayscale(0%);  filter: grayscale(0%); }
.gdlr-core-personnel-style-grid-feature .gdlr-core-personnel-list:hover .gdlr-core-grayscale-effect-revert img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.gdlr-core-personnel-style-modern .gdlr-core-personnel-list:hover .gdlr-core-hover-opacity{ opacity: 1; filter: alpha(opacity=100); }
.gdlr-core-personnel-style-modern .gdlr-core-personnel-list:hover .gdlr-core-zoom-on-hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); }
.gdlr-core-personnel-style-modern .gdlr-core-personnel-list:hover .gdlr-core-grayscale-effect img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);  -o-filter: grayscale(0%);  filter: grayscale(0%); }
.gdlr-core-personnel-style-modern .gdlr-core-personnel-list:hover .gdlr-core-grayscale-effect-revert img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.gdlr-core-personnel-style-widget .gdlr-core-item-list{ padding-bottom: 20px; margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-personnel-style-widget .gdlr-core-personnel-list-image{ float: left; max-width: 80px; border-radius: 50%; overflow: hidden; margin-right: 20px; }
.gdlr-core-personnel-style-widget .gdlr-core-personnel-list-content{ text-align: left; overflow: hidden; padding-top: 8px; }
.gdlr-core-personnel-style-widget .gdlr-core-personnel-list-title{ font-size: 20px; margin-bottom: 5px; text-transform: none; letter-spacing: 0; }
.gdlr-core-personnel-style-widget .gdlr-core-personnel-list-link i{ vertical-align: middle; margin-left: 10px; }
.gdlr-core-personnel-item .gdlr-core-flexslider.gdlr-core-with-outer-frame-element .flex-viewport{ padding-top: 15px; margin-top: -15px;
padding-left: 15px; margin-left: -15px; padding-right: 15px; margin-right: -15px; padding-bottom: 15px; margin-bottom: -15px; }
.gdlr-core-personnel-filterer{ margin-bottom: 40px; }
.gdlr-core-personnel-filterer .gdlr-core-head{ float: left; margin-right: 30px; font-size: 18px; line-height: 18px; }
.gdlr-core-personnel-filterer .gdlr-core-tail{ overflow: hidden; }
.gdlr-core-personnel-filterer .gdlr-core-custom-dropdown-current{ line-height: 18px; font-size: 15px; }
.gdlr-core-personnel-filterer .gdlr-core-custom-dropdown-current:after{ content: "\f0d7"; font-family: fontAwesome; float: right; }
.gdlr-core-personnel-item .gdlr-core-now-loading{ position: absolute; background: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/portfolio/now-loading.gif) center no-repeat; 
width: 55px; height: 55px; left: 50%; margin-left: -28px; background-color: #fff; margin-top: 20px; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-custom-dropdown .gdlr-core-custom-dropdown-current{ cursor: pointer; text-align: left;
font-weight: bold; padding-bottom: 10px; border-bottom-width: 2px; border-bottom-style: solid; max-width: 250px; }
.gdlr-core-custom-dropdown .gdlr-core-custom-dropdown-list{ display: none; text-align: left;
padding: 14px 0px;  max-width: 250px; position: absolute; width: 250px; z-index: 1; background: #fff; 
box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); }
.gdlr-core-custom-dropdown .gdlr-core-custom-dropdown-list-item{ padding: 3px 25px; cursor: pointer; }
.gdlr-core-custom-dropdown .gdlr-core-custom-dropdown-list-item.gdlr-core-active{ display: none; } .gdlr-core-course-info-item{ font-size: 17px; }
.gdlr-core-course-info-item .gdlr-core-course-info-item-inner{ padding: 40px 50px 30px;background: #f3f3f3; }
.gdlr-core-course-info-item .gdlr-core-head{ float: left; margin-right: 15px; font-weight: bold; margin-bottom: 12px; }
.gdlr-core-course-info-item .gdlr-core-tail{ overflow: hidden; margin-bottom: 12px; }
.gdlr-core-course-item.gdlr-core-course-style-list .gdlr-core-course-item-list{ position: relative; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 13px; margin-bottom: 13px; }
.gdlr-core-course-item.gdlr-core-course-style-list .gdlr-core-course-item-link{ display: block; padding-right: 30px; }
.gdlr-core-course-item.gdlr-core-course-style-list .gdlr-core-course-item-id{ font-size: 16px; font-weight: 500; min-width: 100px; display: inline-block; }
.gdlr-core-course-item.gdlr-core-course-style-list .gdlr-core-course-item-title{ font-size: 16px; font-weight: 500; 
transition: color 200ms ease-out; -moz-transition: color 200ms ease-out; 
-o-transition: color 200ms ease-out; -webkit-transition: color 200ms ease-out; }
.gdlr-core-course-item.gdlr-core-course-style-list .gdlr-core-course-item-icon{ position: absolute; top: 50%; right: 0px; 
font-size: 20px; line-height: 20px; margin-top: -16px;  }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-list{ margin-bottom: 30px; padding: 40px 52px;	
transition: border 200ms, box-shadow 400ms; -webkit-transition: border 200ms, box-shadow 400ms; -moz-transition: border 200ms, box-shadow 400ms; }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-title{ font-size: 19px; margin-bottom: 20px; }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-id{ margin-right: 23px; }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-button{ border-radius: 3px; font-size: 14px; padding: 10px 22px; }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-info-wrap{ margin-bottom: 20px; }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-info{ font-size: 15px; margin-bottom: 6px; }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-info .gdlr-core-head{ font-weight: 700; margin-right: 5px;}
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-title{ color: #3e3e3e; }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-id{ color: #3db166; }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-list{ background: #f2f2f2; }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-info{ color: #6b6b6b; }
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-button,
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-button:hover{ background-color: #50bd77; color: #fff; }
.gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-course-item-list{ margin-bottom: 40px; }
.gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-course-item-list-inner{ border-radius: 3px; overflow: hidden; }
.gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-course-item-title{ font-size: 19px; font-weight: 800; }
.gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-course-item-content-wrap{ padding: 40px; border-width: 1px; border-style: solid; background: #fff; }
.gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-with-thumbnail .gdlr-core-course-item-content-wrap{ border-top-width: 0px; }
.gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-course-item-info-wrap{ margin-bottom: 20px; }
.gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-course-item-info .gdlr-core-head{ font-weight: 800; }
.gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-course-item-info{ margin-bottom: 8px; }
.gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-course-item-button i{ margin-left: 10px; } .gdlr-core-image-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; 
opacity: 0; filter: alpha(opacity=0); overflow: hidden;
transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; 
-o-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; }
.gdlr-core-image-overlay:hover,
.gdlr-core-image-overlay.gdlr-core-no-hover{ opacity: 1; filter: alpha(opacity=100); }
.gdlr-core-image-overlay.gdlr-core-transparent{ background: transparent; }
.gdlr-core-image-overlay-icon{ position: absolute; left: 50%; top: 50%; display: block; text-align: center; 
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
.gdlr-core-image-overlay-icon img{ vertical-align: middle; padding-bottom: 1px; }
.gdlr-core-image-overlay-icon.gdlr-core-size-28{ width: 28px; font-size: 28px; line-height: 28px; margin-left: -14px; margin-top: -14px; }
.gdlr-core-image-overlay-icon.gdlr-core-size-22{ width: 25px; font-size: 22px; line-height: 25px; margin-left: -11px; margin-top: -11px; }
.gdlr-core-image-overlay-icon.gdlr-core-size-15{ width: 20px; font-size: 15px; line-height: 20px; margin-left: -8px; margin-top: -10px; }
.gdlr-core-image-overlay.gdlr-core-round-icon .gdlr-core-image-overlay-icon{ text-align: center;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.gdlr-core-image-overlay.gdlr-core-round-icon .gdlr-core-image-overlay-icon.gdlr-core-size-28{ padding: 20px; }
.gdlr-core-image-overlay.gdlr-core-round-icon .gdlr-core-image-overlay-icon.gdlr-core-size-22{ padding: 20px; }
.gdlr-core-image-overlay.gdlr-core-round-icon .gdlr-core-image-overlay-icon.gdlr-core-size-15{ padding: 20px; }
.gdlr-core-image-overlay.gdlr-core-round-icon .gdlr-core-image-overlay-icon.fa-play:before{ margin-left: 6px; }
.gdlr-core-image-overlay-content{ position: absolute; left: 40px; right: 40px; top: 50%; line-height: 1.55; display: block; }
.gdlr-core-image-item-wrap{ width: 100%; }
.gdlr-core-image-item{ line-height: 0; }
.gdlr-core-image-item.gdlr-core-left-align .gdlr-core-image-item-wrap{ margin-left: 0px; }
.gdlr-core-image-item.gdlr-core-right-align .gdlr-core-image-item-wrap{ margin-right: 0px; }
.gdlr-core-image-item .gdlr-core-image-item-wrap{ border-style: solid; margin-left: auto; margin-right: auto; display: inline-block; max-width: 100%; }
.gdlr-core-image-item .gdlr-core-image-item-wrap.gdlr-core-with-shadow{ box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6); 
-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6); }
.gdlr-core-image-item .gdlr-core-image-item-style-round{ overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-image-item .gdlr-core-image-item-style-circle{ width: auto; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-image-item .gdlr-core-image-item-caption{ font-size: 13px; font-weight: bold; font-style: italic; margin-top: 15px; }
.gdlr-core-image-item .gdlr-core-image-item-style-circle .gdlr-core-image-overlay{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-image-item .gdlr-core-image-item-style-round .gdlr-core-image-overlay{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media only screen and (max-width: 767px){
.gdlr-core-mobile-left-align{ text-align: left; }
.gdlr-core-mobile-right-align{ text-align: right; }
.gdlr-core-mobile-center-align{ text-align: center; }
.gdlr-core-image-item.gdlr-core-mobile-left-align .gdlr-core-image-item-wrap{ margin-left: 0px; }
.gdlr-core-image-item.gdlr-core-mobile-right-align .gdlr-core-image-item-wrap{ margin-right: 0px; }
.gdlr-core-image-item.gdlr-core-mobile-center-align .gdlr-core-image-item-wrap{ margin-left: auto; margin-right: auto; }
} .gdlr-core-social-share-item a{ margin: 0px 15px; font-size: 16px; }
.gdlr-core-social-share-item a:first-child{ margin-left: 0px !important; }
.gdlr-core-social-share-item a:last-child{ margin-right: 0px !important; }
.gdlr-core-social-share-item .fa{ font-family: 'FontAwesome'; }
.gdlr-core-social-share-item .fa6b{ font-family: 'Font Awesome 6 Brands'; }
.gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-count{ font-size: 23px; font-weight: bold; margin-right: 10px; }
.gdlr-core-social-share-item .gdlr-core-social-share-count .gdlr-core-suffix{ font-size: 15px; text-transform: uppercase; letter-spacing: 1px; }
.gdlr-core-social-share-item.gdlr-core-style-round a{ width: 28px; height: 28px; margin: 0px 12px 0px 0px;
display: inline-block; line-height: 1; text-align: center; padding: 6px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-social-share-item.gdlr-core-style-round a,
.gdlr-core-social-share-item.gdlr-core-style-round a:hover{ color: #fff; background: #252525; }
.gdlr-core-social-share-item.gdlr-core-social-share-vertical .gdlr-core-social-share-count{ margin-bottom: 20px; }
.gdlr-core-social-share-item.gdlr-core-social-share-vertical a{ margin-left: 0px; margin-right: 0px; display: block; margin-bottom: 10px; }
.gdlr-core-social-share-left-text .gdlr-core-divider{ margin-right: 36px; margin-left: 30px;
height: 18px; border-right-width: 2px; border-right-style: solid; }
.gdlr-core-social-share-right-text .gdlr-core-divider{ margin-right: 30px; margin-left: 36px;
height: 18px; border-right-width: 2px; border-right-style: solid; }
.gdlr-core-social-share-top-text .gdlr-core-social-share-count{ display: block; }
.gdlr-core-social-share-top-text .gdlr-core-divider{ width: 30px; display: block; margin: 23px 0px 28px;
border-bottom-width: 3px; border-bottom-style: solid; }
.gdlr-core-social-share-top-text.gdlr-core-right-align .gdlr-core-divider{ margin-left: auto; margin-right: 0px; }
.gdlr-core-social-share-top-text.gdlr-core-center-align .gdlr-core-divider{ margin-left: auto; margin-right: auto; }
.gdlr-core-social-share-item.gdlr-core-style-color a{ display: inline-block; width: 68px; 
text-align: center; margin-right: 3px; line-height: 30px; padding: 5px 0px; margin-left: 0px; }
.gdlr-core-social-share-item.gdlr-core-style-color .gdlr-core-social-share-facebook{ background: #3b5999; color: #fff; }
.gdlr-core-social-share-item.gdlr-core-style-color .gdlr-core-social-share-linkedin{ background: #0077b5; color: #fff; }
.gdlr-core-social-share-item.gdlr-core-style-color .gdlr-core-social-share-google-plus{ background: #dc4e41; color: #fff; }
.gdlr-core-social-share-item.gdlr-core-style-color .gdlr-core-social-share-pinterest{ background: #bd081c; color: #fff; }
.gdlr-core-social-share-item.gdlr-core-style-color .gdlr-core-social-share-stumbleupon{ background: #eb4924; color: #fff; }
.gdlr-core-social-share-item.gdlr-core-style-color .gdlr-core-social-share-twitter{ background: #55acee; color: #fff; }
.gdlr-core-social-share-item.gdlr-core-style-color .gdlr-core-social-share-email{ background: #000; color: #fff; } .gdlr-core-social-network-item .gdlr-core-social-network-icon{ border-width: 0; border-style: solid; margin-right: 20px; font-size: 19px; display: inline-block; text-align: center; }
.gdlr-core-social-network-item .gdlr-core-social-network-icon:last-child{ margin-right: 0px !important; }
.gdlr-core-social-network-item .gdlr-core-social-network-item-text{ font-size: 15px; font-weight: 400; margin-left: 13px; letter-spacing: 1px;}
.gdlr-core-social-network-item .gdlr-core-social-network-icon i{ letter-spacing: 0px; }
.gdlr-core-social-network-item.gdlr-direction-vertical a{ display: block; margin-right: 0px; text-align: inherit; margin-bottom: 20px; }
.gdlr-core-social-network-item.gdlr-direction-vertical a:last-child{ margin-bottom: 0px !important; } .gdlr-core-icon-list-item ul{ margin-left: 0px; list-style: none; margin-bottom: 0px; } .gdlr-core-icon-list-item ul li{ margin-bottom: 10px; }
.gdlr-core-icon-list-item ul li:first-child{ padding-top: 0px; }
.gdlr-core-icon-list-item .gdlr-core-icon-list-image{ float: left; margin-right: 15px; vertical-align: middle; position: relative; line-height: 1; margin-top: 3px; }
.gdlr-core-icon-list-item .gdlr-core-icon-list-icon-wrap{ float: left; margin-right: 15px; vertical-align: middle; position: relative; line-height: 1; margin-top: 3px; }
.gdlr-core-icon-list-item.gdlr-core-right-align .gdlr-core-icon-list-icon-wrap{ float: right; margin-right: 0px; margin-left: 20px; }
.gdlr-core-icon-list-item .gdlr-core-icon-list-icon,
.gdlr-core-icon-list-item .gdlr-core-icon-list-icon-hover{ display: inline-block; font-size: 14px; width: 14px; text-align: center; 
transition: opacity 200ms, transform 200ms; -moz-transition: opacity 200ms, -moz-transform 200ms; 
-o-transition: opacity 200ms, -o-transform 200ms; -webkit-transition: opacity 200ms, -webkit-transform 200ms; }
.gdlr-core-icon-list-item .gdlr-core-icon-list-content-wrap{ overflow: hidden; padding-right: 15px; }
.gdlr-core-icon-list-item .gdlr-core-icon-list-content{ font-size: 14px; display: block; }
.gdlr-core-icon-list-item .gdlr-core-icon-list-caption{ font-size: 14px; display: block; margin-top: 4px; }
.gdlr-core-icon-list-item.gdlr-core-style-2 .gdlr-core-icon-list-content{ display: inline; margin-right: 12px; }
.gdlr-core-icon-list-item.gdlr-core-style-2 .gdlr-core-icon-list-caption{ display: inline; }
.gdlr-core-icon-list-item.gdlr-core-with-divider ul li{ padding: 11px 0px;
border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0px;
backface-visibility: hidden; }
.gdlr-core-icon-list-with-background-round .gdlr-core-icon-list-icon-wrap{ padding: 6px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-icon-list-with-background-round .gdlr-core-icon-list-content-wrap{ padding-top: 6px; }
.gdlr-core-icon-list-with-background-circle .gdlr-core-icon-list-icon-wrap{ padding: 8px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-icon-list-with-background-circle .gdlr-core-icon-list-content-wrap{ padding-top: 6px; }
.gdlr-core-icon-list-item li.gdlr-core-with-hover .gdlr-core-icon-list-icon{ opacity: 1; 
transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.gdlr-core-icon-list-item li.gdlr-core-with-hover .gdlr-core-icon-list-icon-hover{ opacity: 0; width: 0px; 
transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); }
.gdlr-core-icon-list-item li.gdlr-core-with-hover:hover .gdlr-core-icon-list-icon{ opacity: 0; 
transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); }
.gdlr-core-icon-list-item li.gdlr-core-with-hover:hover .gdlr-core-icon-list-icon-hover{ opacity: 1; 
transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.gdlr-core-icon-list-item.gdlr-core-left-align .gdlr-core-icon-list-icon-wrap.gdlr-core-right{ float: right; margin-right: 0px; margin-left: 15px; }
.gdlr-core-icon-list-item.gdlr-core-right-align .gdlr-core-icon-list-icon-wrap.gdlr-core-right{ float: left; margin-left: 0px; margin-right: 15px; }
.gdlr-core-icon-list-item.gdlr-core-style-3 .gdlr-core-icon-list-icon-wrap{ margin: 0px auto; float: none; margin-bottom: 10px; display: inline-block; }
.gdlr-core-icon-list-item ul.gdlr-core-icon-list-flow { display: flex; flex-wrap: wrap; gap: 10px; } .gdlr-core-dropcap{ font-size: 30px; line-height: 30px; font-weight: 700; float: left; margin-right: 20px; margin-bottom: 8px; margin-top: 8px; }
.gdlr-core-dropcap.gdlr-core-type-circle{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-dropcap.gdlr-core-type-circle,
.gdlr-core-dropcap.gdlr-core-type-rectangle{ text-align: center; padding: 8px 10px 12px; width: 50px;   }
.gdlr-core-dropcap.gdlr-core-type-normal { font-size: 48px; margin-top: 18px; margin-left: 10px; } .gdlr-core-sticky-banner{ line-height: 1;   display: inline-block; letter-spacing: 0.5px;
padding: 18px 20px 17px; text-transform: uppercase; font-size: 11px; font-weight: bold; margin-bottom: 22px; }
.gdlr-core-sticky-banner i{ font-size: 12px; margin-right: 10px; }
.gdlr-core-blog-thumbnail img{ margin: 0px; }
.gdlr-core-blog-thumbnail a img.alignnone{ margin: 0px; }
.gdlr-core-blog-thumbnail .gdlr-core-sticky-banner{ position: absolute; left: 0px; bottom: 0px; margin-bottom: 0px; }
.gdlr-core-blog-thumbnail .wp-block-image{ margin-bottom: 0px; }
.gdlr-core-blog-thumbnail .wp-block-gallery{ flex-wrap: wrap; }
.gdlr-core-blog-info-wrapper .gdlr-core-head{ margin-right: 13px; vertical-align: middle; line-height: 1; }
.gdlr-core-blog-info-wrapper .gdlr-core-head i{ font-size: 15px; }
.gdlr-core-blog-info-wrapper .gdlr-core-blog-info { display: inline-block; margin-right: 25px; font-size: 11px; 
font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
.gdlr-core-blog-info-wrapper .gdlr-core-blog-info:last-child{ margin-right: 0px; }
.gdlr-core-blog-date-wrapper{ float: left; width: 60px; border-right-width: 1px; border-right-style: solid;
line-height: 1; margin-top: 8px; margin-right: 30px; padding-right: 20px; text-align: center; white-space: nowrap; }
.gdlr-core-blog-date-wrapper .gdlr-core-blog-date-day{ font-size: 27px; font-weight: bold; 
margin-bottom: 8px; margin-top: -4px; letter-spacing: 1px; }
.gdlr-core-blog-date-wrapper .gdlr-core-blog-date-month{ font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .gdlr-core-blog-item-holder{ padding-bottom: 1px; }
.gdlr-core-blog-item .gdlr-core-flexslider.gdlr-core-with-outer-frame-element .flex-viewport{ padding-top: 15px; margin-top: -15px;
padding-right: 15px; margin-right: -15px; padding-left: 15px; margin-left: -15px; padding-bottom: 15px; margin-bottom: -15px; }
.gdlr-core-blog-item .gdlr-core-excerpt-read-more.gdlr-core-plain-text.gdlr-core-hover-border{ border-bottom-width: 1px; border-bottom-style: solid; border-color: transparent !important; }
.gdlr-core-blog-full{ margin-bottom: 80px; }
.gdlr-core-style-blog-full-with-frame .gdlr-core-blog-full{ margin-bottom: 40px; overflow: hidden; border-style: solid; border-width: 0px; }
.gdlr-core-blog-full .gdlr-core-blog-thumbnail{ margin-bottom: 44px; }
.gdlr-core-blog-full .gdlr-core-blog-title{ font-size: 37px; font-weight: 700; margin-bottom: 14px; letter-spacing: 1px; }
.gdlr-core-blog-full .gdlr-core-blog-content{ margin-bottom: 20px; }
.gdlr-core-blog-full .gdlr-core-blog-full-head{ margin-bottom: 25px; }
.gdlr-core-blog-full .gdlr-core-blog-full-head-right{ overflow: hidden; }
.gdlr-core-blog-full .gdlr-core-excerpt-read-more{ margin-top: 33px; }
.gdlr-core-blog-full .gdlr-core-excerpt-read-more.gdlr-core-plain-text{ display: inline-block; margin-top: 20px; }
.gdlr-core-blog-full .gdlr-core-excerpt-read-more.gdlr-core-plain-text i{ margin-left: 10px; }
.gdlr-core-blog-full.gdlr-core-style-center{ text-align: center; }
.gdlr-core-blog-full.gdlr-core-style-center .gdlr-core-blog-date-wrapper{ position: absolute; }
.gdlr-core-blog-full.gdlr-core-style-center .gdlr-core-blog-full-head-right{ padding-left: 80px; padding-right: 80px; }
.gdlr-core-style-blog-full-with-frame .gdlr-core-blog-full-frame{ padding: 50px 50px 40px; position: relative; }
.gdlr-core-style-blog-full-with-frame .gdlr-core-blog-thumbnail{ margin-bottom: 0; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-sticky-banner{ bottom: 23px; left: 35px; padding: 10px 12px; font-weight: 600; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-thumbnail-content{ position: absolute; right: 35px; bottom: 28px; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-thumbnail-content .gdlr-core-blog-info{ float: left; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number{ font-size: 15px; line-height: 1; margin-left: 25px; margin-top: 5px; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number i{ margin-right: 10px; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category{ font-size: 12px; line-height: 1; padding: 8px 15px; margin-left: 25px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category .gdlr-core-head{ display: none; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-full-head{ margin-bottom: 0px; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-info-wrapper{ margin-bottom: 5px; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ margin-right: 0px; font-size: 13px; text-transform: none; letter-spacing: 0px; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep { display: none; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info-sep{ margin: 0px 13px; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-full.gdlr-core-style-2 .gdlr-core-blog-title{ margin-bottom: 25px; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-info-wrapper{ padding-top: 0px; border: none; margin-bottom: 8px; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-info{ font-size: 15px; text-transform: none; font-weight: 400; margin-right: 0px; letter-spacing: 0px; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-info .gdlr-core-blog-info-sep{ margin: 0px 12px; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep{ display: none; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-info .gdlr-core-head{ display: none; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-info-date{ font-size: 15px; padding: 7px 26px; border-radius: 20px; display: inline-block; margin-top: 0px; margin-bottom: 0px; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-full-date{ margin-top: -64px; position: relative; margin-left: 20px; margin-bottom: 22px; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-full-frame{ position: relative; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-full-frame .gdlr-core-blog-full-date{ position: absolute; top: -19px; margin-top: 0px; margin-left: 0px; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-thumbnail .gdlr-core-sticky-banner{ bottom: 23px; left: 35px; padding: 10px 12px; font-weight: 600; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-full-head{ margin-bottom: 0px; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-info-wrapper{ margin-bottom: 5px; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ margin-right: 0px; font-size: 16px; text-transform: none; letter-spacing: 0px; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep { display: none; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-info-wrapper .gdlr-core-blog-info-sep{ margin: 0px 13px; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-title{ margin-bottom: 25px; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-excerpt-read-more.gdlr-core-plain-text { font-weight: 500; border-bottom-width: 2px; border-style: solid; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-excerpt-read-more.gdlr-core-plain-text i{ margin-left: 5px; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-excerpt-read-more.gdlr-core-plain-text i:before{ content: "\26"; font-family: ElegantIcons; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-info-tag{ padding-top: 10px; display: block; margin-bottom: 20px; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-info-tag a{ font-size: 15px; display: inline-block; padding: 2px 12px; margin-bottom: 10px; border-width: 1px; border-style: solid; font-size: 14px; margin-right: 4px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-info-tag span.gdlr-core-head{ display: none; }
.gdlr-core-blog-full.gdlr-core-style-2-tag .gdlr-core-blog-info-tag span.gdlr-core-sep{ display: none; }
.gdlr-core-blog-full.gdlr-core-style-3 .gdlr-core-blog-info-category{ font-size: 13px; line-height: 1; display: inline-block; padding: 10px 16px; margin-bottom: 27px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-full.gdlr-core-style-3 .gdlr-core-blog-info-category .gdlr-core-head{ display: none; }
.gdlr-core-blog-full.gdlr-core-style-3 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category{ position: absolute; left: 0px; bottom: 0px; margin-bottom: 0px;
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.gdlr-core-blog-full.gdlr-core-style-3.gdlr-core-with-thumbnail.gdlr-core-outer-frame-element .gdlr-core-blog-info-category{ position: absolute; top: -16px; }
.gdlr-core-blog-full.gdlr-core-style-3 .gdlr-core-blog-info-wrapper{ margin-bottom: 5px; }
.gdlr-core-blog-full.gdlr-core-style-3 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ margin-right: 0px; font-size: 13px; text-transform: none; letter-spacing: 0px; font-weight: normal; }
.gdlr-core-blog-full.gdlr-core-style-3 .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep { display: none; }
.gdlr-core-blog-full.gdlr-core-style-3 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info-sep{ margin: 0px 13px; }
.gdlr-core-blog-full.gdlr-core-style-3 .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid{ margin-bottom: 50px; }
.gdlr-core-flexslider.flexslider ul.slides > li .gdlr-core-blog-grid{ margin-bottom: 0px; }
.gdlr-core-blog-grid .gdlr-core-blog-thumbnail{ margin-bottom: 27px; }
.gdlr-core-blog-grid .gdlr-core-blog-grid-date .gdlr-core-blog-info-date{ font-size: 12px; letter-spacing: 1.5px; margin-bottom: 7px; 
text-transform: uppercase; font-weight: 600; display: block; }
.gdlr-core-blog-grid .gdlr-core-blog-grid-date .gdlr-core-blog-info-date .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid .gdlr-core-blog-title{ font-size: 25px; font-weight: 800; margin-bottom: 20px; }
.gdlr-core-blog-grid .gdlr-core-blog-content{ margin-bottom: 20px; }
.gdlr-core-blog-grid .gdlr-core-blog-info-wrapper{ padding-top: 12px; border-top-width: 1px; border-top-style: solid; }
.gdlr-core-blog-grid .gdlr-core-excerpt-read-more{ margin-top: 33px; }
.gdlr-core-blog-grid .gdlr-core-excerpt-read-more:first-child{ margin-top: 10px; }
.gdlr-core-blog-grid .gdlr-core-excerpt-read-more.gdlr-core-plain-text{ display: inline-block; margin-top: 20px; }
.gdlr-core-blog-grid .gdlr-core-excerpt-read-more.gdlr-core-plain-text:first-child{ margin-top: 5px; }
.gdlr-core-blog-grid .gdlr-core-excerpt-read-more.gdlr-core-plain-text i{ margin-left: 10px; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-sticky-banner{ top: 18px; bottom: auto; left: 18px; padding: 10px 12px; font-weight: 600; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number{ position: absolute; bottom: 20px; left: 25px; font-size: 15px; line-height: 1; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number i{ margin-right: 10px; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category{ position: absolute; right: 20px; bottom: 18px; font-size: 12px; line-height: 1; padding: 8px 15px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-info-wrapper{ padding-top: 0px; border-top-width: 0px; margin-bottom: 4px; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ margin-right: 0px; font-size: 13px; text-transform: none; letter-spacing: 0px; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep { display: none; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info-sep{ margin: 0px 13px; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-flexslider .flex-direction-nav li{ margin-top: -12px; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-flexslider .flex-direction-nav li a{ padding: 0px; background: transparent; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-flexslider .flex-direction-nav li a i{font-size: 24px;width: auto;}
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-flexslider .flex-direction-nav li a.flex-prev i:before{ font-family: "ElegantIcons"; content: "#"; }
.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-flexslider .flex-direction-nav li a.flex-next i:before{ font-family: "ElegantIcons"; content: "$"; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-info-date, 
.gdlr-core-blog-grid.gdlr-core-style-2-date .gdlr-core-blog-info-date{ background-color: #efefef; }
.gdlr-core-blog-full.gdlr-core-style-2-date .gdlr-core-blog-info-date a, 
.gdlr-core-blog-grid.gdlr-core-style-2-date .gdlr-core-blog-info-date a{ color: #3dbca8; }
.gdlr-core-blog-grid.gdlr-core-style-2-date .gdlr-core-blog-info-wrapper{ padding-top: 0px; border: none; margin-bottom: 8px; }
.gdlr-core-blog-grid.gdlr-core-style-2-date .gdlr-core-blog-info{ font-size: 15px; text-transform: none; font-weight: 400; margin-right: 0px; letter-spacing: 0px; }
.gdlr-core-blog-grid.gdlr-core-style-2-date .gdlr-core-blog-info .gdlr-core-blog-info-sep{ margin: 0px 12px; }
.gdlr-core-blog-grid.gdlr-core-style-2-date .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-2-date .gdlr-core-blog-info .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-2-date .gdlr-core-blog-info-date{ font-size: 15px; padding: 7px 26px; border-radius: 20px; display: inline-block; margin-top: 0px; margin-bottom: 0px; }
.gdlr-core-blog-grid.gdlr-core-style-2-date .gdlr-core-blog-grid-date{ margin-top: -45px; position: relative; margin-left: 20px; margin-bottom: 22px; }
.gdlr-core-blog-grid-with-frame.gdlr-core-style-2-date .gdlr-core-blog-grid-frame{ position: relative; }
.gdlr-core-blog-grid-with-frame.gdlr-core-style-2-date .gdlr-core-blog-grid-date{ position: absolute; top: -19px; margin-top: 0px; margin-left: 0px; z-index: 2; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-thumbnail .gdlr-core-sticky-banner{ top: 18px; bottom: auto; left: 18px; padding: 10px 12px; font-weight: 600; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number{ position: absolute; bottom: 20px; left: 25px; font-size: 15px; line-height: 1; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number i{ margin-right: 10px; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category{ position: absolute; right: 20px; bottom: 18px; font-size: 12px; line-height: 1; padding: 8px 15px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-info-wrapper{ padding-top: 0px; border-top-width: 0px; margin-bottom: 11px; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ margin-right: 0px; font-size: 16px; text-transform: none; letter-spacing: 0px; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep { display: none; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-info-wrapper .gdlr-core-blog-info-sep{ margin: 0px 13px; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-info-tag{ padding-top: 5px; display: block; margin-bottom: 20px; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-info-tag a{ font-size: 15px; display: inline-block; padding: 2px 12px; margin-bottom: 10px; border-width: 1px; border-style: solid; font-size: 14px; margin-right: 4px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-info-tag span.gdlr-core-head{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-info-tag span.gdlr-core-sep{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-title:after{ content: "\26"; font-family: ElegantIcons; position: absolute; right: 0px; font-size: 15px; top: 6px; }
.gdlr-core-blog-grid.gdlr-core-style-2-tag .gdlr-core-blog-title{ position: relative; padding-right: 25px; }
.gdlr-core-blog-grid.gdlr-core-style-3 .gdlr-core-blog-thumbnail .gdlr-core-sticky-banner{ top: 18px; bottom: auto; left: 18px; padding: 10px 12px; font-weight: 600; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-grid.gdlr-core-style-3 .gdlr-core-blog-info-category{ font-size: 13px; line-height: 1; display: inline-block; padding: 10px 16px; margin-bottom: 27px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-grid.gdlr-core-style-3 .gdlr-core-blog-info-category .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-3 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category{ position: absolute; left: 0px; bottom: 0px; margin-bottom: 0px; }
.gdlr-core-blog-grid-with-frame.gdlr-core-style-3.gdlr-core-with-thumbnail .gdlr-core-blog-info-category{ position: absolute; top: -16px; }
.gdlr-core-blog-grid.gdlr-core-style-3 .gdlr-core-blog-info-wrapper{ padding-top: 0px; border-top-width: 0px; margin-bottom: 4px; }
.gdlr-core-blog-grid.gdlr-core-style-3 .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-3 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ font-weight: normal; margin-right: 0px; font-size: 13px; text-transform: none; letter-spacing: 0px; }
.gdlr-core-blog-grid.gdlr-core-style-3 .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep { display: none; }
.gdlr-core-blog-grid.gdlr-core-style-3 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info-sep{ margin: 0px 10px; }
.gdlr-core-blog-grid-with-frame.gdlr-core-style-3 .gdlr-core-blog-grid-frame{ position: relative; z-index: 3; }
.gdlr-core-blog-grid.gdlr-core-style-3-date{ position: relative; }
.gdlr-core-blog-grid.gdlr-core-style-3-date .gdlr-core-blog-thumbnail{ margin-left: 54px; }
.gdlr-core-blog-grid.gdlr-core-style-3-date .gdlr-core-blog-info-wrapper{ padding-top: 0px; border: none; }
.gdlr-core-blog-grid.gdlr-core-style-3-date.gdlr-core-with-thumbnail .gdlr-core-blog-info-date{ position: absolute; left: 0px; top: 0px; line-height: 14px; padding: 20px; letter-spacing: 1px; font-size: 14px;
transform: rotate(270deg) translate(-100%, 0); -webkit-transform: rotate(270deg) translate(-100%, 0); -moz-transform: rotate(270deg) translate(-100%, 0);
transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; }
.gdlr-core-blog-grid.gdlr-core-style-3-date.gdlr-core-with-thumbnail .gdlr-core-blog-info-date .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-4 .gdlr-core-blog-grid-top-info{ margin-bottom: 20px; }
.gdlr-core-blog-grid.gdlr-core-style-4 .gdlr-core-blog-grid-top-info .gdlr-core-head{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-4 .gdlr-core-blog-grid-top-info .gdlr-core-blog-info{ font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px }
.gdlr-core-blog-grid.gdlr-core-style-4 .gdlr-core-blog-grid-top-info .gdlr-core-blog-info-date{ float: left; }
.gdlr-core-blog-grid.gdlr-core-style-4 .gdlr-core-blog-grid-top-info .gdlr-core-blog-info-tag{ float: right; }
.gdlr-core-blog-grid.gdlr-core-style-4 .gdlr-core-excerpt-read-more i{ display: none; }
.gdlr-core-blog-grid.gdlr-core-style-4 .gdlr-core-excerpt-read-more{ float: right; font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 10px; }
.gdlr-core-blog-grid.gdlr-core-style-4.gdlr-core-left-button .gdlr-core-excerpt-read-more{ float: none; }
.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number,
.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number a,
.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number a:hover{ color: #ffffff !important; }
.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category,
.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category a,
.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category a:hover
.gdlr-core-style-3 .gdlr-core-blog-info-category,
.gdlr-core-style-3 .gdlr-core-blog-info-category a,
.gdlr-core-style-3 .gdlr-core-blog-info-category a:hover{ color: #ffffff !important; }
.gdlr-core-blog-grid-with-frame{ border-width: 0px; }
.gdlr-core-blog-grid.gdlr-core-blog-grid-with-frame{ overflow: hidden; border-style: solid; }
.gdlr-core-blog-grid-with-frame .gdlr-core-blog-grid-frame{ padding: 40px 35px 24px; }
.gdlr-core-blog-grid-with-frame .gdlr-core-blog-thumbnail{ margin-bottom: 0; }
.gdlr-core-flexslider.flexslider ul.slides > li .gdlr-core-blog-grid.gdlr-core-blog-grid-with-frame{ margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 2px; }
.gdlr-core-blog-item.gdlr-core-style-blog-column-no-space .gdlr-core-blog-grid-content-wrap{ padding-left: 30px; padding-right: 30px; }
.gdlr-core-blog-item.gdlr-core-style-blog-column-no-space .gdlr-core-load-more,
.gdlr-core-blog-item.gdlr-core-style-blog-column-no-space .gdlr-core-pagination{ margin-top: 20px; }
.gdlr-core-blog-medium{ margin-bottom: 90px; display: table; }
.gdlr-core-blog-medium > div,
.gdlr-core-blog-medium > div.clearfix{ display: table-cell; vertical-align: middle; }
.gdlr-core-blog-medium .gdlr-core-excerpt-read-more.gdlr-core-plain-text{ display: inline-block; margin-top: 20px; }
.gdlr-core-blog-medium .gdlr-core-excerpt-read-more.gdlr-core-plain-text i{ margin-left: 10px; }
.gdlr-core-blog-left-thumbnail .gdlr-core-blog-thumbnail-wrap{ width: 35%; padding-right: 35px; }
.gdlr-core-blog-left-thumbnail.gdlr-core-large .gdlr-core-blog-thumbnail-wrap{ width: 55%; }
.gdlr-core-blog-left-thumbnail .gdlr-core-blog-date-wrapper{ float: right; margin-right: 0px; }
.gdlr-core-blog-left-thumbnail .gdlr-core-blog-title{ font-size: 37px; font-weight: 700; margin-bottom: 16px; }
.gdlr-core-blog-left-thumbnail .gdlr-core-blog-info-wrapper { margin-bottom: 26px; }
.gdlr-core-blog-left-thumbnail .gdlr-core-excerpt-read-more{ margin-top: 33px; }
.gdlr-core-blog-right-thumbnail{ text-align: right; }
.gdlr-core-blog-right-thumbnail .gdlr-core-blog-thumbnail-wrap{ width: 35%; padding-left: 35px; }
.gdlr-core-blog-right-thumbnail.gdlr-core-large .gdlr-core-blog-thumbnail-wrap{ width: 55%; }
.gdlr-core-blog-right-thumbnail .gdlr-core-blog-date-wrapper{ float: left; margin-right: 0px;
padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-right: 0px; }
.gdlr-core-blog-right-thumbnail .gdlr-core-blog-title{ font-size: 37px; font-weight: 700; margin-bottom: 16px; }
.gdlr-core-blog-right-thumbnail .gdlr-core-blog-info-wrapper { margin-bottom: 26px; }
.gdlr-core-blog-right-thumbnail .gdlr-core-excerpt-read-more{ margin-top: 33px; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-sticky-banner{ top: 18px; bottom: auto; left: 18px; padding: 10px 12px; font-weight: 600; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number{ position: absolute; bottom: 20px; left: 25px; font-size: 15px; line-height: 1; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number i{ margin-right: 10px; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category{ position: absolute; right: 20px; bottom: 18px; font-size: 12px; line-height: 1; padding: 8px 15px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category .gdlr-core-head{ display: none; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-info-wrapper{ margin-bottom: 5px; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ margin-right: 0px; font-size: 13px; text-transform: none; letter-spacing: 0px; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep { display: none; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info-sep{ margin: 0px 13px; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-title{ margin-bottom: 20px; }
.gdlr-core-blog-feature{ position: relative; }
.gdlr-core-blog-feature .gdlr-core-blog-title{ font-size: 18px; font-weight: 700; margin-bottom: 12px; line-height: 1.3; }
.gdlr-core-blog-feature .gdlr-core-blog-info-wrapper{ margin-bottom: 10px; }
.gdlr-core-blog-feature.gdlr-core-with-image .gdlr-core-blog-feature-content{ position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 0px 35px 40px 45px; }
.gdlr-core-blog-feature.gdlr-core-hover-overlay-content.gdlr-core-with-image .gdlr-core-blog-feature-content{ opacity: 0; filter: alpha(opacity=0);
transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; }
.gdlr-core-blog-feature.gdlr-core-hover-overlay-content.gdlr-core-with-image:hover .gdlr-core-blog-feature-content{ opacity: 1; filter: alpha(opacity=100); }
.gdlr-core-blog-feature .gdlr-core-blog-feature-content-overlay{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: #000; filter: alpha(opacity=40); opacity: 0.4; }
.gdlr-core-blog-feature .gdlr-core-blog-feature-content-overlay-gradient{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/blog-style/blog-item-gradient.png) bottom repeat-x; }
.gdlr-core-blog-feature .gdlr-core-blog-feature-content-overlay-gradient2{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/blog-style/blog-item-gradient2.png) bottom repeat-x; }
.gdlr-core-blog-feature .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ font-size: 14px; text-transform: none; font-weight: 400; }
.gdlr-core-blog-feature .gdlr-core-blog-info-category{ position: absolute; top: 30px; left: 45px; font-size: 13px; line-height: 1; padding: 8px 15px; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-feature .gdlr-core-blog-info-category .gdlr-core-head{ display: none; }
.gdlr-core-blog-feature .gdlr-core-blog-info-category i{ display: none; }
.gdlr-core-blog-feature .gdlr-core-blog-info-category,
.gdlr-core-blog-feature .gdlr-core-blog-info-category a,
.gdlr-core-blog-feature .gdlr-core-blog-info-category a:hover{ color: #ffffff; }
.gdlr-core-blog-feature.gdlr-core-sub-item .gdlr-core-blog-title{ font-size: 15px; }
.gdlr-core-blog-feature.gdlr-core-sub-item .gdlr-core-blog-info-wrapper{ display: none; }
.gdlr-core-blog-feature.gdlr-core-sub-item.gdlr-core-with-image .gdlr-core-blog-feature-content{ padding: 0px 18px 8px 18px; }
.gdlr-core-blog-feature.gdlr-core-sub-item .gdlr-core-blog-info-category{ font-size: 11px; top: 13px; left: 15px; }
.gdlr-core-blog-modern{ position: relative; border-style: solid; }
.gdlr-core-blog-modern .gdlr-core-blog-modern-content{ padding: 0px 0px 20px; }
.gdlr-core-blog-modern .gdlr-core-blog-title{ font-size: 18px; font-weight: 700; margin-bottom: 2px; line-height: 1.6; }
.gdlr-core-blog-modern-inner .gdlr-core-blog-info-wrapper{ margin-bottom: 10px; }
.gdlr-core-blog-modern .gdlr-core-blog-content{ padding-top: 6px; }
.gdlr-core-blog-modern .gdlr-core-excerpt-read-more{ display: none; }
.gdlr-core-blog-modern.gdlr-core-with-image .gdlr-core-blog-modern-inner{ position: relative; }
.gdlr-core-blog-modern.gdlr-core-with-image .gdlr-core-blog-modern-content{ position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 0px 45px 40px 60px;
transition: opacity 500ms ease-out, bottom 200ms ease-out; -moz-transition: opacity 500ms ease-out, bottom 200ms ease-out;  
-o-transition: opacity 500ms ease-out, bottom 200ms ease-out; -webkit-transition: opacity 500ms ease-out, bottom 200ms ease-out; }
.gdlr-core-blog-modern.gdlr-core-hover-overlay-content.gdlr-core-with-image .gdlr-core-blog-modern-content{ opacity: 0; filter: alpha(opacity=0); }
.gdlr-core-blog-modern.gdlr-core-hover-overlay-content.gdlr-core-with-image:hover .gdlr-core-blog-modern-content { opacity: 1; filter: alpha(opacity=100) }
.gdlr-core-blog-modern .gdlr-core-blog-modern-content-overlay{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: #000; filter: alpha(opacity=40); opacity: 0.4; }
.gdlr-core-blog-modern .gdlr-core-blog-modern-content-overlay-gradient{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/blog-style/blog-item-gradient.png) bottom repeat-x; }
.gdlr-core-blog-modern .gdlr-core-blog-modern-content-overlay-gradient2{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/blog-style/blog-item-gradient2.png) bottom repeat-x; }
.gdlr-core-blog-item.gdlr-core-style-blog-image .gdlr-core-load-more,
.gdlr-core-blog-item.gdlr-core-style-blog-image .gdlr-core-pagination{ margin-top: 20px; }
.gdlr-core-blog-item.gdlr-core-style-blog-image-no-space .gdlr-core-load-more{ margin-top: 50px; }
.gdlr-core-blog-item.gdlr-core-style-blog-image-no-space .gdlr-core-pagination{ margin-top: 50px; }
.gdlr-core-blog-modern.gdlr-core-gradient-slide .gdlr-core-blog-thumbnail:after{ content: " "; position: absolute; top: 50%; right: 0px; bottom: 0px; left: 0px;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
-moz-background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
-o-background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
-webkit-background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
transition: top 150ms; -moz-transition: top 150ms; -o-transition: top 150ms; -webkit-transition: top 150ms; }
.gdlr-core-blog-modern.gdlr-core-gradient-slide:hover .gdlr-core-blog-thumbnail:after{ top: 0px; }
.gdlr-core-blog-modern.gdlr-core-style-1 .gdlr-core-blog-info-sep{ display: none; }
.gdlr-core-blog-modern.gdlr-core-style-2 .gdlr-core-blog-info i{ display: none; }
.gdlr-core-blog-modern.gdlr-core-style-2 .gdlr-core-blog-info:first-child  .gdlr-core-blog-info-sep{ display: none; }
.gdlr-core-blog-modern.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category{
position: absolute; top: 20px; left: 18px; font-size: 12px; line-height: 1; padding: 8px 15px; z-index: 1;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-blog-modern.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category .gdlr-core-head{ display: none;}
.gdlr-core-blog-modern.gdlr-core-style-3 .gdlr-core-blog-title{ margin-bottom: 8px; }
.gdlr-core-blog-modern.gdlr-core-style-3 .gdlr-core-blog-modern-content{ text-align: left; }
.gdlr-core-blog-modern.gdlr-core-style-3 .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-modern.gdlr-core-style-3 .gdlr-core-blog-info{ margin-right: 15px; }
.gdlr-core-blog-modern.gdlr-core-style-3 .gdlr-core-blog-info .gdlr-core-blog-info-sep{ margin-right: 15px; }
.gdlr-core-blog-modern.gdlr-core-style-3 .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep{ display: none; }
.gdlr-core-blog-modern.gdlr-core-style-3:hover .gdlr-core-blog-modern-content{ bottom: 20px; }
.gdlr-core-blog-modern.gdlr-core-style-3.gdlr-core-opacity-on-hover img{ opacity: 0.7; }
.gdlr-core-blog-modern.gdlr-core-style-3.gdlr-core-opacity-on-hover:hover img{ opacity: 0.3 !important; }
.gdlr-core-blog-modern.gdlr-core-style-3.gdlr-core-with-image .gdlr-core-blog-modern-content{ padding: 0px 35px 30px; }
.gdlr-core-blog-modern.gdlr-core-style-4 .gdlr-core-blog-title{ margin-bottom: 8px; }
.gdlr-core-blog-modern.gdlr-core-style-4 .gdlr-core-blog-modern-content{ text-align: left;}
.gdlr-core-blog-modern.gdlr-core-style-4 .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-modern.gdlr-core-style-4 .gdlr-core-blog-info{ margin-right: 15px; }
.gdlr-core-blog-modern.gdlr-core-style-4 .gdlr-core-blog-info .gdlr-core-blog-info-sep{ margin-right: 15px; }
.gdlr-core-blog-modern.gdlr-core-style-4 .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep{ display: none; }
.gdlr-core-blog-modern.gdlr-core-style-4.gdlr-core-opacity-on-hover img{ opacity: 0.7; }
.gdlr-core-blog-modern.gdlr-core-style-4.gdlr-core-opacity-on-hover:hover img{ opacity: 0.3 !important; }
.gdlr-core-blog-modern.gdlr-core-style-4.gdlr-core-with-image .gdlr-core-blog-modern-content{ padding: 0px 35px 30px; }
.gdlr-core-blog-modern.gdlr-core-style-4.gdlr-core-with-image .gdlr-core-blog-content{ padding: 0px; max-height: 0px; overflow: hidden;  
transition: max-height 300ms ease-out; -moz-transition: max-height 300ms ease-out;  
-o-transition: max-height 300ms ease-out;  -webkit-transition: max-height 300ms ease-out; }
.gdlr-core-blog-modern.gdlr-core-style-4.gdlr-core-with-image:hover .gdlr-core-blog-content{ margin-bottom: 0; max-height: 150px; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-modern-content{ display: flex; flex-direction: column; text-align: left; position: absolute; left: 0; right: 0; bottom: 0; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-info-wrapper{ order: 1; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-title{ order: 2; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-content{ order: 3; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep{ display: none; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ margin-right: 12px; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info .gdlr-core-blog-info-sep{ margin-right: 10px; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-modern-content{ padding: 0px 35px 30px; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-content{ padding: 0px; max-height: 0px; overflow: hidden;  
transition: max-height 300ms ease-out; -moz-transition: max-height 300ms ease-out;  
-o-transition: max-height 300ms ease-out;  -webkit-transition: max-height 300ms ease-out; }
.gdlr-core-blog-modern.gdlr-core-style-5 .gdlr-core-blog-thumbnail{ opacity: 0; background: #000;
transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out;  
-o-transition: opacity 300ms ease-out;  -webkit-transition: opacity 300ms ease-out; }
.gdlr-core-blog-modern.gdlr-core-style-5:hover .gdlr-core-blog-modern-content a{
transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
.gdlr-core-blog-modern.gdlr-core-style-5:hover .gdlr-core-blog-thumbnail{ opacity: 1; }
.gdlr-core-blog-modern.gdlr-core-style-5:hover .gdlr-core-blog-content{ margin-bottom: 0; max-height: 80px; }
.gdlr-core-blog-modern.gdlr-core-style-5:hover .gdlr-core-blog-modern-content .gdlr-core-blog-info-wrapper a, 
.gdlr-core-blog-modern.gdlr-core-style-5:hover .gdlr-core-blog-modern-content .gdlr-core-blog-info-wrapper, 
.gdlr-core-blog-modern.gdlr-core-style-5:hover .gdlr-core-blog-modern-content .gdlr-core-blog-title a, 
.gdlr-core-blog-modern.gdlr-core-style-5:hover .gdlr-core-blog-modern-content .gdlr-core-blog-content { color: #fff !important; }
.gdlr-core-blog-metro.gdlr-core-with-image{ position: relative; overflow: hidden; }
.gdlr-core-blog-metro.gdlr-core-with-image .gdlr-core-blog-metro-content{ position: absolute; 
left: 0px; right: 0px; bottom: 0px; padding: 0px 20px 30px; opacity: 0; filter: alpha(opacity=0); 
transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out;  
-o-transition: opacity 500ms ease-out;  -webkit-transition: opacity 500ms ease-out; }
.gdlr-core-blog-metro.gdlr-core-with-image:hover .gdlr-core-blog-metro-content{ opacity: 1; filter: alpha(opacity=100); }
.gdlr-core-blog-metro .gdlr-core-blog-metro-content{ text-align: center; padding: 0px 0px 20px; }
.gdlr-core-blog-metro .gdlr-core-blog-title{ font-size: 18px; font-weight: 700; margin-bottom: 5px; line-height: 1.5; }
.gdlr-core-blog-item.gdlr-core-style-blog-metro .gdlr-core-load-more,
.gdlr-core-blog-item.gdlr-core-style-blog-metro .gdlr-core-pagination{ margin-top: 20px; }
.gdlr-core-blog-item.gdlr-core-style-blog-metro-no-space .gdlr-core-load-more{ margin-top: 50px; }
.gdlr-core-blog-item.gdlr-core-style-blog-metro-no-space .gdlr-core-pagination{ margin-top: 50px; }
.gdlr-core-blog-list{ margin-bottom: 40px; }
.gdlr-core-blog-list.gdlr-core-blog-list-with-frame{ margin-bottom: 6px; }
.gdlr-core-blog-list .gdlr-core-blog-list-frame{ padding: 20px 26px 24px; }
.gdlr-core-blog-list .gdlr-core-blog-title{ font-size: 19px; letter-spacing: 1px; font-weight: 800; margin-bottom: 10px; }
.gdlr-core-blog-list .gdlr-core-blog-info{ margin-right: 15px; }
.gdlr-core-blog-list .gdlr-core-blog-info .gdlr-core-blog-info-sep{ margin-right: 15px; }
.gdlr-core-blog-list .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep{ display: none; }
.gdlr-core-blog-widget{ margin-bottom: 18px; padding-top: 18px; border-top-width: 1px; border-top-style: solid; }
.gdlr-core-blog-widget:first-child{ padding-top: 0px; border: 0px; }
.gdlr-core-blog-widget .gdlr-core-blog-thumbnail{ float: left; margin-right: 20px; max-width: 60px; }
.gdlr-core-blog-widget .gdlr-core-sticky-banner{ display: none; }
.gdlr-core-blog-widget .gdlr-core-blog-widget-content{ overflow: hidden; }
.gdlr-core-blog-widget .gdlr-core-blog-title{ font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.gdlr-core-blog-widget .gdlr-core-blog-info-wrapper .gdlr-core-head{ margin-right: 10px; }
.gdlr-core-blog-widget-divider{ border-bottom-width: 2px; border-bottom-style: solid; padding-top: 3px; }
.gdlr-core-blog-widget.gdlr-core-style-large{ margin-bottom: 22px; padding-top: 22px; }
.gdlr-core-blog-widget.gdlr-core-style-large:first-child{ padding-top: 0px; }
.gdlr-core-blog-widget.gdlr-core-style-large .gdlr-core-blog-widget-content{ padding-top: 8px; }
.gdlr-core-blog-widget.gdlr-core-style-large .gdlr-core-blog-thumbnail{ max-width: 80px; }
.gdlr-core-blog-widget.gdlr-core-style-large .gdlr-core-blog-title{ font-size: 16px; margin-bottom: 12px; }
.gdlr-core-blog-widget.gdlr-core-style-small .gdlr-core-blog-title{ font-size: 16px; font-weight: 500; }
.gdlr-core-blog-widget.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-widget.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ font-weight: normal; margin-right: 0px; font-size: 13px; text-transform: none; letter-spacing: 0px; }
.gdlr-core-blog-widget.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info-sep{ margin: 0px 13px; }
.gdlr-core-blog-widget.gdlr-core-style-2 .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep { display: none; }
.gdlr-core-blog-widget.gdlr-core-style-3{ padding-top: 25px; margin-bottom: 25px; }
.gdlr-core-blog-widget.gdlr-core-style-3:first-child{ padding-top: 0px; }
.gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-title{ line-height: 1.5; }
.gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-widget-content{ display: flex; flex-direction: column; }
.gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-info-wrapper{ order: -1; margin-bottom: 10px; }
.gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-widget-read-more{ margin-top: 5px; }
.gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-thumbnail{ float: right; margin-left: 20px; margin-right: 0px; max-width: 95px; }
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-item-list.gdlr-core-blog-widget{ position: relative; }
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-thumbnail{ margin-left: 0px; }
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-widget-content{ max-width: 600px; margin-left: auto; margin-right: auto; position: absolute; left: 30px; bottom: 25px; right: 30px; }
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-title a{ color: #fff; }
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-widget-read-more a{ color: #d3d3d3; }
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-info-wrapper a, 
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-info-wrapper i{ color: #d3d3d3; }
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-thumbnail:after{ content: " "; position: absolute; top: 30%; right: 0px; bottom: 0px; left: 0px;
background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); }
.gdlr-core-item-list-wrap.gdlr-core-with-featured .gdlr-core-blog-widget.gdlr-core-style-3:first-child{ padding-top: 20px; }
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget  .gdlr-core-blog-thumbnail{ float: none; max-width: 100%; margin-right: 0px; margin-bottom: 25px; }
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget-divider{ display: none; }
@media only screen and (max-width: 767px){
.gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-info-wrapper {display: none;}
.gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-widget-read-more {display: none;}
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget.gdlr-core-style-3 .gdlr-core-blog-widget-content { bottom: 20px; }
}
.gdlr-core-blog-column-hover-background{ padding: 55px 45px 50px; position: relative; }
.gdlr-core-blog-column-hover-background .gdlr-core-content{ position: relative; }
.gdlr-core-blog-column-hover-background .gdlr-core-column-date{ font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 18px; }
.gdlr-core-blog-column-hover-background .gdlr-core-column-date .gdlr-core-head{ display: none; }
.gdlr-core-blog-column-hover-background .gdlr-core-blog-title{ margin-bottom: 0px; font-size: 26px; font-weight: 800; }
.gdlr-core-blog-column-hover-background .gdlr-core-blog-info-wrapper{ margin-top: 15px; }
.gdlr-core-blog-column-hover-background .gdlr-core-blog-info-wrapper .gdlr-core-head{ display: none; }
.gdlr-core-blog-column-hover-background .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{ font-weight: 400; font-size: 13px; text-transform: none; }
.gdlr-core-blog-column-hover-background .gdlr-core-background{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-position: center; background-size: cover; 
opacity: 0; transition: opacity 300ms; -moz-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.gdlr-core-blog-column-hover-background .gdlr-core-background-overlay{ width: 100%; height: 100%; background: #000000; opacity: 0.4; }
.gdlr-core-blog-column-hover-background:hover .gdlr-core-background{ opacity: 1; }
.gdlr-core-blog-column-hover-background:hover .gdlr-core-blog-title a,
.gdlr-core-blog-column-hover-background:hover .gdlr-core-blog-info a{ color: #fff !important; } .gdlr-core-video-item .gdlr-core-video-item-type-vimeo,
.gdlr-core-video-item .gdlr-core-video-item-type-youtube{ position: relative; }
.gdlr-core-video-item .gdlr-core-video-item-overlay{ cursor: pointer; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.gdlr-core-video-item .gdlr-core-video-item-overlay-image{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center; background-size: cover; }
.gdlr-core-video-item .gdlr-core-video-item-overlay-icon{ position: absolute; top: 50%; left: 50%; width: 116px; margin-left: -58px; margin-top: -58px; text-align: center; border-width: 1px; border-style: solid; line-height: 30px; padding: 42px 0px 42px 7px; color: #fff;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .gdlr-core-video-widget{ position: relative; }
.gdlr-core-video-widget i{ position: absolute; left: 50%; top: 50%; background: #000; color: #fff; font-size: 18px; 
line-height: 60px; width: 60px; text-align: center; margin-top: -30px; margin-left: -30px; padding-left: 6px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-instagram-widget{ margin-left: -8px; margin-right: -8px; }
.gdlr-core-instagram-widget .gdlr-core-media-image{ padding: 8px; } ul.gdlr-core-category-background-widget{ margin-left: 0px; list-style: none; font-weight: 500; font-size: 15px; }
ul.gdlr-core-category-background-widget li.gdlr-core-no-bg{ background: #f3f3f3; }
ul.gdlr-core-category-background-widget li{ margin-bottom: 8px; background-position: center; background-size: cover; }
.gdlr-core-category-background-widget-count{ float: right; font-size: 12px; margin-top: 3px; }
ul.gdlr-core-category-background-widget li a{ display: block; padding: 17px 25px; }
ul.gdlr-core-category-background-widget li.gdlr-core-no-bg a,
ul.gdlr-core-category-background-widget li.gdlr-core-no-bg a:hover{ color: #666; }
ul.gdlr-core-category-background-widget li.gdlr-core-with-bg a,
ul.gdlr-core-category-background-widget li.gdlr-core-with-bg a:hover{ color: #fff; } .gdlr-core-opening-hour-widget-list{ border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 10px; margin-bottom: 10px;}
.gdlr-core-opening-hour-widget-list .gdlr-core-head{ float: left; font-weight: 600 }
.gdlr-core-opening-hour-widget-list .gdlr-core-head i{ font-weight: normal; margin-right: 8px; vertical-align: middle; }
.gdlr-core-opening-hour-widget-list .gdlr-core-tail{ float: right; } .gdlr-core-post-slider-item .gdlr-core-post-slider-slide{ position: relative; }
.gdlr-core-post-slider-item .gdlr-core-post-slider-caption{ position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 0px 20px 25px; }
.gdlr-core-post-slider-item .gdlr-core-post-slider-title{ font-size: 17px; font-weight: 600; text-transform: uppercase;  letter-spacing: 2px; margin-bottom: 10px; }
.gdlr-core-post-slider-item .gdlr-core-blog-info{ font-size: 12px; }
.gdlr-core-post-slider-item .gdlr-core-blog-info .gdlr-core-blog-info-sep{ margin: 0px 8px; }
.gdlr-core-post-slider-item .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep{ display: none; }
.gdlr-core-post-slider-item .gdlr-core-post-slider-gradient{ position: absolute;
top: 0px; right: 0px; bottom: 0px; left: 0px; background: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/post-slider/gradient.png);
background-position: bottom; background-repeat: repeat-x; }
.gdlr-core-post-slider-item .gdlr-core-post-slider-overlay{ position: absolute;
top: 0px; right: 0px; bottom: 0px; left: 0px; background: #000; opacity: 0.5; filter: alpha(opacity=50); } .gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-wrap{ width: 50%; float: left; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head{ position: relative; padding-bottom: 45px; cursor: pointer; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head:last-child .gdlr-core-roadmap-item-head-divider{ display: none; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-content{ text-align: right; overflow: hidden; margin-right: 55px; padding-top: 8px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-count{ float: right; width: 50px; text-align: center; margin-right: -25px; 
font-size: 15px; line-height: 20px; padding: 15px 0px; font-weight: bold;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; 
transition: background-color 200ms; -moz-transition: background-color 200ms; 
-o-transition: background-color 200ms; -webkit-transition: background-color 200ms; }
.gdlr-core-roadmap-item  .gdlr-core-roadmap-item-head-divider{ position: absolute; bottom: 15px; right: 0px;
height: 15px; border-left-width: 1px; border-left-style: solid; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-content-area{ margin-left: 70px; display: none; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-content-area.gdlr-core-active{ display: block; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-content-title{ font-size: 17px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 35px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-content-caption{ font-size: 13px; text-transform: uppercase; margin-bottom: 9px; letter-spacing: 2px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-title{ font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 5px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-caption{ font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-content-wrap{ overflow: hidden; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-content{ font-size: 17px; } .gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-title{ font-size: 13px; font-weight: 800; 
padding: 6px 14px 6px 18px; position: relative;  float: left; margin-right: 20px; cursor: pointer;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-title:after{ content: "\f107"; font-family: fontAwesome; margin-left: 10px; float: right; }
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-head-wrap{ padding-top: 5px; padding-bottom: 5px; 
position: absolute; left: 0px; top: 100%; display: none; z-index: 103;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 5px; min-width: 140px; }
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-head{ padding: 3px 18px; }
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-head.gdlr-core-active{ display: none; }
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-content-wrap{ overflow: hidden; padding-top: 4px; }
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-content{ display: none; white-space: nowrap; }
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-content.gdlr-core-active{ display: block; } .gdlr-core-blog-aside-format .gdlr-core-blog-content{ font-style: italic; }
.gdlr-core-blog-aside-format .gdlr-core-excerpt-read-more,
.gdlr-core-blog-aside-format .gdlr-core-excerpt-read-more.gdlr-core-plain-text{ display: none; }
.gdlr-core-blog-aside-format.gdlr-core-large .gdlr-core-blog-content{ font-size: 18px; padding: 50px 60px; }
.gdlr-core-blog-aside-format.gdlr-core-small .gdlr-core-blog-content{ font-size: 16px; padding: 40px 37px; }
.gdlr-core-blog-quote-format{ position: relative; }
.gdlr-core-blog-quote-format .gdlr-core-blog-quote-background{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; 
background-size: cover; background-position: center; opacity: 0.3; filter: alpha(opacity=30); }
.gdlr-core-blog-quote-format .gdlr-core-blog-quote{ line-height: 1; position: relative; font-weight: 800; }
.gdlr-core-blog-quote-format .gdlr-core-blog-content-wrap{ overflow: hidden; position: relative; }
.gdlr-core-blog-quote-format .gdlr-core-blog-quote-content{ font-style: italic; }
.gdlr-core-blog-quote-format .gdlr-core-blog-quote-content blockquote, 
.gdlr-core-blog-quote-format .gdlr-core-blog-quote-content q{ background: transparent; border: none; padding: 0px; margin-top: 0px; margin-bottom: 0px; }
.gdlr-core-blog-quote-format .gdlr-core-blog-quote-author{ font-style: italic; margin-bottom: 20px; font-weight: bold; }
.gdlr-core-blog-quote-format .gdlr-core-blog-quote-author:before{ content: "-"; margin-right: 2px; }
.gdlr-core-blog-quote-format .gdlr-core-excerpt-read-more,
.gdlr-core-blog-quote-format .gdlr-core-excerpt-read-more.gdlr-core-plain-text{ display: none; }
.gdlr-core-blog-quote-format.gdlr-core-large .gdlr-core-blog-content{ padding: 50px 45px 40px; }
.gdlr-core-blog-quote-format.gdlr-core-large .gdlr-core-blog-quote{ float: left; font-size: 120px; margin-top: -10px; margin-right: 35px; }
.gdlr-core-blog-quote-format.gdlr-core-large .gdlr-core-blog-quote-content,
.gdlr-core-blog-quote-format.gdlr-core-large .gdlr-core-blog-quote-content q,
.gdlr-core-blog-quote-format.gdlr-core-large .gdlr-core-blog-quote-content blockquote{ font-size: 18px; }
.gdlr-core-blog-quote-format.gdlr-core-large .gdlr-core-blog-quote-author{ font-size: 15px; }
.gdlr-core-blog-quote-format.gdlr-core-small .gdlr-core-blog-content{ padding: 40px 37px 30px; }
.gdlr-core-blog-quote-format.gdlr-core-small .gdlr-core-blog-quote{ font-size: 80px; margin-bottom: -10px; }
.gdlr-core-blog-quote-format.gdlr-core-small .gdlr-core-blog-quote-content q,
.gdlr-core-blog-quote-format.gdlr-core-small .gdlr-core-blog-quote-content blockquote,
.gdlr-core-blog-quote-format.gdlr-core-small .gdlr-core-blog-quote-content{ font-size: 16px; }
.gdlr-core-blog-quote-format.gdlr-core-small .gdlr-core-blog-quote-author{ font-size: 15px; }
.gdlr-core-blog-link-format .gdlr-core-blog-icon-link{ font-size: 23px; }
.gdlr-core-blog-link-format .gdlr-core-blog-content-wrap{ overflow: hidden; }
.gdlr-core-blog-link-format .gdlr-core-blog-title{ font-size: 20px; letter-spacing: 0px; margin-bottom: 9px; }
.gdlr-core-blog-link-format .gdlr-core-blog-content{ font-size: 14px; margin-bottom: 0px; }
.gdlr-core-blog-link-format .gdlr-core-excerpt-read-more,
.gdlr-core-blog-link-format .gdlr-core-excerpt-read-more.gdlr-core-plain-text{ display: none; }
.gdlr-core-blog-link-format.gdlr-core-large .gdlr-core-blog-icon-link{ float: left; margin-right: 30px; margin-top: 5px; }
.gdlr-core-blog-link-format.gdlr-core-small .gdlr-core-blog-icon-link{ margin-bottom: 25px; display: block; }
.gdlr-core-blog-link-format.gdlr-core-blog-grid .gdlr-core-blog-content-outer-wrap{ padding: 40px 35px 35px; }
.gdlr-core-blog-link-format.gdlr-core-blog-full .gdlr-core-blog-content-outer-wrap{ padding: 50px 50px 40px; }
.gdlr-core-blog-link-format.gdlr-core-with-frame .gdlr-core-blog-content-outer-wrap{ background: #fff; }
.gdlr-core-blog-quote-format.gdlr-core-small.gdlr-core-style-2{ text-align: center; }
.gdlr-core-blog-quote-format.gdlr-core-small.gdlr-core-style-2 .gdlr-core-blog-quote{ font-size: 110px; margin-bottom: -45px }
.gdlr-core-blog-quote-format.gdlr-core-small.gdlr-core-style-2 .gdlr-core-blog-content{ padding: 55px 54px 47px; }
.gdlr-core-blog-quote-format.gdlr-core-small.gdlr-core-style-2 .gdlr-core-blog-quote-content blockquote{ font-size: 18px; font-weight: normal; }
.gdlr-core-blog-quote-format.gdlr-core-small.gdlr-core-style-2 .gdlr-core-blog-quote-author{ font-size: 20px; font-style: normal; font-weight: 800; margin-top: 20px;}
.gdlr-core-blog-link-format.gdlr-core-small.gdlr-core-style-2{ text-align: center; }
.gdlr-core-blog-link-format.gdlr-core-small.gdlr-core-style-2 .gdlr-core-blog-icon-link{ font-size: 30px; }
.gdlr-core-blog-link-format.gdlr-core-small.gdlr-core-style-2 .gdlr-core-blog-title{ font-size: 23px; margin-bottom: 15px; }
.gdlr-core-blog-link-format.gdlr-core-small.gdlr-core-style-2 .gdlr-core-blog-content{ font-size: 13px; }
.gdlr-core-blog-link-format.gdlr-core-small.gdlr-core-style-2 .gdlr-core-blog-content-outer-wrap{ padding: 70px 35px 72px; }
.gdlr-core-blog-aside-format.gdlr-core-small.gdlr-core-style-2 .gdlr-core-blog-content{ font-size: 18px; font-style: normal; text-align: center; } .gdlr-core-testimonial-item .gdlr-core-testimonial-frame{ position: relative; background-color: #fff; background-size: cover; background-position: center; padding: 45px 40px 60px; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-frame-border{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border-style: solid; border-width: 0px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-item-title{ text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 0; font-size: 28px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-item-title-wrap{ margin-bottom: 36px; position: relative; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-column .gdlr-core-testimonial{ margin-bottom: 50px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-column .gdlr-core-testimonial.gdlr-core-with-frame{ margin-bottom: 0px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-content{ font-style: italic; margin-bottom: 20px; font-size: 15px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-content p{ margin-bottom: 0px; line-height: inherit }
.gdlr-core-testimonial-item .gdlr-core-testimonial-author-image{ width: 55px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-author-image img{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-title{ font-size: 15px; font-weight: 700; margin-bottom: 2px; 
text-transform: uppercase; letter-spacing: 1px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-item-divider{ margin-top: 38px; padding-bottom: 10px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-position{ font-size: 13px; font-style: italic; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-position .gdlr-core-rating i{ margin-right: 4px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-position .gdlr-core-rating{ margin-right: 10px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-position .gdlr-core-rating.gdlr-core-right{ float: right; margin-right: 0px; }
.gdlr-core-testimonial-item .gdlr-core-testimonial-author-content{ overflow: hidden; padding-top: 3px; }
.gdlr-core-testimonial-item.gdlr-core-testimonial-style-center .gdlr-core-testimonial-author-content{ float: left; overflow: auto; padding-top: 3px; }
.gdlr-core-testimonial-content-wrap{ position: relative; }
.gdlr-core-testimonial-style-left .gdlr-core-testimonial-quote{ font-size: 60px; line-height: 1; float: left; margin-right: 30px; }
.gdlr-core-testimonial-style-left .gdlr-core-testimonial-content-wrap{ overflow: hidden; }
.gdlr-core-testimonial-style-left .gdlr-core-testimonial-author-image{ float: left; margin-right: 20px; }
.gdlr-core-testimonial-style-left .gdlr-core-testimonial-quote.gdlr-core-top{ font-size: 110px; float: none; height: 65px; }
.gdlr-core-testimonial-style-left-bg .gdlr-core-testimonial-content-wrap{ overflow: hidden; }
.gdlr-core-testimonial-style-left-bg .gdlr-core-testimonial-content{ margin-bottom: 35px; padding-top: 40px; }
.gdlr-core-testimonial-style-left-bg .gdlr-core-testimonial-quote{ position: absolute; opacity: 0.3; font-size: 240px; 
margin-top: -160px; margin-left: -6px; font-style: normal; font-weight: bold; }
.gdlr-core-testimonial-style-left-bg .gdlr-core-testimonial-author-image{ width: 85px; float: left; margin-right: 20px; }
.gdlr-core-testimonial-style-left-bg .gdlr-core-testimonial-author-content{ padding-top: 10px; }
.gdlr-core-testimonial-style-left-2 .gdlr-core-testimonial-author-image{ width: 85px; float: left; margin-right: 36px; position: relative; }
.gdlr-core-testimonial-style-left-2 .gdlr-core-testimonial-quote{ font-size: 100px; line-height: 1; position: absolute; top: -5px; right: -18px; }
.gdlr-core-testimonial-style-left-2 .gdlr-core-testimonial-content-wrap{ overflow: hidden; }
.gdlr-core-testimonial-style-left-2 .gdlr-core-testimonial-content{ font-style: normal; }
.gdlr-core-testimonial-style-left-2 .gdlr-core-testimonial-title{ font-size: 18px; letter-spacing: 0px; text-transform: none; margin-bottom: 0px; }
.gdlr-core-testimonial-style-left-2 .gdlr-core-testimonial-position{ font-size: 16px; font-style: normal; }
.gdlr-core-testimonial-style-left-2 .gdlr-core-testimonial-content{ font-style: normal; margin-bottom: 0px; }
.gdlr-core-testimonial-style-left-3 .gdlr-core-testimonial-author-image { float: left; margin-right: 30px; }
.gdlr-core-testimonial-style-left-3 .gdlr-core-testimonial-content-wrap { overflow: hidden; }
.gdlr-core-testimonial-style-left-3 .gdlr-core-testimonial-content-head-wrap { margin-bottom: 15px; display: flex; justify-content: space-between; }
.gdlr-core-testimonial-style-left-3 .gdlr-core-rating{ font-size: 16px; letter-spacing: 2px; }
.gdlr-core-testimonial-style-left-3 .gdlr-core-flexslider[data-type="carousel"] ul.slides > li.flex-with-active-class{ opacity: 0;
transition: opacity 300ms, transform 600ms; -moz-transition: opacity 300ms, transform 600ms;
-webkit-transition: opacity 300ms, transform 600ms; -o-transition: opacity 300ms, transform 600ms; }
.gdlr-core-testimonial-style-left-3 .gdlr-core-flexslider[data-type="carousel"] ul.slides > li.flex-with-active-class.flex-active-slide{ opacity: 1; 
transition: opacity 300ms, transform 600ms; -moz-transition: opacity 300ms, transform 600ms;
-webkit-transition: opacity 300ms, transform 600ms; -o-transition: opacity 300ms, transform 600ms; }
.gdlr-core-testimonial-style-left-3 .gdlr-core-flexslider.gdlr-core-overflow-visible[data-type="carousel"] ul.slides > li.flex-with-active-class{ opacity: 0.5; transform: scale(0.85); }
.gdlr-core-testimonial-style-left-3 .gdlr-core-flexslider.gdlr-core-overflow-visible[data-type="carousel"] ul.slides > li.flex-active-slide{ opacity: 1; transform: scale(1); }
.gdlr-core-testimonial-style-right{ text-align: right; }
.gdlr-core-testimonial-style-right .gdlr-core-testimonial-quote{ font-size: 60px; line-height: 1; float: right; margin-left: 30px; }
.gdlr-core-testimonial-style-right .gdlr-core-testimonial-content-wrap{ overflow: hidden; }
.gdlr-core-testimonial-style-right .gdlr-core-testimonial-author-image{ float: right; margin-left: 24px; }
.gdlr-core-testimonial-style-center{ text-align: center; }
.gdlr-core-testimonial-style-center .gdlr-core-testimonial-quote{ font-size: 80px; line-height: 60px; padding: 15px 0px 10px; }
.gdlr-core-testimonial-style-center .gdlr-core-testimonial-quote:first-child{ padding-top: 0px; }
.gdlr-core-testimonial-style-center .gdlr-core-testimonial-author-wrap{ display: inline-block; text-align: left; }
.gdlr-core-testimonial-style-center .gdlr-core-testimonial-author-image{ float: left; margin-right: 20px; }
.gdlr-core-testimonial-style-center-2{ text-align: center; }
.gdlr-core-testimonial-style-center-2 .gdlr-core-testimonial-author-image{ margin: 18px auto 0px; width: 76px; }
.gdlr-core-testimonial-style-center-2 .gdlr-core-testimonial-title{ font-weight: 500; margin-bottom: 3px; }
.gdlr-core-testimonial-style-center-2 .gdlr-core-testimonial-position{ font-style: normal; font-size: 12px; letter-spacing: 1px; font-weight: 600; }
.gdlr-core-testimonial-style-center-2.gdlr-core-layout-reverse .gdlr-core-testimonial-author-image{ margin: 0px auto 20px; }
.gdlr-core-testimonial-style-center-2.gdlr-core-layout-reverse .gdlr-core-testimonial-content{ margin-bottom: 0px; }
.gdlr-core-testimonial-style-center-2.gdlr-core-layout-reverse .gdlr-core-testimonial-content-wrap,
.gdlr-core-testimonial-style-center-2.gdlr-core-layout-reverse .gdlr-core-testimonial-author-wrap{ display: flex; flex-direction: column-reverse; margin-bottom: 20px; }
.gdlr-core-testimonial-style-center-3{ text-align: center; }
.gdlr-core-testimonial-style-center-3 .gdlr-core-testimonial-author-image{ margin: 0px auto 10px; }
.gdlr-core-testimonial-style-center-3 .gdlr-core-rating{ display: block; margin-bottom: 18px; }
.gdlr-core-testimonial-style-center-3 .gdlr-core-testimonial-content{ margin-bottom: 30px; }
.gdlr-core-testimonial-style-center-4{ text-align: center; }
.gdlr-core-testimonial-style-center-4 .gdlr-core-testimonial-author-image{ margin: 0px auto 20px; }
.gdlr-core-testimonial-style-center-4 .gdlr-core-testimonial-head{ margin-bottom: 20px; }
.gdlr-core-testimonial-style-center-4 .gdlr-core-rating i{ margin: 0px 3px; }
.gdlr-core-testimonial-style-center-4 .gdlr-core-testimonial-quote{ position: absolute; right: 20px; top: 0px; font-size: 160px; height: 100px; line-height: 1; }
.gdlr-core-testimonial-style-chat .gdlr-core-testimonial-author-image{ width: 78px; margin: 0px auto; margin-top: 14px; }
.gdlr-core-testimonial-style-chat .gdlr-core-testimonial{ text-align: center; 
transition: transform 150ms ease-out; -moz-transition: transform 150ms ease-out; 
-o-transition: transform 150ms ease-out;  -webkit-transition: transform 150ms ease-out; }
.gdlr-core-testimonial-style-chat .gdlr-core-rating{ font-size: 18px; display: block; margin-bottom: 3px; }
.gdlr-core-testimonial-style-chat .gdlr-core-rating i{ margin-left: 10px; }
.gdlr-core-testimonial-style-chat .gdlr-core-rating i:first-child{ margin-left: 0px; }
.gdlr-core-testimonial-style-chat .gdlr-core-testimonial-content{ padding: 33px 35px; background: #fff; border-radius: 5px; position: relative; 
transition: box-shadow 150ms ease-out; -moz-transition: -moz-box-shadow 150ms ease-out; 
-o-transition: -o-box-shadow 150ms ease-out;  -webkit-transition: -webkit-box-shadow 150ms ease-out; }
.gdlr-core-testimonial-style-chat .gdlr-core-testimonial-content-chat{
position: absolute; bottom: -8px; width: 0px; height: 0px; left: 50%; margin-left: -4px;
border-style: solid; border-top-color: #fff;
border-width: 8px 8px 0px !important; border-left-color: transparent !important; border-right-color: transparent !important; }
.gdlr-core-testimonial-style-chat .gdlr-core-testimonial:hover{ 
transform: translate3d(0, -15px, 0); -webkit-transform: translate3d(0, -15px, 0); }
.gdlr-core-testimonial-style-chat .gdlr-core-testimonial:hover .gdlr-core-testimonial-content{
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 20px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 0px 20px rgba(0,0,0, 0.1); }
.gdlr-core-testimonial-style-block .gdlr-core-testimonial-frame{ text-align: center; padding: 40px 20px 20px; margin-top: 50px; }
.gdlr-core-testimonial-style-block .gdlr-core-testimonial-frame-border{ border-width: 1px; border-style: solid; }
.gdlr-core-testimonial-style-block .gdlr-core-testimonial-author-image{ width: 100px; margin: -90px auto 30px; }
.gdlr-core-testimonial-style-block .gdlr-core-testimonial-author-wrap{ margin-bottom: 20px; }
.gdlr-core-testimonial-item .gdlr-core-flexslider-nav.gdlr-core-center-align .flex-direction-nav{ margin-top: 40px; margin-bottom: 0px; }
.gdlr-core-testimonial .gdlr-core-testimonial-quote,
.gdlr-core-testimonial .gdlr-core-testimonial-content,
.gdlr-core-testimonial .gdlr-core-testimonial-title,
.gdlr-core-testimonial .gdlr-core-testimonial-position,
.gdlr-core-testimonial .gdlr-core-testimonial-position .gdlr-core-rating i{ transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; }
.gdlr-core-testimonial .gdlr-core-testimonial-frame{ transition: background 300ms; -webkit-transition: background 300ms; -moz-transition: background 300ms; }
.gdlr-core-testimonial .gdlr-core-testimonial-frame.gdlr-core-move-up-with-shadow{ 
transition: transform 150ms ease-out, box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms, background 300ms; 
-moz-transition: transform 150ms ease-out, -moz-box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms, background 300ms; 
-o-transition: transform 150ms ease-out, -o-box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms, background 300ms; 
-webkit-transition: transform 150ms ease-out, -webkit-box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms, background 300ms; }
.gdlr-core-testimonial-style-image-left .gdlr-core-testimonial-author-image{ width: 39%; float: left; margin-right: 60px; }
.gdlr-core-testimonial-style-image-left .gdlr-core-testimonial-author-image img{ border-radius: 0; }
.gdlr-core-testimonial-style-image-left .gdlr-core-testimonial-content{ position: relative; }
.gdlr-core-testimonial-style-image-left .gdlr-core-testimonial-content-wrap{ overflow: hidden; position: relative; padding: 48px 48px 0px; }
.gdlr-core-testimonial-style-image-left .gdlr-core-testimonial-quote{ position: absolute; left: 0px; top: 0px; font-size: 160px; height: 0px; line-height: 1; font-weight: 700; }
.gdlr-core-flexslider-left-content-nav{ margin-top: 40px; }
.gdlr-core-flexslider-left-content-nav > i{ font-size: 15px; display: inline-block; width: 30px; text-align: center; line-height: 28px; border-width: 1px; border-style: solid; margin-right: 5px; cursor: pointer;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .gdlr-core-class-list.gdlr-core-style-grid{ margin-bottom: 40px; }
.gdlr-core-class-list.gdlr-core-style-grid .gdlr-core-thumbnail{ margin-bottom: 35px; }
.gdlr-core-class-list.gdlr-core-style-grid .gdlr-core-title-divider{ border-bottom-width: 5px; border-bottom-style: solid; width: 30px; margin-top: 10px; }
.gdlr-core-class-list.gdlr-core-style-grid .gdlr-core-excerpt{ margin-top: 20px; }
.gdlr-core-class-list.gdlr-core-style-grid.gdlr-core-center-align .gdlr-core-title-divider { margin-left: auto; margin-right: auto; }
.gdlr-core-class-list.gdlr-core-style-grid.gdlr-core-right-align .gdlr-core-title-divider { margin-left: auto; }
.gdlr-core-class-list.gdlr-core-style-modern { position: relative; }
.gdlr-core-class-list.gdlr-core-style-modern .gdlr-core-title{ margin-bottom: 0px; }
.gdlr-core-class-list.gdlr-core-style-modern .gdlr-core-title a{ color: #fff; }
.gdlr-core-class-list.gdlr-core-style-modern .gdlr-core-excerpt{ margin-top: 20px; color: #fff; }
.gdlr-core-class-list.gdlr-core-style-modern .gdlr-core-thumbnail-overlay-content{ position: absolute; top: 50%; left: 20px; right: 20px;
transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.gdlr-core-class-list.gdlr-core-style-modern .gdlr-core-thumbnail-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.5;
transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; }
.gdlr-core-class-list.gdlr-core-style-modern:hover .gdlr-core-thumbnail-overlay{ opacity: 0.8; } .gdlr-core-page-list.gdlr-core-style-grid{ margin-bottom: 40px; }
.gdlr-core-page-list.gdlr-core-style-grid .gdlr-core-thumbnail{ margin-bottom: 35px; }
.gdlr-core-page-list.gdlr-core-style-grid .gdlr-core-title-divider{ border-bottom-width: 5px; border-bottom-style: solid; width: 30px; margin-top: 10px; }
.gdlr-core-flexslider .gdlr-core-page-list.gdlr-core-style-grid{ width: calc(100% + 1px); }
.gdlr-core-page-list.gdlr-core-style-modern { position: relative; }
.gdlr-core-page-list.gdlr-core-style-modern .gdlr-core-title{ margin-bottom: 0px; }
.gdlr-core-page-list.gdlr-core-style-modern .gdlr-core-title a{ color: #fff; }
.gdlr-core-page-list.gdlr-core-style-modern .gdlr-core-thumbnail-overlay-content{ position: absolute; top: 50%; left: 20px; right: 20px; text-align: center;
transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.gdlr-core-page-list.gdlr-core-style-modern .gdlr-core-thumbnail-overlay{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.5;
transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; }
.gdlr-core-page-list.gdlr-core-style-modern:hover .gdlr-core-thumbnail-overlay{ opacity: 0.8; } .gdlr-core-featured-gallery-images{ display: flex; gap: 10px; }
.gdlr-core-featured-gallery-images .gdlr-core-media-image{ overflow: hidden;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.gdlr-core-featured-gallery-images .gdlr-core-bg-image{ position: relative; }
.gdlr-core-featured-gallery-images .gdlr-core-bg-image > a{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.gdlr-core-featured-gallery-images .gdlr-core-size-3{ display: flex; flex-wrap: wrap; gap: 10px; }
.gdlr-core-featured-gallery-images .gdlr-core-size-3 > div{ width: 100%; height: calc(50% - 5px); background-size: cover; background-position: center; 
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.gdlr-core-featured-gallery-images .gdlr-core-size-4{ display: flex; flex-wrap: wrap; gap: 10px; }
.gdlr-core-featured-gallery-images .gdlr-core-size-4 > div{ width: 100%; height: calc(50% - 5px); background-size: cover; background-position: center; 
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.gdlr-core-featured-gallery-images .gdlr-core-size-5{ display: flex; flex-wrap: wrap; gap: 10px; margin-right: -10px; }
.gdlr-core-featured-gallery-images .gdlr-core-size-5 > div{ width: calc(50% - 10px); height: calc(50% - 5px); background-size: cover; background-position: center; 
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.gdlr-core-featured-gallery{ position: relative; }
.gdlr-core-featured-gallery-button-wrap{ bottom: 20px; left: 20px; position: absolute; pointer-events: none; }
.gdlr-core-featured-gallery	.gdlr-core-featured-gallery-button,
.gdlr-core-featured-gallery	.gdlr-core-featured-gallery-button:hover{ background: #fff; color: #2a2a2a; }
.gdlr-core-featured-gallery-button{ padding: 10px 15px 8px; font-weight: 600; font-size: 12px; cursor: pointer; display: inline-block; margin-right: 10px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-featured-gallery-button.gdlr-core-video{ pointer-events: auto; }
.gdlr-core-featured-gallery-button svg{ margin-right: 8px; vertical-align: middle; margin-top: -1px; }
.gdlr-core-featured-gallery-button.gdlr-core-no-event{ pointer-events: none; } .gdlr-core-gallery-item .gdlr-core-gallery-caption{ font-size: 14px; font-style: italic; letter-spacing: 0.5px; 
text-align: center; padding-top: 17px; padding-bottom: 10px; }
.gdlr-core-gallery-item .gdlr-core-gallery-list{ text-align: center; overflow: hidden; }
.gdlr-core-gallery-item-style-grid-no-space .gdlr-core-gallery-caption{ margin-bottom: 15px; }
.gdlr-core-gallery-item-style-grid-no-space .gdlr-core-pagination{ margin-top: 40px; }
.gdlr-core-gallery-item .gdlr-core-flexslider-nav{ margin-bottom: 45px; }
.gdlr-core-gallery-item .gdlr-core-flexslider-nav ul{ margin-bottom: 0px; }
.gdlr-core-image-overlay.gdlr-core-gallery-image-overlay .gdlr-core-image-overlay-content{ background: transparent; top: auto; bottom: 25px; }
.gdlr-core-image-overlay.gdlr-core-gallery-image-overlay .gdlr-core-image-overlay-title{ font-size: 15px; display: block; letter-spacing: 2px; text-transform: uppercase; }
.gdlr-core-image-overlay.gdlr-core-gallery-image-overlay .gdlr-core-image-overlay-caption{ font-size: 15px; display: block; margin-top: 4px; font-style: italic; }
.gdlr-core-gallery-shortcode-grid-fixed .gdlr-core-gallery-shortcode-item.gdlr-core-first{ width: 33.33%; float: left; clear: left; }
.gdlr-core-gallery-shortcode-grid-fixed .gdlr-core-gallery-shortcode-item-right{ overflow: hidden; }
.gdlr-core-gallery-shortcode-grid-fixed .gdlr-core-gallery-shortcode-item.gdlr-core-second,
.gdlr-core-gallery-shortcode-grid-fixed .gdlr-core-gallery-shortcode-item.gdlr-core-third{ float: left; width: 50%; }
.gdlr-core-gallery-shortcode-grid-fixed .gdlr-core-gallery-shortcode-item.gdlr-core-fourth{ float: left; }
.gdlr-core-gallery-item.gdlr-core-with-decoration{ position: relative; }
.gdlr-core-gallery-item-decoration{ position: absolute; top: 50%; left: 50%; border-style: solid; transform: translate(-50%, -50%); }
@media only screen and (max-width: 999px){
.gdlr-core-gallery-item-decoration{ display: none; }
} .gdlr-core-gallery-item-style-sliding .gdlr-core-item-list{ flex-shrink: 0; }
.gdlr-core-gallery-item-style-sliding .gdlr-core-item-list img{ width: auto; }
.gdlr-core-gallery-item-style-sliding .gdlr-core-gallery-item-holder{ display: flex; position: relative; overflow: hidden; } .gdlr-core-timeline-item .gdlr-core-timeline-item-date{ width: 300px; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-list{ position: relative; padding-bottom: 38px; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-list:last-child{ padding-bottom: 0px; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-date{ font-size: 20px; font-weight: 800; float: left; 
text-align: right; padding-right: 90px; line-height: 34px; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-bullet{ display: inline-block; width: 11px; height: 11px; 
border-width: 1px; border-style: solid; margin-bottom: 1px; margin-left: 28px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-divider{ position: absolute; top: 23px; bottom: -11px;
margin-left: 4px; border-left-width: 1px; border-left-style: solid; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-list:last-child .gdlr-core-timeline-item-divider{ display: none; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-content-wrap{ overflow: hidden; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-title{ font-size: 24px; font-weight: 800; margin-bottom: 1px; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-caption{ font-size: 17px; font-weight: 600; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-content{ font-size: 21px; margin-top: 14px; font-weight: 600; } .gdlr-core-code-item .gdlr-core-code-item-content{ margin-bottom: 0px; padding: 25px 30px 5px; margin-top: 0px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-code-item-light .gdlr-core-code-item-content{ background: #f5f5f5; color: #a9a9a9; border: 1px solid #e4e4e4; }
.gdlr-core-code-item-dark .gdlr-core-code-item-content{ background: #383838; color: #a2a2a2; } .gdlr-core-call-to-action-item .gdlr-core-call-to-action-item-title{ font-size: 36px; font-weight: 800; letter-spacing: 2px; margin-bottom: 0px; }
.gdlr-core-call-to-action-item .gdlr-core-call-to-action-item-inner{ position: relative; }
.gdlr-core-call-to-action-item .gdlr-core-call-to-action-item-caption{ font-size: 19px; letter-spacing: 0px; margin-top: 16px; }
.gdlr-core-call-to-action-item .gdlr-core-call-to-action-item-button a{ margin-right: 0px; }
.gdlr-core-call-to-action-item.gdlr-core-style-left-align{ text-align: left; }
.gdlr-core-call-to-action-item.gdlr-core-style-left-align .gdlr-core-call-to-action-item-button{ margin-top: 42px; }
.gdlr-core-call-to-action-item.gdlr-core-style-center-align{ text-align: center; }
.gdlr-core-call-to-action-item.gdlr-core-style-center-align .gdlr-core-call-to-action-item-button{ margin-top: 40px; }
.gdlr-core-call-to-action-item.gdlr-core-style-right-align{ text-align: right; }
.gdlr-core-call-to-action-item.gdlr-core-style-right-align .gdlr-core-call-to-action-item-button{ margin-top: 42px; }
.gdlr-core-call-to-action-item.gdlr-core-style-left-align-right-button{ text-align: left; }
.gdlr-core-call-to-action-item.gdlr-core-style-left-align-right-button .gdlr-core-call-to-action-item-inner{ padding-right: 160px; }
.gdlr-core-call-to-action-item.gdlr-core-style-left-align-right-button .gdlr-core-call-to-action-item-button{ position: absolute; right: 0px; top: 50%; margin-top: -26px; }
.gdlr-core-call-to-action-item.gdlr-core-style-right-align-left-button{ text-align: right; }
.gdlr-core-call-to-action-item.gdlr-core-style-right-align-left-button .gdlr-core-call-to-action-item-inner{ padding-left: 160px; }
.gdlr-core-call-to-action-item.gdlr-core-style-right-align-left-button .gdlr-core-call-to-action-item-button{ position: absolute; left: 0px; top: 50%; margin-top: -26px; } .gdlr-core-opening-hour-item .gdlr-core-opening-hour-day i{ margin-right: 12px; vertical-align: middle; }
.gdlr-core-opening-hour-item .gdlr-core-opening-hour-time{ float: right; font-weight: bold; }
.gdlr-core-opening-hour-item .gdlr-core-opening-hour-list-item{ border-bottom-width: 1px; padding-bottom: 9px; margin-bottom: 10px; }
.gdlr-core-opening-hour-item .gdlr-core-opening-hour-time i{ margin-left: 12px; vertical-align: middle; }
.gdlr-core-opening-hour-item.gdlr-core-divider-style-solid .gdlr-core-opening-hour-list-item{ border-bottom-style: solid; }
.gdlr-core-opening-hour-item.gdlr-core-divider-style-dashed .gdlr-core-opening-hour-list-item{ border-bottom-style: dashed; }
.gdlr-core-opening-hour-item.gdlr-core-divider-style-dotted .gdlr-core-opening-hour-list-item{ border-bottom-style: dotted; } .gdlr-core-breadcrumbs-item{ font-size: 14px; padding: 22px 0px; }
.gdlr-core-breadcrumbs-item > span{ margin: 0px 22px; }
.gdlr-core-breadcrumbs-item > span:first-child{ margin-left: 0px; }
.gdlr-core-breadcrumbs-item a span{ transition: color 200ms; -moz-transition: color 200ms; -o-transition: color 200ms; -webkit-transition: color 200ms; } .gdlr-core-divider-item{ position: relative; z-index: 1; margin-bottom: 30px; }
.gdlr-core-divider-item .gdlr-core-divider-container{ position: relative; margin-left: auto; margin-right: auto; }
.gdlr-core-divider-item.gdlr-core-left-align .gdlr-core-divider-container{ margin-left: 0px; }
.gdlr-core-divider-item.gdlr-core-right-align .gdlr-core-divider-container{ margin-right: 0px; }
.gdlr-core-divider-item-dot .gdlr-core-divider-container{ height: 6px; background: #ddd; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-divider-item-center-circle .gdlr-core-divider-line{ position: relative; }
.gdlr-core-divider-item-center-circle .gdlr-core-divider-line-bold{ width: 26px; height: 26px; margin: 0px auto; border-width: 1px; border-style: solid; 
border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
.gdlr-core-divider-item-center-circle .gdlr-core-divider-line-bold:before{ content: " "; display: block; width: 14px; height: 14px; margin: 5px; border-width: 1px; border-style: solid; 
border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.gdlr-core-divider-item-center-circle .gdlr-core-divider-line:before{ content: " "; display: block; position: absolute; top: 13px; left: 0px; right: 50%; margin-right: 13px; border-bottom-width: 1px;border-bottom-style: solid;  }
.gdlr-core-divider-item-center-circle .gdlr-core-divider-line:after{ content: " "; display: block; position: absolute; top: 13px; right: 0px; left: 50%; margin-left: 13px; border-bottom-width: 1px;border-bottom-style: solid;  }
.gdlr-core-divider-item-normal .gdlr-core-divider-line{ border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-divider-item-normal.gdlr-core-style-vertical .gdlr-core-divider-line{ border-bottom: 0px; width: 0px; height: 25px; border-left-width: 1px; border-left-style: solid; margin-left: auto; margin-right: auto; }
.gdlr-core-divider-item-normal.gdlr-core-style-vertical.gdlr-core-left-align .gdlr-core-divider-line{ margin-left: 0.6em; }
.gdlr-core-divider-item-normal.gdlr-core-style-vertical.gdlr-core-right-align .gdlr-core-divider-line{ margin-right: 0.6em; }
.gdlr-core-divider-item-normal.gdlr-core-style-vertical .gdlr-core-divider-line-vertical-text{ writing-mode: tb-rl; display: inline-block;
font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-top: 12px;
-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform: rotate(180deg); 
-ms-transform:rotate(180deg); transform: rotate(180deg); }
.gdlr-core-divider-item-normal.gdlr-core-style-vertical .gdlr-core-divider-line-vertical-icon{ margin-bottom: 8px; }
.gdlr-core-divider-item-normal.gdlr-core-style-vertical.gdlr-core-left-align .gdlr-core-divider-line-vertical-text{ margin-left: 0px; }
.gdlr-core-divider-item-normal.gdlr-core-style-vertical.gdlr-core-right-align .gdlr-core-divider-line-vertical-text{ margin-right: 0px; }
.gdlr-core-divider-item-with-icon .gdlr-core-divider-item-with-icon-inner{ position: relative; text-align: center; line-height: 1; }
.gdlr-core-divider-item-with-icon .gdlr-core-divider-line{ border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-divider-item-with-icon .gdlr-core-divider-line.gdlr-core-left{ position: absolute; top: 50%; left: 0px; }
.gdlr-core-divider-item-with-icon .gdlr-core-divider-line.gdlr-core-right{ position: absolute; top: 50%; right: 0px; }
.gdlr-core-divider-item-with-icon i{ display: inline-block; padding-left: 20px; padding-right: 20px; font-size: 15px; }
.gdlr-core-divider-item-with-icon img{ width: auto; vertical-align: middle; display: inline-block; padding-left: 20px; padding-right: 20px; }
.gdlr-core-divider-item-small-center .gdlr-core-divider-line{ width: 100px; margin: 0px auto;
border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-divider-item-small-center .gdlr-core-divider-line-bold{ content: " "; display: block;
width: 40px; margin: 0px auto -2px; border-bottom-width: 3px; border-bottom-style: solid; }
.gdlr-core-divider-item-small-left .gdlr-core-divider-line{ width: 80px; margin: 0px auto 0px 0px;
border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-divider-item-small-left .gdlr-core-divider-line-bold{ content: " "; display: block;
width: 40px; margin: 0px auto -2px 0px; border-bottom-width: 3px; border-bottom-style: solid; }
.gdlr-core-divider-item-small-right .gdlr-core-divider-line{ width: 80px; margin: 0px 0px 0px auto;
border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-divider-item-small-right .gdlr-core-divider-line-bold{ content: " "; display: block;
width: 40px; margin: 0px 0px -2px auto; border-bottom-width: 3px; border-bottom-style: solid; } .gdlr-core-item-list.gdlr-core-animate-init{ opacity: 0; filter: alpha(opacity=0); }
.gdlr-core-item-list.gdlr-core-animate-init.gdlr-core-animate{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; 
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.gdlr-core-item-list.gdlr-core-animate-end{ opacity: 1; filter: alpha(opacity=100); }
[data-layout="masonry"] .gdlr-core-item-list{ opacity: 0; filter: alpha(opacity=0); }
[data-layout="masonry"] .gdlr-core-item-list.gdlr-core-animate-end{ opacity: 1; filter: alpha(opacity=100); }
[data-layout="masonry"] .gdlr-core-item-list.gdlr-core-animate{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; 
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .gdlr-core-opacity-on-hover img, .gdlr-core-zoom-on-hover img, .gdlr-core-zoom-rotate-on-hover img, .gdlr-core-grayscale-effect img, .gdlr-core-grayscale-effect-revert img{
transition: opacity 300ms ease-out, transform 300ms ease-out, filter 300ms ease-out; 
-moz-transition: opacity 300ms ease-out, -moz-transform 300ms ease-out, -moz-filter 300ms ease-out; 
-o-transition: opacity 300ms ease-out, -o-transform 300ms ease-out, -o-filter 300ms ease-out; 
-webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-filter 300ms ease-out; }
.gdlr-core-move-up-with-shadow,
.gdlr-core-blog-grid.gdlr-core-blog-grid-with-frame.gdlr-core-move-up-with-shadow{ 
transition: transform 150ms ease-out, box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms; 
-moz-transition: transform 150ms ease-out, -moz-box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms; 
-o-transition: transform 150ms ease-out, -o-box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms; 
-webkit-transition: transform 150ms ease-out, -webkit-box-shadow 150ms ease-out, border-color 300ms ease-out, border-width 300ms; }
.gdlr-core-move-up-with-shadow:hover{ 
transform: translate3d(0, -15px, 0); -webkit-transform: translate3d(0, -15px, 0); 
box-shadow: 0px 0px 20px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1); }
.gdlr-core-opacity-on-hover{ background: #000; }
.gdlr-core-opacity-on-hover:hover img{ opacity: 0.5; filter: alpha(opacity=50); }
.gdlr-core-zoom-on-hover{ overflow: hidden; }
.gdlr-core-zoom-on-hover:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); }
.gdlr-core-zoom-rotate-on-hover{ overflow: hidden; }
.gdlr-core-zoom-rotate-on-hover:hover img{ -webkit-transform: scale(1.5) rotate(30deg); transform: scale(1.5) rotate(30deg); }
.gdlr-core-grayscale-effect img{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); }
.gdlr-core-grayscale-effect:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); }
.gdlr-core-grayscale-effect-revert img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); }
.gdlr-core-grayscale-effect-revert:hover img{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); }
.gdlr-core-hover-opacity{ opacity: 0; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
transition: opacity 300ms; -moz-transition: opacity 300ms; 
-o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.gdlr-core-hover-element:hover .gdlr-core-hover-opacity{ opacity: 1; }
.gdlr-core-blog-metro.gdlr-core-no-image{ background: transparent; }
.gdlr-core-blog-modern.gdlr-core-no-image{ background: transparent; }
.gdlr-core-blog-modern.gdlr-core-no-image .gdlr-core-blog-modern-content-overlay{ display: none; } [data-gdlr-animation]{ -webkit-animation-fill-mode: both; animation-fill-mode: both; }
[data-gdlr-animation="fadeIn"], [data-gdlr-animation="fadeInDown"], [data-gdlr-animation="fadeInUp"], [data-gdlr-animation="fadeInLeft"], [data-gdlr-animation="fadeInRight"]{ opacity: 0; }
@-webkit-keyframes fadeIn{ from{ opacity: 0; } to{ opacity: 1; } }
@keyframes fadeIn{ from{ opacity: 0; } to{ opacity: 1; } }
.fadeIn{ -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInDown{ from{ opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to{ opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown{ from{ opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to{ opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDown{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInUp{ from{ opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } to{ opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp{ from{ opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } to{ opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInLeft{ from{ opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to{ opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft{ from{ opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to{ opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeft{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight{ from{ opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to{ opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight{ from{ opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to{ opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRight{ -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
40%, 43%{ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
70%{ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
90%{ -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}
@keyframes bounce {
from, 20%, 53%, 80%, to{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
40%, 43%{ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
70%{ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
90%{ -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}
.bounce{ -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
@-webkit-keyframes pulse{ from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50%{ -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse{ from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50%{ -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes rubberBand {
from{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30%{ -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
40%{ -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50%{ -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
65%{ -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75%{ -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); }
to{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes rubberBand {
from{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30%{ -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
40%{ -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50%{ -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
65%{ -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75%{ -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); }
to{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.rubberBand{ -webkit-animation-name: rubberBand; animation-name: rubberBand; }
@-webkit-keyframes shake{ from, to{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90%{ -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80%{ -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake{ from, to{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90%{ -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80%{ -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake{ -webkit-animation-name: shake; animation-name: shake; }
@-webkit-keyframes swing {
20%{ -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40%{ -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
60%{ -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80%{ -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
to{ -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes swing {
20%{ -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40%{ -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
60%{ -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80%{ -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
to{ -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
.swing{ -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } .gdlr-core-preview-text{ text-align: center; padding: 10px; background: #f3f3f3; }
.gdlr-core-shape-divider-wrap{ overflow: hidden; line-height: 0; }
.gdlr-core-shape-divider-wrap svg{ left: 50%; position: relative; width: 100%;
-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.gdlr-core-shape-divider-wrap.gdlr-core-flip svg{ 
-webkit-transform: translateX(-50%) rotateY(180deg); 
-ms-transform: translateX(-50%) rotateY(180deg); 
transform: translateX(-50%) rotateY(180deg); }
.gdlr-core-shape-divider-wrap.gdlr-core-pos-top{ position: absolute; top: -1px; left: 0px; right: 0px; }
.gdlr-core-shape-divider-wrap.gdlr-core-pos-top.gdlr-core-inverted{
-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.gdlr-core-shape-divider-wrap.gdlr-core-pos-bottom{ position: absolute; bottom: -1px; left: 0px; right: 0px;
-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } 
.gdlr-core-shape-divider-wrap.gdlr-core-pos-bottom.gdlr-core-inverted{
-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.gdlr-core-shape-divider-wrap.gdlr-core-preview{ position: static; }
.gdlr-core-shape-divider-wrap img{ width: 100%; }
.gdlr-core-shape-divider-wrap.gdlr-core-pos-top.gdlr-core-custom-image-with-height{ background-position: top; background-size: cover; }
.gdlr-core-shape-divider-wrap.gdlr-core-pos-bottom.gdlr-core-custom-image-with-height{ background-position: bottom; background-size: cover; } .gdlr-core-sly-slider{ width: 100%; padding: 0; overflow: hidden; }
.gdlr-core-sly-slider .slides{ margin: 0; padding: 0; list-style: none; width: 99999px; }
.gdlr-core-sly-slider .slides li{ float: left; }
.gdlr-core-sly-slider .slides li:first-child{ margin-left: 0px !important; }
.gdlr-core-sly-slider .slides li:last-child{ margin-right: 0px !important; }
.gdlr-core-sly-slider .slides li .gdlr-core-media-image img{ max-height: 100%; width: auto; }
.gdlr-core-sly-slider .slides:after{ content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.gdlr-core-sly-scroll{ background: #eeeeee; }
.gdlr-core-sly-scroll .gdlr-core-sly-scroll-handle{ background: #717171; }
.gdlr-core-sly-scroll{ height: 8px; margin-top: 30px; }
.gdlr-core-sly-scroll .gdlr-core-sly-scroll-handle{ height: 8px; width: 0px; }
ul.gdlr-core-sly-nav li{ background: #dfdfdf; }
ul.gdlr-core-sly-nav li.active{ background: #000; }
ul.gdlr-core-sly-nav{ text-align: center; margin-top: 30px; font-size: 0; margin-bottom: 0px; margin-left: 0px; list-style: none; }
ul.gdlr-core-sly-nav li{ display: inline-block; color: transparent; margin: 0px 5px; width: 10px; height: 10px; border-radius: 50%; cursor: pointer;
transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7);
transition: transform 300ms; -webkit-transition: transform 300ms; -moz-transition: transform 300ms; }
ul.gdlr-core-sly-nav li.active { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.gdlr-core-sly-slider.gdlr-core-bullet-style-cylinder + .gdlr-core-sly-nav li{ 
transform: none; -webkit-transform: none; -moz-transform: none;
border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.gdlr-core-sly-slider.gdlr-core-bullet-style-cylinder + .gdlr-core-sly-nav li{ width: 12px; height: 12px;
transition: width 300ms; -webkit-transition: width 300ms; -moz-transition: width 300ms; }
.gdlr-core-sly-slider.gdlr-core-bullet-style-cylinder + .gdlr-core-sly-nav li:hover,
.gdlr-core-sly-slider.gdlr-core-bullet-style-cylinder + .gdlr-core-sly-nav li.active{ width: 32px; }
.gdlr-core-gallery-with-thumbnail-wrap .gdlr-core-sly-slider{ max-width: 80%; margin: 30px auto 0px; }
.gdlr-core-gallery-with-thumbnail-wrap .gdlr-core-sly-slider .slides{ margin: 0px auto 0px; }
.gdlr-core-gallery-with-thumbnail-wrap .gdlr-core-sly-slider .slides li{ margin: 0px 8px; cursor: pointer; }
.gdlr-core-gallery-with-thumbnail-wrap .gdlr-core-sly-slider .gdlr-core-media-image{ height: 65px; }
.gdlr-core-gallery-with-thumbnail-wrap .gdlr-core-image-overlay{ background: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/gallery/gallery-shadow.png) bottom center repeat-x; }
.gdlr-core-gallery-with-thumbnail-wrap.gdlr-core-inside-slider{ position: relative; }
.gdlr-core-gallery-with-thumbnail-wrap.gdlr-core-inside-slider .gdlr-core-sly-slider{ opacity: 0; filter: alpha(opacity=0);
position: absolute; bottom: 42px; left: 10%; right: 10%; z-index: 3; 
transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.gdlr-core-gallery-with-thumbnail-wrap.gdlr-core-inside-slider:hover .gdlr-core-sly-slider,
.gdlr-core-gallery-with-thumbnail-wrap.gdlr-core-inside-slider:hover .gdlr-core-image-overlay{ opacity: 1; filter: alpha(opacity=100); }
.gdlr-core-gallery-with-thumbnail-wrap.gdlr-core-inside-slider .gdlr-core-image-overlay-content{ bottom: 145px; }
.gdlr-core-gallery-with-thumbnail-wrap.gdlr-core-inside-slider .gdlr-core-image-overlay-caption{ font-size: 14px; margin-top: 11px; letter-spacing: 1px; }
.gdlr-core-gallery-with-thumbnail-wrap.gdlr-core-inside-slider .gdlr-core-image-overlay-title{ font-size: 16px; }
.gdlr-core-gallery-with-thumbnail-wrap.gdlr-core-inside-slider.gdlr-core-disable-hover .gdlr-core-sly-slider{ opacity: 1; filter: alpha(opacity=100); } .gdlr-core-flexslider.flexslider ul.slides{ zoom: 1; margin-left: 0px; margin-bottom: 0px; list-style: none; }
.gdlr-core-flexslider.flexslider ul.slides:after{ content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.gdlr-core-flexslider.flexslider ul.slides > li{ margin-bottom: 0px; display: none; -webkit-backface-visibility: hidden; }
.gdlr-core-flexslider.flexslider ul.slides > li .gdlr-core-item-list{ margin-bottom: 0px; }
.gdlr-core-flexslider.flexslider[data-type="carousel"] ul.slides > li{ margin-left: 0px; }
.gdlr-core-flexslider.flexslider[data-type="slider"] ul.slides > li{ text-align: center; }
.gdlr-core-flexslider{ position: relative; }
.gdlr-core-flexslider .flex-direction-nav{ margin-left: 0px; list-style: none; margin-bottom: 0px; }
.gdlr-core-flexslider .flex-direction-nav li{ position: absolute; line-height: 1; top: 50%; margin-top: -24px; z-index: 15; }
.gdlr-core-flexslider .flex-direction-nav li a{ display: block; padding: 14px; background: #000; background: rgba(0,0,0,0.6); color: #fff;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-flexslider .flex-direction-nav li a i{ font-size: 18px; width: 18px; text-align: center; display: block; }
.gdlr-core-flexslider .flex-direction-nav .flex-nav-prev{ left: 35px; }
.gdlr-core-flexslider .flex-direction-nav .flex-nav-next{ right: 35px; }
.gdlr-core-flexslider[data-nav="both"] .flex-direction-nav li{ margin-top: -45px; }
.gdlr-core-flexslider.gdlr-core-v1[data-nav="navigation-outer"]{ position: relative; }
.gdlr-core-flexslider.gdlr-core-v1[data-nav="navigation-outer"] .flex-direction-nav .flex-nav-prev{ left: -85px; padding-right: 40px; }
.gdlr-core-flexslider.gdlr-core-v1[data-nav="navigation-outer"] .flex-direction-nav .flex-nav-next{ right: -85px; padding-left: 40px; }  
.gdlr-core-flexslider.gdlr-core-v1[data-nav="navigation-outer"] .flex-direction-nav .flex-nav-prev a,
.gdlr-core-flexslider.gdlr-core-v1[data-nav="navigation-outer"] .flex-direction-nav .flex-nav-next a{ opacity: 0; 
transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.gdlr-core-flexslider.gdlr-core-v1[data-nav="navigation-outer"]:hover .flex-direction-nav .flex-nav-prev a,
.gdlr-core-flexslider.gdlr-core-v1[data-nav="navigation-outer"]:hover .flex-direction-nav .flex-nav-next a{ opacity: 1; }
.gdlr-core-flexslider[data-nav="navigation-outer-plain-round"] .flex-direction-nav li a{ display: block; border-width: 2px; border-style: solid; background: transparent; padding: 0px; width: 47px; height: 47px; text-align: center; }
.gdlr-core-flexslider[data-nav="navigation-outer-plain-round"] .flex-direction-nav li a i{ font-size: 47px; width: auto; line-height: 42px; }
.gdlr-core-flexslider[data-nav="navigation-outer-plain-round"] .flex-direction-nav .flex-nav-prev{ left: -85px; padding-right: 40px; }
.gdlr-core-flexslider[data-nav="navigation-outer-plain-round"] .flex-direction-nav .flex-nav-next{ right: -85px; padding-left: 40px; }  
.gdlr-core-flexslider[data-nav="navigation-outer-plain-round"] .flex-direction-nav .flex-nav-prev a,
.gdlr-core-flexslider[data-nav="navigation-outer-plain-round"] .flex-direction-nav .flex-nav-next a{ opacity: 0; 
transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.gdlr-core-flexslider[data-nav="navigation-outer-plain-round"]:hover .flex-direction-nav .flex-nav-prev a,
.gdlr-core-flexslider[data-nav="navigation-outer-plain-round"]:hover .flex-direction-nav .flex-nav-next a{ opacity: 1; }
.gdlr-core-flexslider[data-nav="navigation-outer-plain-round"] .flex-direction-nav li a.flex-prev i{ margin-left: -3px; }
.gdlr-core-flexslider[data-nav="navigation-outer-plain-round"] .flex-direction-nav li a.flex-next i{ margin-left: -1px; }
.gdlr-core-flexslider[data-nav="navigation-bottom"] .flex-nav-prev, 
.gdlr-core-flexslider[data-nav="navigation-bottom"] .flex-nav-next{ position: static; display: inline-block; margin: 40px 4px 0px; }
.gdlr-core-flexslider[data-nav="navigation-bottom"] .flex-direction-nav{ text-align: center; }
.gdlr-core-flexslider.gdlr-core-bottom-nav-1 .flex-direction-nav li a{ border-radius: 0; }
.gdlr-core-flexslider.gdlr-core-bottom-nav-1 .flex-direction-nav li a i{ font-size: 24px;}
.gdlr-core-flexslider.gdlr-core-bottom-nav-1 .flex-nav-prev a,
.gdlr-core-flexslider.gdlr-core-bottom-nav-1 .flex-nav-next a{ padding: 20px 25px 20px 22px; }
.gdlr-core-flexslider.gdlr-core-nav-style-middle-large{ position: static; }
.gdlr-core-flexslider.gdlr-core-nav-style-middle-large .flex-direction-nav li{ margin-top: 0px; top: auto; }
.gdlr-core-flexslider.gdlr-core-nav-style-middle-large .flex-direction-nav li a{ padding: 17px; border-style: solid; border-width: 2px; background: transparent; }
.gdlr-core-flexslider.gdlr-core-nav-style-middle-large .flex-direction-nav li a i{ font-size: 29px; width: 29px; }
.gdlr-core-flexslider.gdlr-core-nav-style-middle-plain{ position: static; }
.gdlr-core-flexslider.gdlr-core-nav-style-middle-plain .flex-direction-nav li{ margin-top: 0px; top: auto; }
.gdlr-core-flexslider.gdlr-core-nav-style-middle-plain .flex-direction-nav li a{ padding: 14px; background: transparent; }
.gdlr-core-flexslider.gdlr-core-nav-style-middle-plain .flex-direction-nav li a i{ font-size: 35px; width: 35px; }
.gdlr-core-flexslider.gdlr-core-nav-style-middle-plain .flex-direction-nav li a i.arrow_carrot-left:before{ font-family: simple-line-icons; content: "\e605"; }
.gdlr-core-flexslider.gdlr-core-nav-style-middle-plain .flex-direction-nav li a i.arrow_carrot-right:before{ font-family: simple-line-icons; content: "\e606"; }
.gdlr-core-flexslider .flex-control-nav{ margin-bottom: 0px; position: relative; }
.gdlr-core-flexslider .flex-control-nav li{ top: auto; }
.gdlr-core-flexslider .flex-control-nav{ list-style: none; line-height: 0; margin-top: 30px; text-align: center; margin-left: 0px; }
.gdlr-core-flexslider .flex-control-nav li{ display: inline-block;  margin: 0px 5px; }
.gdlr-core-flexslider .flex-control-nav li a{ width: 12px; height: 12px; display: block; text-indent: -999px; overflow: hidden;
border-width: 1px; border-style: solid;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round .flex-control-nav li a{ border: none; width: 7px; height: 7px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round .flex-control-nav li a.flex-active{ transform: scale(1.5); }
.gdlr-core-flexslider.gdlr-core-bullet-style-round2 .flex-control-nav li a{ border-width: 3px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round2 .flex-control-nav li a.flex-active{ background: transparent !important; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round3 .flex-control-nav li a{ border: none; width: 8px; height: 8px; margin-bottom: 2px; margin-top: 2px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round3 .flex-control-nav li:nth-child(1) a,
.gdlr-core-flexslider.gdlr-core-bullet-style-round3 .flex-control-nav li:nth-last-child(1) a{ width: 4px; height: 4px; margin-top: 4px; margin-bottom: 4px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round3 .flex-control-nav li:nth-child(2) a,
.gdlr-core-flexslider.gdlr-core-bullet-style-round3 .flex-control-nav li:nth-last-child(2) a{ width: 6px; height: 6px; margin-top: 3px; margin-bottom: 3px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round3 .flex-control-nav li a.flex-active{ width: 8px; height: 8px; margin-bottom: 2px; margin-top: 2px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round4 .flex-control-nav li a.flex-active{ width: 7px; height: 7px; margin: 3px 6px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round4 .flex-control-nav li a{ border-width: 2px; width: 13px; height: 13px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round5 .flex-control-nav li{ margin: 0px 4px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round5 .flex-control-nav li a{ border-width: 2px; width: 15px; height: 15px; margin: 2px 0px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-round5 .flex-control-nav li a.flex-active{ width: 19px; height: 19px; margin: 0px; background: transparent !important; }
.gdlr-core-flexslider.gdlr-core-bullet-style-cylinder .flex-control-nav { margin-top: 45px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-cylinder .flex-control-nav li a { width: 20px; height: 6px; border: none;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-cylinder-left .flex-control-nav { margin-top: 45px; text-align: left; }
.gdlr-core-flexslider.gdlr-core-bullet-style-cylinder-left .flex-control-nav li a { width: 24px; height: 6px; border: none;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-cylinder.gdlr-core-style-2 .flex-control-nav li a{ width: 12px; height: 12px;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; 
transition: width 150ms; -moz-transition: width 150ms; -o-transition: width 150ms; -webkit-transition: width 150ms; }
.gdlr-core-flexslider.gdlr-core-bullet-style-cylinder.gdlr-core-style-2 .flex-control-nav li a:hover, 
.gdlr-core-flexslider.gdlr-core-bullet-style-cylinder.gdlr-core-style-2 .flex-control-nav li a.flex-active{ width: 32px; }
.gdlr-core-flexslider.gdlr-core-bullet-style-cylinder.gdlr-core-style-3 .flex-control-nav li a { height: 4px;
transition: width 150ms; -moz-transition: width 150ms; -o-transition: width 150ms; -webkit-transition: width 150ms; }
.gdlr-core-flexslider.gdlr-core-bullet-style-cylinder.gdlr-core-style-3 .flex-control-nav li a.flex-active{ width: 30px; }
.gdlr-core-blog-item .gdlr-core-flexslider .flex-control-nav{ margin-top: 45px; }
.gdlr-core-flexslider-nav .flex-direction-nav{ margin-left: 0px; list-style: none; zoom: 1; }
.gdlr-core-flexslider-nav .flex-direction-nav:after{ content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.gdlr-core-flexslider-nav.gdlr-core-absolute{ position: absolute; top: 0px; }
.gdlr-core-flexslider-nav.gdlr-core-absolute-center{ position: absolute; top: 50%; }
.gdlr-core-flexslider-nav.gdlr-core-absolute.gdlr-core-left,
.gdlr-core-flexslider-nav.gdlr-core-absolute-center.gdlr-core-left{ left: 0px; }
.gdlr-core-flexslider-nav.gdlr-core-absolute.gdlr-core-right,
.gdlr-core-flexslider-nav.gdlr-core-absolute-center.gdlr-core-right{ right: 0px; }
.gdlr-core-flexslider-nav.gdlr-core-center-align .flex-direction-nav{ display: inline-block; line-height: 1;}
.gdlr-core-flexslider-nav.gdlr-core-block-center{ text-align: center; line-height: 0; }
.gdlr-core-flexslider-nav.gdlr-core-block-center .flex-direction-nav{ display: inline-block; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style-2 li{ float: left; line-height: 1; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style-2 li a{ font-size: 29px; display: block; margin-left: 7px; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style-2 li a i{ display: block; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style-2 li a.flex-prev i:before{ content: "\23"; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style-2 li a.flex-next i:before{ content: "\24"; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style-2.gdlr-core-absolute-center{ margin-top: -18px; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style li{ float: left; line-height: 1; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style li a{ font-size: 29px; display: block; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style li a i{ display: block; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style.gdlr-core-absolute-center{ margin-top: -18px; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style.gdlr-core-small li a{ font-size: 23px; display: block; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style.gdlr-core-small.gdlr-core-absolute-center{ margin-top: -15px; }
.gdlr-core-flexslider-nav.gdlr-core-plain-style.gdlr-core-size-widget li a{ font-size: 19px; margin-top: -4px; }
.gdlr-core-flexslider-nav.gdlr-core-plain-circle-style li{ float: left; line-height: 1; }
.gdlr-core-flexslider-nav.gdlr-core-plain-circle-style li a{ font-size: 47px; display: block; 
border-width: 3px; border-style: solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-flexslider-nav.gdlr-core-plain-circle-style li a i{ display: block; }
.gdlr-core-flexslider-nav.gdlr-core-plain-circle-style li a.flex-next{ margin-left: 8px; }
.gdlr-core-flexslider-nav.gdlr-core-plain-circle-style li a.flex-next i{ display: block; margin: -6px -4px -4px -6px }
.gdlr-core-flexslider-nav.gdlr-core-plain-circle-style li a.flex-prev i{ display: block; margin: -6px -4px -4px -6px }
.gdlr-core-flexslider-nav.gdlr-core-plain-circle-style.gdlr-core-absolute-center{ margin-top: -22px; }
.gdlr-core-flexslider-nav.gdlr-core-round-style li{ float: left; line-height: 1; }
.gdlr-core-flexslider-nav.gdlr-core-round-style li.flex-nav-prev{ margin-right: 8px; }
.gdlr-core-flexslider-nav.gdlr-core-round-style li a{ font-size: 29px; padding: 16px; display: block; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-flexslider-nav.gdlr-core-round-style li a i{ display: block; }
.gdlr-core-flexslider-nav.gdlr-core-round-style.gdlr-core-absolute-center{ margin-top: -31px; }
.gdlr-core-flexslider-nav.gdlr-core-round-style.gdlr-core-small li a{ font-size: 19px; padding: 17px; }
.gdlr-core-flexslider-nav.gdlr-core-round-style.gdlr-core-small li.flex-nav-prev{ margin-right: 5px; }
.gdlr-core-flexslider-nav.gdlr-core-rectangle-style li{ float: left; line-height: 1; }
.gdlr-core-flexslider-nav.gdlr-core-rectangle-style li.flex-nav-prev{ margin-right: 1px; }
.gdlr-core-flexslider-nav.gdlr-core-rectangle-style li a{ width: 40px; height: 40px; font-size: 19px; padding: 10px; display: block; }
.gdlr-core-flexslider-nav.gdlr-core-rectangle-style li a i{ display: block; }
.gdlr-core-flexslider-nav.gdlr-core-rectangle-style.gdlr-core-absolute-center{ margin-top: -24px; }
.gdlr-core-flexslider-nav.gdlr-core-rectangle-style.gdlr-core-large li.flex-nav-prev{ margin-right: 4px; }
.gdlr-core-flexslider-nav.gdlr-core-rectangle-style.gdlr-core-large li a{ width: 55px; height: 55px; font-size: 23px; text-align: center; padding: 15px; }
.gdlr-core-flexslider-nav.gdlr-core-rectangle-style.gdlr-core-large.gdlr-core-absolute-center{ margin-top: -30px; }
.gdlr-core-flexslider[data-effect="kenburn"] img{ animation-duration: 15000ms; -webkit-animation-duration: 15000ms; }
.gdlr-core-flexslider[data-effect="kenburn"] li{ overflow: hidden; }
.gdlr-core-flexslider[data-effect="kenburn"] li.gdlr-core-active img{ 
-webkit-animation-name: kenBurn; animation-name: kenBurn; 
-webkit-transform: scale(1.3); transform: scale(1.3); }
@-webkit-keyframes kenBurn{ 
from{ -webkit-transform: scale(1); transform: scale(1); }   
to{ -webkit-transform: scale(1.3); transform: scale(1.3); }  
}
@keyframes kenBurn{ 
from{ -webkit-transform: scale(1); transform: scale(1); } 
to{ -webkit-transform: scale(1.3); transform: scale(1.3); } 
}
.gdlr-core-flexslider[data-type="carousel"] ul.slides > li.flex-with-active-class{ opacity: 0;
transition: opacity 300ms; -moz-transition: opacity 300ms;
-webkit-transition: opacity 300ms; -o-transition: opacity 300ms; }
.gdlr-core-flexslider[data-type="carousel"] ul.slides > li.flex-with-active-class.flex-active-slide{ opacity: 1; 
transition: opacity 300ms; -moz-transition: opacity 300ms;
-webkit-transition: opacity 300ms; -o-transition: opacity 300ms; }
.gdlr-core-flexslider.gdlr-core-overflow-visible[data-type="carousel"] ul.slides > li.flex-with-active-class{ opacity: 1; }
.gdlr-core-flexslider-custom-nav{ line-height: 1; }
.gdlr-core-flexslider-custom-nav i{ display: inline-block;
transition: color 300ms, opacity 300ms; -moz-transition: color 300ms, opacity 300ms; 
-o-transition: color 300ms, opacity 300ms; -webkit-transition: color 300ms, opacity 300ms; }
.gdlr-core-flexslider-custom-nav .flex-prev{ cursor: pointer; margin-right: 12px; }
.gdlr-core-flexslider-custom-nav .flex-next{ cursor: pointer; }
.gdlr-core-flexslider-custom-nav.gdlr-core-style-navigation-top{ margin-bottom: 35px; }
.gdlr-core-flexslider-custom-nav.gdlr-core-style-navigation-bottom{ margin-top: 55px; position: relative; }
.gdlr-core-flexslider[data-nav="navigation-inner"] .flex-control-nav{ position: absolute; left: 0px; right: 0px; }
.gdlr-core-flexslider-custom-nav.gdlr-core-style-navigation-inner .flex-prev{ position: absolute; left: 20px; top: 50%; z-index: 1; }
.gdlr-core-flexslider-custom-nav.gdlr-core-style-navigation-inner .flex-next{ position: absolute; right: 20px; top: 50%; z-index: 1; }
.gdlr-core-flexslider[data-nav="navigation-outer"]{ position: static; padding-left: 300px; margin-left: -300px; padding-right: 300px; margin-right: -300px; }
.gdlr-core-flexslider-custom-nav.gdlr-core-style-navigation-outer{ position: absolute; left: 0px; right: 0px; }
.gdlr-core-flexslider-custom-nav.gdlr-core-style-navigation-outer .flex-prev{ position: absolute; left: 35px; z-index: 1; }
.gdlr-core-flexslider-custom-nav.gdlr-core-style-navigation-outer .flex-next{ position: absolute; right: 35px; z-index: 1; }
.gdlr-core-flexslider.gdlr-core-overflow-visible .flex-viewport{ overflow: visible !important; }
.gdlr-core-flexslider .gdlr-core-flexslider-custom-nav.gdlr-core-show-on-hover i{ opacity: 0; }
.gdlr-core-flexslider:hover .gdlr-core-flexslider-custom-nav.gdlr-core-show-on-hover i{ opacity: 1; }
.gdlr-core-flexslider-outer .gdlr-core-column-24 { padding-right: 50px; }
@media only screen and (max-width: 767px){ .gdlr-core-flexslider-outer .gdlr-core-column-24 { padding-left: 20px; padding-right: 20px; } }
.gdlr-core-flexslider.flexslider[data-type="carousel"].gdlr-core-flex-inactive ul.slides{ margin-left: 0px !important; }
.gdlr-core-flexslider.flexslider[data-type="carousel"].gdlr-core-flex-inactive ul.slides > li{ opacity: 1 !important; } .gdlr-core-flexslider[data-nav="touch-navigation"] ul.slides{ cursor: grab;
-webkit-user-select: none; -ms-user-select: none;  user-select: none; }
.goodlayers-carousel-nav-follow[data-type="touch-slide-black"]{ background: #1f1f1f; color: #fff; }
.goodlayers-carousel-nav-follow[data-type="touch-slide-black"]:before,
.goodlayers-carousel-nav-follow[data-type="touch-slide-black"]:after{ border-color: #fff; }
.goodlayers-carousel-nav-follow[data-type="touch-slide-white"]{ background: #fff; color: #1f1f1f; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.09); }
.goodlayers-carousel-nav-follow[data-type="touch-slide-white"]:before,
.goodlayers-carousel-nav-follow[data-type="touch-slide-white"]:after{ border-color: #1f1f1f; }
.goodlayers-carousel-nav-follow{ position: fixed; opacity: 0; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; z-index: 0; pointer-events: none;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
-webkit-transform: scale(0); transform: scale(0); transition: transform 300ms, opacity 300ms; }
.goodlayers-carousel-nav-follow:hover{ cursor: none; }
.goodlayers-carousel-nav-follow.goodlayers-active{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); z-index: 999; }
.goodlayers-carousel-nav-follow.goodlayers-over-link{ opacity: 0.2; -webkit-transform: scale(0.2); transform: scale(0.2); z-index: 0.2; }
.goodlayers-carousel-nav-follow:before{ content: " "; width: 8px; height: 8px; position: absolute; display: block;
border-style: solid; border-width: 1px 0px 0px 1px;transform: translate(18px, 36px) rotate(-45deg); }
.goodlayers-carousel-nav-follow:after{ content: " "; width: 8px; height: 8px; position: absolute; display: block;
border-style: solid; border-width: 1px 0px 0px 1px; transform: translate(53px, 36px) rotate(135deg); }
.wp-admin .goodlayers-carousel-nav-follow{ display: none; } .gdlr-core-custom-menu-item{ font-size: 16px; font-weight: 600; }
.gdlr-core-custom-menu-item ul{ list-style: none; margin-left: 0px; }
.gdlr-core-custom-menu-item ul li{ padding-bottom: 14px; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 14px; }
.gdlr-core-custom-menu-item.gdlr-core-style-2{ font-weight: normal; }
.gdlr-core-custom-menu-item.gdlr-core-style-2 ul li:before{ content: "\e606"; font-size: 0.8em; margin-right: 16px; font-family: simple-line-icons; }
.gdlr-core-custom-menu-item.gdlr-core-style-2 ul li{ padding-bottom: 0px; border: 0px; margin-bottom: 10px; } .gdlr-core-portfolio-badge-wrap{ position: relative; }
.gdlr-core-portfolio-badge{ line-height: 20px; width: 42px; height: 42px; text-align: center;
padding: 11px 0px; font-size: 10px; text-transform: uppercase; position: absolute; right: -11px; top: -11px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; z-index: 10; }
.gdlr-core-portfolio-item .gdlr-core-flexslider.gdlr-core-with-outer-frame-element .flex-viewport{ padding-top: 11px; padding-right: 11px; margin-right: -11px; }
.gdlr-core-portfolio-item .gdlr-core-now-loading{ position: absolute; background: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/portfolio/now-loading.gif) center no-repeat; 
width: 55px; height: 55px; left: 50%; margin-left: -28px; background-color: #fff; margin-top: 20px; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-portfolio-view-all-works{ text-align: center; margin-top: 50px; }
.gdlr-core-portfolio-view-all-works .gdlr-core-button{ letter-spacing: 0px; text-transform: none; }
.gdlr-core-portfolio-view-all-works i { font-size: 35px; cursor: pointer; vertical-align: middle; }
.gdlr-core-portfolio-view-all-works i.flex-prev{ margin-right: 20px; }
.gdlr-core-portfolio-view-all-works i.flex-next{ margin-left: 18px; }
.gdlr-core-portfolio-thumbnail{ position: relative; overflow: hidden; }
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-overlay{ text-align: center; }
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-title{ font-size: 13px; text-transform: uppercase; 
letter-spacing: 2px; font-weight: 600; margin-bottom: 0px; display: block; line-height: 1.4; }
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-icon{ font-size: 22px; }
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-info{ font-size: 13px; font-style: italic; letter-spacing: 0.5px; display: block; }
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-info .gdlr-core-sep{ margin: 0px 3px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-icon-title .gdlr-core-portfolio-title{ margin-top: 26px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-icon .gdlr-core-portfolio-title{ margin-bottom: 26px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-tag .gdlr-core-portfolio-info{ margin-top: 26px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-tag-title .gdlr-core-portfolio-info{ margin-bottom: 20px; text-transform: uppercase; font-style: normal; letter-spacing: 2px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-date .gdlr-core-portfolio-date-wrap{ margin-top: 12px; display: block; font-size: 15px; font-style: normal; letter-spacing: 0px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-icon-title-tag .gdlr-core-portfolio-title{ margin-top: 30px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-icon-title-tag .gdlr-core-portfolio-info{ margin-top: 10px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-icon-title_bottom .gdlr-core-portfolio-title{ position: absolute; bottom: 33px; left: 30px; right: 30px; text-align: left; line-height: 1.4; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-icon-title_bottom.gdlr-core-no-image .gdlr-core-portfolio-title{ position: static; margin-top: 10px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-margin-title-icon .gdlr-core-portfolio-title{ margin-bottom: 26px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-margin-title-tag .gdlr-core-portfolio-info{ margin-top: 26px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-margin-icon-title-tag .gdlr-core-portfolio-title{ margin-top: 30px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-margin-icon-title-tag .gdlr-core-portfolio-info{ margin-top: 10px; }
.gdlr-core-portfolio-thumbnail .gdlr-core-image-overlay-slide{
transform: translate3d(0, 100%, 0);-webkit-transform: translate3d(0, 100%, 0); 
transition: transform 300ms ease-out; -moz-transition: transform 300ms ease-out; 
-o-transition: transform 300ms ease-out;  -webkit-transition: transform 300ms ease-out; }
.gdlr-core-portfolio-thumbnail:hover .gdlr-core-image-overlay-slide{
transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0); }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-tag-slide .gdlr-core-image-overlay-slide{ opacity: 1; top: auto; text-align: left; padding: 20px 30px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-tag-slide .gdlr-core-image-overlay-content{ position: static; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-tag-slide .gdlr-core-portfolio-info{ margin-top: 3px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-tag-slide2 .gdlr-core-image-overlay-slide{ opacity: 1; top: auto; text-align: left; padding: 20px 30px; bottom: 50px; right: 50px; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-tag-slide2 .gdlr-core-image-overlay-content{ position: static; }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-tag-slide2 .gdlr-core-image-overlay-slide{
transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-tag-slide2:hover .gdlr-core-image-overlay-slide{
transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.gdlr-core-portfolio-thumbnail.gdlr-core-style-title-button .gdlr-core-portfolio-hover-button{ margin-top: 25px; display: block; }
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-hover-button a{ margin: 0px 14px; }
.gdlr-core-portfolio-thumbnail .gdlr-core-image-overlay.gdlr-core-with-margin{ left: 18px; top: 18px; right: 18px; bottom: 18px; }
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-overlay.gdlr-core-title-tag-bottom{ text-align: left; }
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-overlay.gdlr-core-title-tag-bottom .gdlr-core-image-overlay-content{ left: 28px; bottom: 23px; top: auto; }
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-overlay.gdlr-core-title-tag-bottom .gdlr-core-portfolio-title{
border-left-width: 4px; border-left-style: solid; padding-left: 8px; line-height: 1; margin-bottom: 10px; }
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-overlay.gdlr-core-title-tag-bottom .gdlr-core-portfolio-info{ font-size: 15px; font-style: normal; }
.gdlr-core-flexslider.flexslider ul.slides > li .gdlr-core-portfolio-grid{ margin-bottom: 0px; }
.gdlr-core-portfolio-grid{ margin-bottom: 40px; position: relative; }
.gdlr-core-portfolio-grid .gdlr-core-portfolio-content-wrap{ padding-top: 28px; }
.gdlr-core-portfolio-grid .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-title{ font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 7px; position: relative; }
.gdlr-core-portfolio-grid .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info{ font-size: 13px; font-style: italic; margin-bottom: 7px; display: block; position: relative; }
.gdlr-core-portfolio-grid .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info .gdlr-core-sep{ margin: 0px 3px; }
.gdlr-core-portfolio-grid .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-content{ padding-top: 8px; margin-bottom: 7px; position: relative; }
.gdlr-core-portfolio-grid.gdlr-core-style-with-frame{ overflow: hidden; }
.gdlr-core-portfolio-grid.gdlr-core-style-with-frame .gdlr-core-portfolio-content-wrap{ padding: 28px 29px 19px; position: relative; }
.gdlr-core-portfolio-grid.gdlr-core-style-with-frame .gdlr-core-portfolio-grid-frame{ background: #f5f5f5; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
.gdlr-core-portfolio-grid.gdlr-core-style-with-bottom-border .gdlr-core-portfolio-content-wrap{ padding: 25px 29px 10px; 
border-bottom-width: 2px; border-bottom-style: solid; }
.gdlr-core-portfolio-item-style-grid-no-space .gdlr-core-portfolio-content-wrap{ padding-left: 30px; padding-right: 30px; }
.gdlr-core-portfolio-grid2{ background: #f3f3f3; overflow: hidden; border-style: solid; }
.gdlr-core-portfolio-grid2 .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info{ background: #3d3ac2; }
.gdlr-core-portfolio-grid2 .gdlr-core-portfolio-content-wrap{ padding: 33px 29px 30px; }
.gdlr-core-portfolio-grid2 .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info,
.gdlr-core-portfolio-grid2 .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info a,
.gdlr-core-portfolio-grid2 .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info a:hover{ color: #fff; }
.gdlr-core-portfolio-grid2 .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-title{ font-size: 18px; font-weight: 800; text-transform: uppercase; margin-bottom: 13px; }
.gdlr-core-portfolio-grid2 .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info{  display: inline-block; font-size: 10px; margin-bottom: 13px; padding: 4px 10px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-portfolio-grid3{ margin-bottom: 40px; }
.gdlr-core-portfolio-grid3 .gdlr-portfolio-learn-more{ font-size: 17px; font-weight: 600; }
.gdlr-core-portfolio-grid3 .gdlr-portfolio-learn-more i{ font-size: 28px; line-height: 1; vertical-align: middle; margin-left: 16px; }
.gdlr-core-portfolio-grid3 .gdlr-core-portfolio-content-wrap{ background: #fff; margin-right: 40px; padding: 18px 28px;
margin-top: -50px; position: relative; box-shadow: 0px 0px 20px rgba(0,0,0,0.15); }
.gdlr-core-portfolio-grid3 .gdlr-core-portfolio-content-wrap:first-child{ margin-top: 0px; }
.gdlr-core-portfolio-grid3 .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-title{ font-size: 22px; font-weight: 800; margin-bottom: 5px; }
.gdlr-core-portfolio-medium{ display: table; width: 100%; margin-bottom: 80px; }
.gdlr-core-portfolio-medium .gdlr-core-portfolio-thumbnail-wrap{ display: table-cell; position: relative; }
.gdlr-core-portfolio-medium .gdlr-core-portfolio-content-wrap{ display: table-cell; vertical-align: middle; }
.gdlr-core-portfolio-medium .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-title{ font-size: 16px; font-weight: 600; 
text-transform: uppercase; letter-spacing: 2px; margin-bottom: 6px; }
.gdlr-core-portfolio-medium .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info{ font-size: 13px; font-style: italic; margin-bottom: 6px; }
.gdlr-core-portfolio-medium .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info .gdlr-core-sep{ margin: 0px 3px; }
.gdlr-core-portfolio-medium .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-content{ padding-top: 25px; }
.gdlr-core-portfolio-medium .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-read-more{ display: inline-block; margin-top: 29px; font-style: italic; }
.gdlr-core-portfolio-medium.gdlr-core-size-small .gdlr-core-portfolio-thumbnail-wrap{ width: 35%; }
.gdlr-core-portfolio-medium.gdlr-core-size-large .gdlr-core-portfolio-thumbnail-wrap{ width: 70%; }
.gdlr-core-portfolio-medium.gdlr-core-style-left .gdlr-core-portfolio-content-wrap{ padding-left: 80px; }
.gdlr-core-portfolio-medium.gdlr-core-style-right .gdlr-core-portfolio-content-wrap{ padding-right: 80px; }
.gdlr-core-portfolio-medium-feature{ padding-top: 60px; padding-bottom: 60px; margin-bottom: 60px; margin-left: 35px; margin-right: 35px; }
.gdlr-core-portfolio-medium-feature .gdlr-core-item-list-inner{ display: table; }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-title{ font-size: 22px; margin-bottom: 0px; }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-info{ display: block; font-size: 16px; font-weight: 600; margin-top: 15px; }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-content-wrap{ display: table-cell; width: 29%; position: relative;
vertical-align: middle; text-align: center; padding-left: 30px; padding-right: 30px; background: #f3f3f3; 
border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-content-bg{ position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-thumbnail{ margin-top: -60px; margin-bottom: -60px; 
transition: margin 300ms; -moz-transition: margin 300ms; -o-transition: margin 300ms; -webkit-transition: margin 300ms; }
.gdlr-core-portfolio-medium-feature:hover .gdlr-core-portfolio-thumbnail{ margin-top: -70px; margin-bottom: -50px; }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-thumbnail-wrap{ display: table-cell; vertical-align: middle; }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-thumbnail{
box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.2); -moz-box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -20px 0px 40px rgba(0, 0, 0, 0.2); }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-content-wrap{
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
.gdlr-core-flexslider .gdlr-core-portfolio-medium-feature{ margin-bottom: 0px; }
.gdlr-core-portfolio-item-style-medium-feature .flex-viewport{ overflow: visible !important; }
.gdlr-core-portfolio-modern2 .gdlr-core-image-overlay-content{ bottom: 30px; left: 35px; right: 35px; top: auto; text-align: left; }
.gdlr-core-portfolio-modern2 .gdlr-core-portfolio-title{ font-size: 30px; display: inline-block; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 18px; }
.gdlr-core-portfolio-modern2 .gdlr-core-portfolio-caption{ font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }
.gdlr-core-portfolio-modern3 .gdlr-core-image-overlay-content{ top: 85px; left: 45px; text-align: left; }
.gdlr-core-portfolio-modern3 .gdlr-core-portfolio-title{ font-size: 27px; font-weight: 400; letter-spacing: 2px; padding-bottom: 0; border: 0; margin-bottom: 25px; line-height: 1.6; }
.gdlr-core-portfolio-modern3 .gdlr-core-portfolio-caption{ font-size: 13px; display: inline-block; text-transform: uppercase; letter-spacing: 7px;
transform: rotate(270deg) translate(-100%, 0); -webkit-transform: rotate(270deg) translate(-100%, 0); -moz-transform: rotate(270deg) translate(-100%, 0); 
transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; }
.gdlr-core-portfolio-modern3 .gdlr-core-portfolio-caption:before{ content: " "; display: inline-block; width: 37px; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0.3em; margin-right: 30px; } 
.gdlr-core-portfolio-modern,
.gdlr-core-portfolio-modern-desc{ overflow: hidden; }
.gdlr-core-portfolio-modern-desc .gdlr-core-image-overlay-content{ top: auto; bottom: 30px; }
.gdlr-core-portfolio-modern-desc .gdlr-core-portfolio-title{ font-size: 16px; margin-bottom: 5px; }
.gdlr-core-portfolio-modern-desc .gdlr-core-portfolio-info-tag{ margin-bottom: 5px; }
.gdlr-core-portfolio-modern-desc .gdlr-core-portfolio-content{ padding-top: 16px; padding-bottom: 20px; display: block; }
.gdlr-core-portfolio-modern-desc .gdlr-core-portfolio-icon-wrap{ display: block; margin-bottom: 50px; }
.gdlr-core-portfolio-grid-full { position: relative; }
.gdlr-core-portfolio-grid-full .gdlr-core-portfolio-info{ font-size: 15px; }
.gdlr-core-portfolio-grid-full .gdlr-core-portfolio-title{ font-size: 28px; }
.gdlr-core-portfolio-grid-full .gdlr-core-portfolio-read-more { font-size: 14px; float: right; }
.gdlr-core-portfolio-grid-full .gdlr-core-portfolio-content-wrap{ position: relative; margin-left: 25%; margin-top: -75px; }
.gdlr-core-portfolio-grid-full .gdlr-core-portfolio-flex-nav{ float: left; margin-top: 85px; margin-right: 15px; font-size: 12px; }
.gdlr-core-portfolio-grid-full .gdlr-core-portfolio-flex-nav i{ cursor: pointer; margin: 0px 6px; }
.gdlr-core-portfolio-grid-full .gdlr-core-portfolio-content{ overflow: hidden; background: #fff; padding: 25px 30px; }
.gdlr-core-portfolio-metro{ overflow: hidden; }
.gdlr-core-portfolio-item .gdlr-core-portfolio-read-more-wrap{ position: relative; margin-top: 20px; margin-bottom: 8px; }
.gdlr-core-portfolio-item .gdlr-core-portfolio-read-more{ text-transform: uppercase; font-weight: bold; letter-spacing: 0.5px; }
.gdlr-core-portfolio-fixed-metro-item.gdlr-core-half-height{ position: relative; overflow: hidden; }
.gdlr-core-portfolio-fixed-metro-item.gdlr-core-half-height .gdlr-core-portfolio-thumbnail{ position: static; } .gdlr-core-portfolio-single-nav-wrap{ border-top: 2px; border-style: solid; padding: 47px 0px; }
.gdlr-core-portfolio-single-nav-area{ position: relative; }
.gdlr-core-portfolio-single-nav i{ font-size: 25px; }
.gdlr-core-portfolio-single-nav .gdlr-core-portfolio-text{ font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: 1.5px; }
.gdlr-core-portfolio-single-nav-left{ float: left; }
.gdlr-core-portfolio-single-nav-left i{ margin-right: 15px; vertical-align: middle; }
.gdlr-core-portfolio-single-nav-right{ float: right; }
.gdlr-core-portfolio-single-nav-right i{ margin-left: 15px; vertical-align: middle; }
.gdlr-core-portfolio-single-nav-wrap.gdlr-core-style-2{ border-top: 0px; position: relative; text-align: center; }
.gdlr-core-portfolio-single-nav-wrap.gdlr-core-style-2 .gdlr-core-portfolio-single-nav i{ font-size: 20px; margin-right: 20px; background: #f3f3f3; padding: 14px; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-portfolio-single-nav-wrap.gdlr-core-style-2 .gdlr-core-portfolio-single-nav .gdlr-core-portfolio-text{ font-size: 17px; text-transform: none; 
letter-spacing: 0px; font-weight: 500; display: inline-block; vertical-align: middle; }
.gdlr-core-portfolio-single-nav-wrap.gdlr-core-style-2 .gdlr-core-portfolio-single-nav-middle{ font-size: 22px; background: #f3f3f3; padding: 13px;
position: absolute; top: 0px; left: 50%; margin-left: -24px; line-height: 0; }
.gdlr-core-portfolio-single-related {  padding-top: 70px; }
.gdlr-core-portfolio-single-related .gdlr-core-portfolio-single-related-head{ font-size: 22px; margin-bottom: 42px; }
.gdlr-core-portfolio-single-related.gdlr-core-style-grid .gdlr-core-portfolio-item-holder{ margin-bottom: 20px; }
.gdlr-core-portfolio-single-related.gdlr-core-style-modern .gdlr-core-portfolio-item-holder{ margin-bottom: 30px; } ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-half{ margin-left: 0px; list-style: none; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-half li{ float: left; width: 50%; margin-bottom: 8px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-half li.menu-item-has-children{ }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-half li ul{ list-style: none; margin-left: 18px; margin-top: 8px; margin-bottom: 0px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-half:after, 
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-half li ul:after{ content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-half li:nth-child(2n-1){ clear: left; }
@media only screen and (max-width: 1050px){ 
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-half li{ width: auto; float: none; } 
}
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list{ margin-left: 0px; list-style: none; font-size: 14px; font-weight: 500; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li{ border-bottom-width: 1px; border-bottom-style: solid; padding: 13px 0px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li a{ display: inline-block; padding-left: 15px; border-left-width: 3px; border-left-style: solid; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li a:before{ content: "\f178"; font-family: "fontAwesome"; padding-right: 12px; margin-left: -26px; opacity: 0;
transition: opacity 200ms, margin-left 200ms; -moz-transition: opacity 200ms, margin-left 200ms; 
-o-transition: opacity 200ms, margin-left 200ms; -webkit-transition: opacity 200ms, margin-left 200ms; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li a:hover:before,
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li.current-menu-item a:before,
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li.current-menu-ancestor a:before{ opacity: 1; margin-left: 0px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2{ margin-left: 0px; list-style: none; font-size: 14px; font-weight: 500; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2 li{ border-bottom-width: 1px; border-bottom-style: solid; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2 li:first-child{ border-top-width: 1px; border-top-style: solid; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2 li a{ font-weight: 600; display: inline-block; padding: 10px 0px; 
border-left-width: 0px; border-left-style: solid; border-left-color: transparent; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2 li a:before{ content: "\24"; font-family: "ElegantIcons"; padding-right: 12px; 
font-size: 18px; vertical-align: middle; opacity: 1; margin-left: 0px; font-weight: normal;
transition: opacity 200ms, margin-left 200ms; -moz-transition: opacity 200ms, margin-left 200ms; 
-o-transition: opacity 200ms, margin-left 200ms; -webkit-transition: opacity 200ms, margin-left 200ms; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2 li a:hover,
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2 li.current-menu-item a,
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2 li.current-menu-ancestor a{ border-left-width: 3px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2 li a:hover:before,
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2 li.current-menu-item a:before,
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list2 li.current-menu-ancestor a:before{ opacity: 1; margin-left: 12px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list3{ margin-left: 0px; list-style: none; font-size: 14px; font-weight: 500; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list3 li{ border-bottom-width: 1px; border-bottom-style: solid; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list3 li a{ font-weight: 600; display: inline-block; padding: 10px 0px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list3 li a:before{ content: "\24"; display: inline-block; font-family: "ElegantIcons";
font-size: 18px; vertical-align: middle; width: 0px; opacity: 0; font-weight: normal;
transition: opacity 200ms, width 200ms; -moz-transition: opacity 200ms, width 200ms; 
-o-transition: opacity 200ms, width 200ms; -webkit-transition: opacity 200ms, width 200ms; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list3 li a:hover:before,
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list3 li.current-menu-item a:before,
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list3 li.current-menu-ancestor a:before{ opacity: 1; width: 30px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-plain{ margin-left: 0px; list-style: none; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-plain li{ margin-bottom: 8px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-box{ list-style: none; margin-left: 0px; font-weight: 600; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-box li a{ display: block; background: #f3f3f3; margin-bottom: 2px; padding: 12px 22px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-box li a:after{ content: "\f105"; font-family: fontAwesome; float: right;}
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-box2{ list-style: none; margin-left: 0px; font-weight: 600; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-box2:after{ content: " "; border-bottom-width: 5px; border-bottom-style: solid; display: block; margin-top: 28px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-box2 li a{ display: block; background: #f3f3f3; margin-bottom: 4px; padding: 17px 22px 19px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-box2 li a:after{ content: "\f178"; font-family: fontAwesome; float: right;}
.gdlr-core-custom-menu-widget .gdlr-core-nav-side-text.gdlr-core-with-bg{ text-transform: uppercase; font-size: 12px; font-weight: 500; } .gdlr-core-recent-comment-widget .gdlr-core-recent-comment-widget-item{ padding-top: 22px; border-top-width: 1px; border-top-style: solid; margin-bottom: 23px; }
.gdlr-core-recent-comment-widget .gdlr-core-recent-comment-widget-item:first-child{ padding-top: 0px; border-top: none; }
.gdlr-core-recent-comment-widget .gdlr-core-recent-comment-widget-avatar{ overflow: hidden; border-radius: 50%; float: left; margin-right: 25px; width: 50px; }
.gdlr-core-recent-comment-widget .gdlr-core-recent-comment-widget-content{ overflow: hidden; }
.gdlr-core-recent-comment-widget .gdlr-core-recent-comment-widget-author{ font-weight: bold; }
.gdlr-core-recent-comment-widget .gdlr-core-recent-comment-widget-author{ font-size: 16px; margin-bottom: 10px; }
.gdlr-core-recent-comment-widget .gdlr-core-recent-comment-widget-excerpt{ font-size: 14px; } .gdlr-core-recent-post-widget-wrap.gdlr-core-style-1{ padding-top: 8px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-1 .gdlr-core-recent-post-widget{ margin-bottom: 20px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-1 .gdlr-core-recent-post-widget-thumbnail{ float: left; max-width: 75px; margin-right: 23px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-1 .gdlr-core-recent-post-widget-title{ font-size: 16px; font-weight: 600; margin-bottom: 2px; margin-top: -5px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-1 .gdlr-core-recent-post-widget-content{ overflow: hidden; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-1 .gdlr-core-blog-info{ display: inline-block; margin-right: 20px; font-size: 11px; line-height: 15px; text-transform: uppercase; letter-spacing: 0.5px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-1 .gdlr-core-blog-info i{ display: inline-block; font-size: 15px; margin-right: 8px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-1 .gdlr-core-blog-info .gdlr-core-head{ vertical-align: middle; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-3{ padding-top: 8px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-3 .gdlr-core-recent-post-widget{ margin-bottom: 20px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-3 .gdlr-core-recent-post-widget-thumbnail{ float: left; max-width: 75px; margin-right: 23px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-3 .gdlr-core-recent-post-widget-title{ font-size: 14px; font-weight: 800; margin-bottom: 8px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-3 .gdlr-core-recent-post-widget-content{ overflow: hidden; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-3 .gdlr-core-blog-info{ display: inline-block; margin-right: 20px; font-size: 13px; line-height: 15px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-3 .gdlr-core-blog-info i{ display: inline-block; font-size: 15px; margin-right: 8px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-4{ padding-top: 8px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-4 .gdlr-core-recent-post-widget{ margin-bottom: 30px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-4 .gdlr-core-recent-post-widget-thumbnail{ float: left; max-width: 60px; margin-right: 23px; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-4 .gdlr-core-recent-post-widget-title{ font-size: 18px; font-weight: 700; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-4 .gdlr-core-recent-post-widget-content{ overflow: hidden; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-4 .gdlr-core-blog-info{ display: inline-block; margin-right: 20px; font-size: 15px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-4 .gdlr-core-blog-info i{ display: none; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-4 .gdlr-core-blog-info .gdlr-core-head{ vertical-align: middle; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-2 .gdlr-core-recent-post-widget-title{ font-size: 16px; font-weight: 600; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-2 .gdlr-core-recent-post-widget-info i{ display: none; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-2 .gdlr-core-recent-post-widget-info{ font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-2 .gdlr-core-recent-post-widget-content{ margin-bottom: 20px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-5 .gdlr-core-recent-post-widget-title{ font-size: 16px; font-weight: 500; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-5 .gdlr-core-recent-post-widget-info i{ display: none; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-5 .gdlr-core-recent-post-widget-info{ font-size: 13px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-5 .gdlr-core-recent-post-widget-content{ margin-bottom: 20px; padding-top: 20px; border-top-width: 1px; border-top-style: solid; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-5 .gdlr-core-recent-post-widget:first-child .gdlr-core-recent-post-widget-content{ padding-top: 0px; border: 0px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-6 .gdlr-core-recent-post-widget{ margin-bottom: 25px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-6 .gdlr-core-recent-post-widget-thumbnail{ float: left; max-width: 80px; margin-right: 20px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-6 .gdlr-core-recent-post-widget-content{ overflow: hidden; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-6 .gdlr-core-recent-post-widget-title{ font-size: 18px; font-weight: 500; line-height: 1.3; margin-bottom: 10px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-6 .gdlr-core-recent-post-widget-info{ font-size: 15px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-6 .gdlr-core-blog-info .gdlr-core-blog-info-sep{ margin: 0px 15px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-6 .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep{ display: none; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-full .gdlr-core-recent-post-widget{ margin-bottom: 30px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-full .gdlr-core-recent-post-widget-thumbnail{ margin-bottom: 20px; position: relative; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-full .gdlr-core-recent-post-widget-title{ font-size: 16px; font-weight: 600; margin-bottom: 4px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-full .gdlr-core-blog-info{ display: inline-block; margin-right: 20px; font-size: 11px; line-height: 15px; text-transform: uppercase; letter-spacing: 0.5px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-full .gdlr-core-blog-info i{ display: inline-block; font-size: 15px; margin-right: 8px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-full .gdlr-core-recent-post-widget-thumbnail .gdlr-core-blog-info-category{ 
position: absolute; left: 18px; top: 16px; font-size: 12px; line-height: 1; padding: 8px 15px; text-transform: none; letter-spacing: 0px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-full .gdlr-core-recent-post-widget-thumbnail .gdlr-core-blog-info-category a,
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-full .gdlr-core-recent-post-widget-thumbnail .gdlr-core-blog-info-category span{ color: #fff; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-full .gdlr-core-recent-post-widget-thumbnail .gdlr-core-blog-info-category .gdlr-core-head{ display: none; }
.gdlr-core-recent-post-widget-wrap.gdlr-core-style-full .gdlr-core-recent-post-widget-thumbnail .gdlr-core-recent-post-widget-thumbnail-video{ margin-left: -30px; margin-top: -30px;
font-size: 16px; position: absolute; top: 50%; left: 50%; background: #fff; padding: 20px 17px 20px 23px; width: 60px; height: 60px; text-align: center; line-height: 20px; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .gdlr-core-post-slider-widget-wrap{ padding-top: 8px; }
.gdlr-core-post-slider-widget-overlay{ top: auto; }
.gdlr-core-post-slider-widget-overlay .gdlr-core-post-slider-widget-title{ font-size: 18px; margin-bottom: 8px; display: block; }
.gdlr-core-post-slider-widget-overlay .gdlr-core-image-overlay-content{ position: relative; left: 0px; right: 0px; padding: 23px 28px 23px; text-align: left; }
.gdlr-core-post-slider-widget-overlay .gdlr-core-blog-info{ display: inline-block; margin-right: 18px; font-size: 11px; text-transform: uppercase; }
.gdlr-core-post-slider-widget-overlay .gdlr-core-blog-info i{ font-size: 15px; margin-right: 10px; } .gdlr-core-portfolio-slider-widget-wrap{ padding-top: 8px; }
.gdlr-core-portfolio-slider-widget-wrap .gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-title{ font-size: 16px; 
text-transform: none; letter-spacing: 0px; font-weight: 600; letter-spacing: 0.3; } .gdlr-core-recent-portfolio-widget-wrap{ padding-top: 8px; }
.gdlr-core-recent-portfolio-widget{ max-width: 103px; float: left; margin-right: 10px; margin-bottom: 10px; } .gdlr-core-instagram-item .gdlr-core-instagram-item-title{ font-size: 24px; text-transform: uppercase; text-align: center; 
letter-spacing: 1px; margin-bottom: 10px; }
.gdlr-core-instagram-item .gdlr-core-instagram-item-title-wrap{ margin-bottom: 30px; }
.gdlr-core-instagram-item .flexslider ul li img{ display: block; }
.gdlr-core-instagram-item .gdlr-core-instagram-item-title-nav{ font-size: 22px; text-align: center; }
.gdlr-core-instagram-item .gdlr-core-instagram-item-title-nav i{ margin: 0px 12px; cursor: pointer; }
.gdlr-core-instagram-item .gdlr-core-instagram-item-content a{ display: block; padding-bottom: 100%; position: relative; }
.gdlr-core-instagram-item .flexslider ul.slides a{ display: block; padding-bottom: 100%; position: relative; }
.gdlr-core-instagram-item .gdlr-core-media-image img{ object-fit: cover; width: 100%; height: 100%; position: absolute; } ul.gdlr-core-twitter-widget-wrap{ list-style: none; margin-left: 0px; }
ul.gdlr-core-twitter-widget-wrap li{ margin-bottom: 30px; }
ul.gdlr-core-twitter-widget-wrap li:before{ content: "\f099"; font-family: "fontAwesome"; float: left; 
font-size: 18px; margin-right: 25px; }
ul.gdlr-core-twitter-widget-wrap li .gdlr-core-twitter-widget{ overflow: hidden; }
ul.gdlr-core-twitter-widget-wrap li .gdlr-core-twitter-widget-content{ display: block; margin-bottom: 15px; }
ul.gdlr-core-twitter-widget-wrap li .gdlr-core-twitter-widget-date{ display: block; font-size: 13px; }
ul.gdlr-core-twitter-content-list{ list-style: none; margin-left: 0px; margin-bottom: 0px; }
ul.gdlr-core-twitter-content-list li{ margin-bottom: 25px; }
ul.gdlr-core-twitter-content-list li:last-child{ margin-bottom: 0px; }
.gdlr-core-twitter-item-list .gdlr-core-twitter-item-list-date{ display: block; margin-top: 12px; } .gdlr-core-event-item .gdlr-core-event-item-info-wrap{ font-size: 15px; }
.gdlr-core-event-item .gdlr-core-event-item-info-wrap .gdlr-core-head{ margin-right: 10px; }
.gdlr-core-event-item-info.gdlr-core-type-start-date-month{ display: block; float: left; width: 40px; text-align: center; 
white-space: nowrap; margin-right: 25px; border-bottom-width: 3px; border-bottom-style: solid; padding-bottom: 10px; }
.gdlr-core-type-start-date-month .gdlr-core-date{ font-size: 34px; line-height: 1; font-weight: 700; display: block; }
.gdlr-core-type-start-date-month .gdlr-core-month{ font-size: 17px; display: block; font-weight: 700; text-transform: uppercase; }
.gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-widget{ margin-bottom: 28px; }
.gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-item-title{ font-size: 23px; margin-bottom: 15px; }
.gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-item-content-wrap{ overflow: hidden; }
.gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-item-info{ margin-bottom: 2px; margin-right: 25px; }
.gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail{ margin-bottom: 25px; }
.gdlr-core-event-item-list.gdlr-core-style-widget.gdlr-core-with-border .gdlr-core-event-widget{ padding-bottom: 28px; border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-event-item-list.gdlr-core-style-widget.gdlr-core-with-border .gdlr-core-event-widget{ padding-bottom: 28px; }
.gdlr-core-event-item-list.gdlr-core-style-widget.gdlr-core-with-border:last-child .gdlr-core-event-widget{ padding-bottom: 0px; border-bottom-width: 0px; }
.gdlr-core-event-item-list.gdlr-core-style-grid{ margin-bottom: 35px; }
.gdlr-core-event-item-list.gdlr-core-style-grid .gdlr-core-event-item-thumbnail{ overflow: hidden; }
.gdlr-core-event-item-list.gdlr-core-style-grid.gdlr-core-without-frame .gdlr-core-event-item-thumbnail{ margin-bottom: 28px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-event-item-list.gdlr-core-style-grid .gdlr-core-event-item-title{ font-size: 19px; margin-bottom: 14px; font-weight: 700; }
.gdlr-core-event-item-list.gdlr-core-style-grid .gdlr-core-event-item-content-wrap{ overflow: hidden; }
.gdlr-core-event-item-list.gdlr-core-style-grid .gdlr-core-event-item-info{ display: block; margin-bottom: 2px; }
.gdlr-core-event-item-list.gdlr-core-style-grid2{ margin-bottom: 35px; }
.gdlr-core-event-item-list.gdlr-core-style-grid2 .gdlr-core-event-item-thumbnail{ overflow: hidden; }
.gdlr-core-event-item-list.gdlr-core-style-grid2.gdlr-core-without-frame .gdlr-core-event-item-thumbnail{ margin-bottom: 28px; overflow: hidden; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-event-item-list.gdlr-core-style-grid2 .gdlr-core-event-item-title{ font-size: 19px; margin-bottom: 22px; font-weight: 700; }
.gdlr-core-event-item-list.gdlr-core-style-grid2 .gdlr-core-event-item-content-wrap{ overflow: hidden; }
.gdlr-core-event-item-list.gdlr-core-style-grid2 .gdlr-core-event-item-info{ display: block; margin-bottom: 2px; font-weight: 600; }
.gdlr-core-event-item-list.gdlr-core-style-grid2 .gdlr-core-event-item-info.gdlr-core-type-start-time{ margin-bottom: 10px; font-weight: 400; }
.gdlr-core-event-item-list .gdlr-core-frame{ background: #fff; padding: 20px 32px 30px; }
.widget .gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-item-title{ font-size: 19px; margin-bottom: 13px; }
@media only screen and (max-width: 768px){
.gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail.gdlr-core-extend{ margin-left: -50px; }
}
@media only screen and (min-width: 768px) and (max-width: 1170px){ 
.gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail.gdlr-core-extend{ margin-left: -100px; }
}
@media only screen and (min-width: 1171px) and (max-width: 1400px){ 
.gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail.gdlr-core-extend{ margin-left: -200px; }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px){ 
.gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail.gdlr-core-extend{ margin-left: -300px; }
}
@media only screen and (min-width: 1601px){ 
.gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail.gdlr-core-extend{ margin-left: -400px; }
}
@media only screen and (max-width: 768px){
.rtl .gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail.gdlr-core-extend{ margin-left: 0px; margin-right: -50px; }
}
@media only screen and (min-width: 768px) and (max-width: 1170px){ 
.rtl .gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail.gdlr-core-extend{ margin-left: 0px; margin-right: -100px; }
}
@media only screen and (min-width: 1171px) and (max-width: 1400px){ 
.rtl .gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail.gdlr-core-extend{ margin-left: 0px; margin-right: -200px; }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px){ 
.rtl .gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail.gdlr-core-extend{ margin-left: 0px; margin-right: -300px; }
}
@media only screen and (min-width: 1601px){ 
.rtl .gdlr-core-event-item-list .gdlr-core-evet-widget-thumbnail.gdlr-core-extend{ margin-left: 0px; margin-right: -400px; }
} .gdlr-core-newsletter-item.gdlr-core-style-rectangle .gdlr-core-newsletter-form{ max-width: 535px; margin: 0px auto; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle .gdlr-core-newsletter-email{ float: left; width: 70%; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle .gdlr-core-newsletter-submit{ overflow: hidden; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle .gdlr-core-newsletter-email input[type="email"]{ width: 100%; font-size: 15px; line-height: 20px; border-width: 1px; padding: 19px 20px; height: 58px; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle .gdlr-core-newsletter-submit input[type="submit"]{ display: block; width: 100%; font-size: 15px; line-height: 20px; padding: 19px 0px; height: 58px; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle-tbutton .gdlr-core-newsletter-form{ max-width: 535px; margin: 0px auto; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle-tbutton .gdlr-core-newsletter-email{ float: left; width: 70%; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle-tbutton .gdlr-core-newsletter-submit{ overflow: hidden; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle-tbutton .gdlr-core-newsletter-email input[type="email"]{ width: 98%; margin-right: 2%; font-size: 15px; line-height: 20px; border-width: 1px; padding: 19px 20px; height: 58px; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle-tbutton .gdlr-core-newsletter-submit input[type="submit"]{ display: block; width: 100%; font-size: 15px; line-height: 20px; padding: 17px 0px; height: 58px;
background: transparent; border-width: 2px; border-style: solid; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle-full .gdlr-core-newsletter-form{ max-width: 535px; margin: 0px auto; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle-full .gdlr-core-newsletter-email{ margin-bottom: 14px; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle-full .gdlr-core-newsletter-email input[type="email"]{ width: 100%; font-size: 13px; line-height: 20px; border-width: 1px; padding: 15px 20px; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle-full .gdlr-core-newsletter-submit input[type="submit"]{ display: block; width: 100%; font-size: 12px; font-weight: 600; line-height: 20px; padding: 14px 0px; }
.gdlr-core-newsletter-item.gdlr-core-style-transparent-bottom-border .gdlr-core-newsletter-form{ max-width: 535px; margin: 0px auto; }
.gdlr-core-newsletter-item.gdlr-core-style-transparent-bottom-border .gdlr-core-newsletter-email{ float: left; width: 70%; padding-right: 20px; }
.gdlr-core-newsletter-item.gdlr-core-style-transparent-bottom-border .gdlr-core-newsletter-submit{ overflow: hidden; }
.gdlr-core-newsletter-item.gdlr-core-style-transparent-bottom-border .gdlr-core-newsletter-email input[type="email"]{ width: 100%; font-size: 16px; line-height: 20px; padding: 10px 0px; height: 48px;
border-width: 0 0 2px 0; border-bottom-style: solid; background: transparent !important; }
.gdlr-core-newsletter-item.gdlr-core-style-transparent-bottom-border .gdlr-core-newsletter-submit input[type="submit"]{ display: block; width: 100%; font-size: 13px; line-height: 20px; padding: 10px 0px; height: 48px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-form{ max-width: 535px; margin: 0px auto; }
.gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-email{ float: left; width: 70%; padding-right: 10px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-submit{ overflow: hidden; }
.gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-email input[type="email"]{ width: 100%; font-size: 15px; line-height: 20px; border-width: 0px; padding: 19px 20px; height: 58px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-submit input[type="submit"]{ display: block; width: 100%; font-size: 16px; line-height: 20px; padding: 19px 0px; height: 58px; 
text-transform: none; font-weight: normal; letter-spacing: 0px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-newsletter-item.gdlr-core-style-round .gdlr-core-newsletter-email{ float: left; padding-right: 12px; width: 65%; }
.gdlr-core-newsletter-item.gdlr-core-style-round .gdlr-core-newsletter-submit{ float: left; width: 35%; }
.gdlr-core-newsletter-item.gdlr-core-style-round .gdlr-core-newsletter-email input[type="email"]{ font-size: 15px; height: 51px; line-height: 21px; padding: 10px 25px; border-width: 1px; width: 100%; }
.gdlr-core-newsletter-item.gdlr-core-style-round .gdlr-core-newsletter-submit input[type="submit"]{ height: 51px; font-size: 12px; font-weight: 600; }
.gdlr-core-newsletter-item.gdlr-core-style-round .gdlr-core-newsletter-email input[type="email"],
.gdlr-core-newsletter-item.gdlr-core-style-round .gdlr-core-newsletter-submit input[type="submit"]{ border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-form{ position: relative; 
border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-email{ float: left; padding-right: 12px; width: 100%; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-submit{ float: left; position: absolute; right: 0px; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-email input[type="email"]{ font-size: 15px; height: 55px; line-height: 21px; 
padding: 11px 25px 11px 58px; border-width: 1px; width: 100%; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-submit input[type="submit"]{ height: 54px; font-size: 12px; font-weight: 600; padding-left: 40px; padding-right: 40px; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-email input[type="email"],
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-submit input[type="submit"]{ border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-email:before{ font-family: fontAwesome; content: "\f1d8"; position: absolute; top: 50%; margin-top: -14px; left: 28px; }
.gdlr-core-newsletter-item.gdlr-core-style-round3 .gdlr-core-newsletter-form{ position: relative; 
border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
.gdlr-core-newsletter-item.gdlr-core-style-round3 .gdlr-core-newsletter-email{ float: left; padding-right: 12px; width: 100%; }
.gdlr-core-newsletter-item.gdlr-core-style-round3 .gdlr-core-newsletter-submit{ float: left; position: absolute; right: 0px; opacity: 0; }
.gdlr-core-newsletter-item.gdlr-core-style-round3 .gdlr-core-newsletter-email input[type="email"]{ font-size: 15px; height: 55px; line-height: 21px; 
padding: 11px 25px 11px 30px; border-width: 1px; width: 100%; }
.gdlr-core-newsletter-item.gdlr-core-style-round3 .gdlr-core-newsletter-submit input[type="submit"]{ height: 54px; font-size: 12px; font-weight: 600; padding-left: 40px; padding-right: 40px; }
.gdlr-core-newsletter-item.gdlr-core-style-round3 .gdlr-core-newsletter-email input[type="email"],
.gdlr-core-newsletter-item.gdlr-core-style-round3 .gdlr-core-newsletter-submit input[type="submit"]{ border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
.gdlr-core-newsletter-item.gdlr-core-style-round3 .gdlr-core-newsletter-email:before{ font-family: fontAwesome; content: "\f1d8"; position: absolute; top: 50%; margin-top: -14px; right: 40px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve2 .gdlr-core-newsletter-submit:after{ content: "\f0a9"; font-family: fontAwesome; 
font-size: 25px; line-height: 1; position: absolute; top: 50%; right: 50%; margin-top: -12px; margin-right: -12px; color: #fff; }
.gdlr-core-newsletter-item.gdlr-core-style-curve2 .gdlr-core-newsletter-form{ position: relative; max-width: 400px; margin-left: auto; margin-right: auto;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve2 .gdlr-core-newsletter-email{ float: left; padding-right: 12px; width: 100%; }
.gdlr-core-newsletter-item.gdlr-core-style-curve2 .gdlr-core-newsletter-submit{ float: left; position: absolute; right: 0px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve2 .gdlr-core-newsletter-email input[type="email"]{ font-size: 15px; height: 46px; line-height: 21px; 
padding: 6px 20px; border-width: 1px; width: 100%; }
.gdlr-core-newsletter-item.gdlr-core-style-curve2 .gdlr-core-newsletter-submit input[type="submit"]{ height: 46px; width: 60px; padding: 0; font-size: 12px; font-weight: 600; padding-left: 0px; padding-right: 0px; color: transparent !important; }
.gdlr-core-newsletter-item.gdlr-core-style-curve2 .gdlr-core-newsletter-email input[type="email"],
.gdlr-core-newsletter-item.gdlr-core-style-curve2 .gdlr-core-newsletter-submit input[type="submit"]{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve3 .gdlr-core-newsletter-submit:after{ content: "\e94e"; font-family: 'gdl-custom-set';
font-size: 20px; line-height: 1; position: absolute; top: 50%; right: 50%; margin-top: -10px; margin-right: -10px; color: #fff; }
.gdlr-core-newsletter-item.gdlr-core-style-curve3 .gdlr-core-newsletter-form{ position: relative; max-width: 400px; margin-left: auto; margin-right: auto; }
.gdlr-core-newsletter-item.gdlr-core-style-curve3 .gdlr-core-newsletter-email{ float: left; padding-right: 65px; width: 100%; }
.gdlr-core-newsletter-item.gdlr-core-style-curve3 .gdlr-core-newsletter-submit{ float: left; position: absolute; right: 0px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve3 .gdlr-core-newsletter-email input[type="email"]{ font-size: 15px; height: 55px; line-height: 21px; 
padding: 6px 20px; border-width: 0px; width: 100%; 
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) }
.gdlr-core-newsletter-item.gdlr-core-style-curve3 .gdlr-core-newsletter-submit input[type="submit"]{ height: 55px; width: 55px; padding: 0; font-size: 12px; font-weight: 600; padding-left: 0px; padding-right: 0px; color: transparent !important; }
.gdlr-core-newsletter-item.gdlr-core-style-curve3 .gdlr-core-newsletter-form{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve3 .gdlr-core-newsletter-email input[type="email"],
.gdlr-core-newsletter-item.gdlr-core-style-curve3 .gdlr-core-newsletter-submit input[type="submit"]{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve3.gdlr-core-rectangle .gdlr-core-newsletter-form{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.gdlr-core-newsletter-item.gdlr-core-style-curve3.gdlr-core-rectangle .gdlr-core-newsletter-email input[type="email"],
.gdlr-core-newsletter-item.gdlr-core-style-curve3.gdlr-core-rectangle .gdlr-core-newsletter-submit input[type="submit"]{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.gdlr-core-with-fa-send-o-button form{ position: relative; }
.gdlr-core-with-fa-send-o-button form div.tnp-field{ margin-bottom: 0px; }
.gdlr-core-with-fa-send-o-button form input[type="email"]{ padding-left: 20px; padding-right: 50px; }
.gdlr-core-with-fa-send-o-button .tnp-field-button input[type="submit"]{ position: absolute; right: 0px; top: 0px; bottom: 0px; opacity: 0; }
.gdlr-core-with-fa-send-o-button .tnp-field-button:after{ font-family: fontAwesome; content: "\f1d8"; position: absolute; 
right: 18px; top: 50%; font-size: 16px; line-height: 20px; margin-top: -10px; pointer-events: none; }
.gdlr-core-with-fa-send-o-button form input[type="email"]{ color: #888; }
.gdlr-core-with-fa-send-o-button form input[type="email"]::-webkit-input-placeholder{ color: #888; }
.gdlr-core-with-fa-send-o-button form input[type="email"]::-moz-placeholder{ color: #888; }
.gdlr-core-with-fa-send-o-button form input[type="email"]:-ms-input-placeholder{ color: #888; }
.gdlr-core-with-fa-send-o-button form input[type="email"]:-moz-placeholder{ color: #888; }
.tnp.gdlr-core-style-2 .tnp-field-button input[type="submit"]{ opacity: 1; text-indent: -150px; width: 50px;
border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
.tnp.gdlr-core-style-2 form input[type="email"]{ padding-right: 20px; 
border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
.tnp.gdlr-core-style-2 .tnp-field-email{ margin-right: 56px; }
.tnp.gdlr-core-style-2 .tnp-field-button:after{ content: "\f0da"; right: 20px; } .gdlr-core-product-category-item .gdlr-core-product-category-thumbnail.gdlr-core-media-image{ margin-bottom: 30px; }
.gdlr-core-product-category-item .gdlr-core-product-category-title{ font-size: 18px; margin-bottom: 8px; }
.gdlr-core-product-category-item .gdlr-core-item-list{ margin-bottom: 50px; }
.gdlr-core-product-category-item .gdlr-core-product-category-read-more{ font-size: 14px; text-transform: uppercase; }
.gdlr-core-product-category-item .gdlr-core-product-category-read-more:after{ content: "\f178"; font-family: 'FontAwesome'; text-align: right; display: inline-block; margin-left: 10px; opacity: 0;
transform: translateX(-10px); transition: opacity 300ms, transform 300ms; }
.gdlr-core-product-category-item .gdlr-core-product-category-read-more:hover:after{ opacity: 1; transform: translateX(0px); }
.woocommerce span.onsale{ color: #fff; border-radius: 100%; position: absolute; line-height: 48px; font-weight: 600; width: 48px; height: 48px; font-size: 13px; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail{ position: relative; margin-bottom: 38px; overflow: hidden; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail-info{ position: absolute; 
bottom: -58px; left: 0px; right: 0px; text-align: center; opacity: 0;
transition: opacity 200ms, bottom 200ms; -moz-transition: opacity 200ms, bottom 200ms; 
-o-transition: opacity 200ms, bottom 200ms; -webkit-transition: opacity 200ms, bottom 200ms; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail-info > a{ float: left; width: 50%; height: 58px; 
font-size: 15px; line-height: 20px; font-weight: normal; padding: 19px 10px 0px; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail-info i{ font-size: 16px; margin-right: 12px; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail:hover .gdlr-core-product-thumbnail-info{ opacity: 1; bottom: 0px; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail .gdlr-core-product-add-to-cart.added{ display: none; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail .added_to_cart:before{ content: "\e015"; font-size: 16px; 
margin-right: 12px; font-family: ElegantIcons; display: inline-block; vertical-align: text-top; margin-top: -2px; }
.gdlr-core-product-item .gdlr-core-product-attributes{ margin-bottom: 20px; font-size: 17px; }
.gdlr-core-product-item .gdlr-core-product-att .gdlr-head{ margin-right: 10px; }
.gdlr-core-product-item .gdlr-core-product-att .gdlr-head:after{ content: ':'; }
.gdlr-core-product-item .gdlr-core-product-att .gdlr-tail{ font-weight: bold; }
.gdlr-core-product-grid{ margin-bottom: 60px; }
.flexslider .gdlr-core-product-grid{ margin-bottom: 0px; }
.gdlr-core-product-grid .gdlr-core-product-grid-content-wrap{ text-align: center; }
.gdlr-core-product-grid .gdlr-core-product-grid-content-wrap .onsale{ position: static; 
display: inline-block; vertical-align: middle; margin-right: 20px; }
.gdlr-core-product-grid .gdlr-core-product-grid-content{ display: inline-block; vertical-align: middle; }
.gdlr-core-product-grid .gdlr-core-product-title{ font-size: 17px; margin-bottom: 10px; }
.gdlr-core-product-grid .gdlr-core-product-price{ font-size: 15px; font-weight: 800; }
.gdlr-core-product-grid .gdlr-core-product-price ins{ text-decoration: none; }
.gdlr-core-product-grid .gdlr-core-product-price del{ margin-right: 9px; opacity: 0.5; }
.related.products .gdlr-core-product-grid { margin-bottom: 15px; position: relative; }
ul.gdlr-core-product-sub-category{ margin-left: 0px; list-style: none; margin-bottom: 0px; }
ul.gdlr-core-product-sub-category li{ float: left; margin: 0px 0px 35px; padding: 0px 15px; position: relative; width: 25%; }
ul.gdlr-core-product-sub-category li h3{font-size: 18px;margin-top: 24px;margin-bottom: 0px; }
.gdlr-core-hide-in-desktop,
.gdlr-core-hide-in-desktop-tablet{ display: none; }
.gdlr-core-product-grid-2{ margin-bottom: 60px; }
.flexslider .gdlr-core-product-grid-2{ margin-bottom: 0px; }
.gdlr-core-product-grid-2 .gdlr-core-product-grid-content-wrap{ text-align: center; }
.gdlr-core-product-grid-2 .gdlr-core-product-grid-content{ display: inline-block; vertical-align: middle; }
.gdlr-core-product-grid-2 .gdlr-core-product-title{ font-size: 20px; font-weight: 800; margin-bottom: 8px; }
.gdlr-core-product-grid-2 .gdlr-core-product-price{ font-size: 18px; font-weight: 800; }
.gdlr-core-product-grid-2 .gdlr-core-product-price ins{ text-decoration: none; }
.gdlr-core-product-grid-2 .gdlr-core-product-price del{ margin-right: 9px; opacity: 0.5; }
.woocommerce.gdlr-core-product-style-grid-2 .products .star-rating{ margin-right: auto; margin-left: auto; }
body .gdlr-core-product-item.woocommerce .gdlr-core-product-grid-2 div.star-rating:before, 
body .gdlr-core-product-item.woocommerce .gdlr-core-product-grid-2 div.star-rating span:before { letter-spacing: 0.2em; }
body .gdlr-core-product-item.woocommerce .gdlr-core-product-grid-2 div.star-rating{ margin-top: 10px; width: 6.35em; padding-right: 0px; margin-right: auto; margin-left: auto; text-align: left; }
.gdlr-core-product-item .gdlr-core-product-grid-2 .gdlr-core-product-thumbnail span.onsale{ font-size: 15px; width: 70px; height: 70px; text-align: center; padding: 12px 0px 0px; left: 15px; top: 15px; z-index: 0; }
.gdlr-core-product-item .gdlr-core-product-grid-2 .gdlr-core-product-thumbnail-info{ position: absolute; top: 0; left: 0px; right: 0px; bottom: 0px; background: rgba(255,255,255,0.8); }
.gdlr-core-product-item .gdlr-core-product-grid-2 .gdlr-core-product-thumbnail-info > a{ float: none; width: auto; height: auto; padding: 0px; margin-top: -38px;
font-size: 19px; font-weight: 700; position: absolute; left: 0px; right: 0px; top: 50%; bottom: auto; color: #0c0c0c; background: transparent; }
.gdlr-core-product-item .gdlr-core-product-grid-2 .gdlr-core-product-thumbnail-info .icon_cart_alt:before{ content: "\e013"; }
.gdlr-core-product-item .gdlr-core-product-grid-2 .gdlr-core-product-thumbnail-info i{ font-size: 34px; font-weight: normal; line-height: 34px; display: block; margin-bottom: 23px; margin-right: 0px; }
.gdlr-core-product-item .gdlr-core-product-grid-2 .gdlr-core-product-thumbnail-info > a.added_to_cart:before{ font-size: 34px; font-weight: normal; line-height: 34px; display: block; margin-bottom: 25px; margin-right: 0px; }
.related.products .gdlr-core-product-grid-2{ margin-bottom: 15px; position: relative; }
.gdlr-core-product-item .gdlr-core-product-grid-2 .gdlr-core-product-thumbnail-info.gdlr-core-with-price .amount{ font-size: 24px; font-weight: bold; }
.gdlr-core-product-item .gdlr-core-product-grid-2 .gdlr-core-product-thumbnail-info.gdlr-core-with-price .gdlr-core-product-price{ margin-bottom: 20px; margin-top: 8px; letter-spacing: 0px; }
.gdlr-core-product-item .gdlr-core-product-grid-2 .gdlr-core-product-thumbnail-info.gdlr-core-with-price a{ font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
.gdlr-core-product-grid-3 .gdlr-core-product-title{ margin-bottom: 28px; text-align: left; }
.gdlr-core-product-grid-3 .gdlr-core-product-grid-content{ padding: 30px; background: #fff; border-style: solid; border-width: 0px; }
.gdlr-core-product-grid-3 .gdlr-core-product-price ins{ text-decoration: none; }
.gdlr-core-product-grid-3 .gdlr-core-product-price del{ margin-right: 9px; opacity: 0.5; }
.gdlr-core-product-grid-3 .gdlr-core-product-add-to-cart{ text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: 1px; margin-right: 0px; }
.gdlr-core-product-grid-3 .gdlr-core-product-add-to-cart i{ display: none; }
.gdlr-core-product-item .gdlr-core-product-grid-3 .gdlr-core-product-thumbnail{ margin-bottom: 0px; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-grid-3 .star-rating{ float: right; margin-top: 4px; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-grid-3 .gdlr-core-product-price{ float: left; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-grid-3 .gdlr-core-product-grid-info{ margin-top: -10px; margin-bottom: 5px; }
.gdlr-core-product-grid-3.gdlr-core-button-style-border .gdlr-core-product-grid-content{ text-align: center; }
.gdlr-core-product-grid-3.gdlr-core-button-style-border .gdlr-core-product-add-to-cart{ border-width: 2px; border-style: solid; padding: 14px 25px; display: inline-block;
border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
.gdlr-core-product-grid-3.gdlr-core-without-frame .gdlr-core-product-grid-content{ padding: 30px 0px 0px; background: transparent; }
.gdlr-core-product-grid-3.gdlr-core-with-border .gdlr-core-product-thumbnail{ border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-product-grid-3.gdlr-core-with-border .gdlr-core-product-add-to-cart{ float: right; }
.gdlr-core-product-grid-3 .gdlr-core-product-attributes{ text-align: left; }
.gdlr-core-product-item .gdlr-core-product-grid-3 .gdlr-core-product-thumbnail span.onsale{ font-size: 15px; font-weight: 600; width: 70px; height: 70px; line-height: 70px; text-align: center; left: 15px; top: 15px; z-index: 0; }
.gdlr-core-product-item .gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info{ position: absolute; top: 0; left: 0px; right: 0px; bottom: 0px; background: rgba(255,255,255,0.8); }
.gdlr-core-product-item .gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info > a{ float: none; width: auto; height: auto; padding: 0px; margin-top: -38px;
text-transform: none; letter-spacing: 0px; font-size: 19px; font-weight: 700; position: absolute; left: 0px; right: 0px; top: 50%; bottom: auto; color: #0c0c0c; background: transparent; }
.gdlr-core-product-item .gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info .icon_cart_alt:before{ content: "\e013"; }
.gdlr-core-product-item .gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info i{ font-size: 34px; font-weight: normal; line-height: 34px; display: block; margin-bottom: 23px; margin-right: 0px; }
.gdlr-core-product-item .gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info > a.added_to_cart:before{ font-size: 34px; font-weight: normal; line-height: 34px; display: block; margin-bottom: 25px; margin-right: 0px; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern{ display: flex; justify-content: center;
position: absolute; bottom: 30px; left: 0px; right: 0px; opacity: 0; transition: opacity 300ms; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern,
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern a{ color: #a39fab; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern a:hover{ color: #473e67; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern-inner svg{ max-width: 16px; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern-inner{ display: flex; align-items: center; justify-content: center; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.095); }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern-inner > .yith-wcwl-add-to-wishlist, 
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern-inner > .gdlr-core-product-add-to-cart,
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern-inner > .added_to_cart,
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern-inner > a{ order: 0; width: 42px; height: 42px; background: #fff; text-align: center; padding-top: 0px; line-height: 42px; overflow: hidden; display: block; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern-inner > .yith-wcwl-add-to-wishlist, 
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern-inner > .added_to_cart,
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern-inner > .gdlr-core-product-add-to-cart{ border-right: 1px solid #e7e7e7; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern .gdlr-core-product-add-to-cart span{ display: none; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern .gdlr-core-product-add-to-cart i{ display: inline; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon{ margin-right: 0px; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern .yith-wcwl-add-to-wishlist,
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern .gdlr-core-product-add-to-cart,
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern .added_to_cart,
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern .gdlr-core-product-thumbnail-link{ font-size: 15px; }
.gdlr-core-product-grid-3 .gdlr-core-product-thumbnail:hover .gdlr-core-product-thumbnail-info-modern{ opacity: 1; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-grid-3 .gdlr-core-product-thumbnail-info-modern .added_to_cart:before{ margin-top: -1px; vertical-align: baseline; font-size: inherit; margin-right: auto; margin-left: auto; }
.gdlr-core-product-grid-4{ margin-bottom: 40px; }
.gdlr-core-product-grid-4 .gdlr-core-product-title{ display: inline-block; margin-bottom: 0px; 
padding-bottom: 2px; border-bottom-width: 2px; border-bottom-style: solid; border-color: transparent;
transition: border-color 300ms; -moz-transition: border-color 300ms; -o-transition: border-color 300ms; -webkit-transition: border-color 300ms;  }
.gdlr-core-product-item .gdlr-core-product-grid-4 .gdlr-core-product-thumbnail{ margin-bottom: 20px; }
.gdlr-core-product-item .gdlr-core-product-grid-4 .gdlr-core-product-grid-content{ text-align: center; }
.gdlr-core-product-grid-5{ overflow: hidden; }
.gdlr-core-product-grid-5 .gdlr-core-product-grid-content{ position: relative; padding: 30px; background: #fff; }
.gdlr-core-product-grid-5 .gdlr-core-product-title{ font-size: 25px; font-weight: 600; letter-spacing: 0; }
.gdlr-core-product-grid-5 .gdlr-core-product-excerpt{ margin-bottom: 16px; }
.gdlr-core-product-grid-5 .gdlr-core-product-add-to-cart i{ display: none; }
.gdlr-core-product-grid-5 .gdlr-core-product-grid-info{ margin: 30px -30px -30px; border-top-width: 1px; border-top-style: solid; padding: 20px 30px; }
.gdlr-core-product-grid-5 .gdlr-core-rating{ float: left; }
.gdlr-core-product-grid-5 .gdlr-core-rating .star-rating { letter-spacing: 4px; }
.gdlr-core-product-grid-5 .gdlr-core-rating-count{ font-size: 13px; }
.gdlr-core-product-grid-5 .gdlr-core-product-price{ float: right; }
.gdlr-core-product-grid-5 .gdlr-core-product-price .amount{ font-size: 20px; font-weight: 600; }
.gdlr-core-product-grid-5 .gdlr-core-product-price ins{ text-decoration: none; }
.gdlr-core-product-grid-5 .gdlr-core-product-price del .amount { font-size: 14px; font-weight: normal; }
.gdlr-core-product-grid-5 .add_to_cart_button span{ font-weight: 600; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-grid-5 .star-rating{ margin-bottom: 2px; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-grid-5 .star-rating span::before{ color: #ffc457 }
.gdlr-core-product-item.woocommerce .gdlr-core-product-grid-5 .gdlr-core-product-thumbnail{ margin-bottom: 0px; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-grid-5 span.onsale{ display: inline-block; padding: 9px 20px; width: auto; height: auto; line-height: 1;
min-width: 0px; min-height: 0px; font-weight: 600; left: 50%; top: -16px; 
transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-product-item.woocommerce .star-rating{ float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: star; }
.gdlr-core-product-item.woocommerce .star-rating::before{ content: "\73\73\73\73\73"; color: #d3ced2; float: left; top: 0; left: 0; position: absolute; }
.gdlr-core-product-item.woocommerce .star-rating span{ overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; }
.gdlr-core-product-item.woocommerce .star-rating span::before{ content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; }
.gdlr-core-product-item.woocommerce .gdlr-core-wc-out-of-stock{ line-height: 1; position: absolute; top: 0px; right: 0px; background: #f3f3f3; padding: 7px 12px; }
.gdlr-core-product-table-item .gdlr-core-product-thumbnail{ max-width: 70px; border-width: 1px; border-style: solid; max-width: 60px; overflow: hidden; margin-right: 30px;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.gdlr-core-product-table-item .gdlr-core-item-list-inner{ display: flex; gap: 10px; align-items: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; flex-wrap: wrap; }
.gdlr-core-product-table-head-wrap{ flex-grow: 1; flex-basis: 0; display: flex; align-items: center; }
.gdlr-core-product-table-head-wrap .gdlr-core-product-table-head{ overflow: hidden; }
.gdlr-core-product-table-head-wrap .gdlr-core-title{ font-size: 20px; font-weight: 600; margin-bottom: 5px; }
.gdlr-core-product-table-head-wrap .gdlr-core-caption{ font-size: 14px; }
.gdlr-core-product-table-head-wrap .gdlr-core-caption span{ margin-right: 12px; white-space: nowrap; }
.gdlr-core-product-variation-table{ flex-grow: 1; flex-basis: 0; display: flex; }
.gdlr-core-product-variation-table .gdlr-core-item{ flex-grow: 1; flex-basis: 0; white-space: nowrap; text-align: center; }
.gdlr-core-product-variation-table .gdlr-core-item > div{ padding: 0px 5px; }
.gdlr-core-product-variation-table .gdlr-core-item .amount{ font-size: 15px; }
.gdlr-core-product-table-item .gdlr-core-learn-more{ font-weight: 500; margin-left: 40px; }
.gdlr-core-product-table-item .gdlr-core-now-loading{ position: absolute; background: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/portfolio/now-loading.gif) center no-repeat; 
width: 55px; height: 55px; left: 50%; margin-left: -28px; background-color: #fff; margin-top: 20px; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-product-table-item span.woocommerce-Price-amount.amount{ color: inherit; }
@media only screen and (max-width: 999px){
.gdlr-core-product-table-head-wrap{ flex-direction: column; gap: 20px; text-align: center; }
.gdlr-core-product-table-item .gdlr-core-product-thumbnail{ margin-right: 0px; }
.gdlr-core-product-table-item .gdlr-core-learn-more{ margin-left: 0px; }
.gdlr-core-product-variation-table{ text-align: center; flex-wrap: wrap; }
.gdlr-core-product-table-item .gdlr-core-item-list-inner{ flex-direction: column; }
.gdlr-core-product-table-head-wrap .gdlr-core-title{ margin-bottom: 20px; }
.gdlr-core-product-table-head-wrap .gdlr-core-caption{ margin-bottom: 7px; }
.gdlr-core-product-table-item .gdlr-core-learn-more{ margin-top: 10px; margin-bottom: 20px; margin-left: 0px; }
.gdlr-core-product-table-item .gdlr-core-item-list-inner{ margin-bottom: 38px; }
}
.gdlr-core-product-grid-6{ text-align: center; }
.gdlr-core-product-grid-6 .gdlr-core-product-thumbnail{ border-bottom-width: 1px; border-bottom-style: solid; }
.gdlr-core-product-grid-6 .gdlr-core-product-title{ font-size: 22px; margin-bottom: 8px; }
.gdlr-core-product-grid-6 .gdlr-core-product-price{ font-weight: 600; margin-bottom: 15px; }
.gdlr-core-product-grid-6 .gdlr-core-rating-count{ display: none; }
.gdlr-core-product-grid-6 .gdlr-core-rating{ margin-bottom: 16px; padding-left: 0.4em; }
.gdlr-core-product-grid-6 .gdlr-core-product-add-to-cart i,
.gdlr-core-product-grid-6 .add_to_cart_button i{ margin-right: 10px; display: none; }
.gdlr-core-product-grid-6 .gdlr-core-product-price ins{ text-decoration: none; }
.woocommerce .gdlr-core-product-grid-6 .star-rating{ padding-left: 0.4px; float: none; margin: 0px auto; width: 7.3em; letter-spacing: 0.4em; }
.woocommerce .gdlr-core-product-grid-6 span.onsale{ width: 70px; height: 70px; line-height: 70px; left: 20px; top: 20px; font-size: 16px; font-weight: 500; }
.woocommerce .products .gdlr-core-product-grid-6 .star-rating{ margin-left: auto; margin-right: auto; width: 6.8em; letter-spacing: 0.3em; }
.gdlr-core-product-box:hover{ background: #223439; }
.gdlr-core-product-box:hover .gdlr-core-product-title a{ color: #fff; }
.gdlr-core-product-box:hover .gdlr-core-product-attribute{ color: #5c972b; }
.gdlr-core-product-box{ background: #f5f8f2; }
.gdlr-core-product-box .gdlr-core-product-title a{ color: #223439; }
.gdlr-core-product-box .gdlr-core-product-attribute{ color: #9b9b9b; }
.gdlr-core-product-box{ text-align: center; padding: 25px 20px; position: relative;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
transition: background 300ms; -webkit-transition: background 300ms; -moz-transition: background 300ms; }
.gdlr-core-product-box .gdlr-core-head{ margin-right: 8px; }
.gdlr-core-product-box .gdlr-core-product-link{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.gdlr-core-product-box .gdlr-core-product-title{ font-size: 20px; }
.gdlr-core-product-box span.woocommerce-Price-amount.amount{ font-size: inherit; font-weight: inherit; vertical-align: baseline; }
.gdlr-core-product-box .gdlr-core-product-attribute{ margin-bottom: 5px; 
transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; }
.gdlr-core-product-box span.woocommerce-Price-amount.amount,
.gdlr-core-product-box:hover span.woocommerce-Price-amount.amount{ color: inherit; }
.gdlr-core-product-box span.woocommerce-Price-amount.amount{ margin-bottom: 5px; } .gdlr-core-body .gdlr-core-course-form input,
.gdlr-core-course-form .gdlr-core-course-form-combobox{ background: #3b4b6b; }
.gdlr-core-body .gdlr-core-course-form input,
.gdlr-core-course-form .gdlr-core-course-form-combobox select,
.gdlr-core-course-form .gdlr-core-course-form-combobox:after{ color: #b1c0e0; }
.gdlr-core-body .gdlr-core-course-form input[type="submit"]{ background: #50bd77; }
.gdlr-core-course-form input::-webkit-input-placeholder{ color: #b1c0e0; }
.gdlr-core-course-form input::-moz-placeholder{ color: #b1c0e0; }
.gdlr-core-course-form input:-ms-input-placeholder{ color: #b1c0e0; }
.gdlr-core-course-form input:-moz-placeholder{ color: #b1c0e0; }
.gdlr-core-course-form input{ font-size: 14px; padding: 18px 22px; width: 100%; border: 0px; line-height: 1.7;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-course-form .gdlr-core-course-form-combobox{ position: relative; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-course-form .gdlr-core-course-form-combobox:after{ font-family: fontAwesome; content: "\f107"; font-size: 20px; line-height: 20px;
position: absolute; right: 16px; top: 50%; margin-top: -10px; pointer-events: none; }
.gdlr-core-course-form .gdlr-core-course-form-combobox select{ font-size: 14px; padding: 18px 22px; 
width: 100%; border: 0px; height: auto; line-height: 1.7; background: transparent; }
.gdlr-core-course-form .gdlr-core-course-form-combobox select, 
.gdlr-core-course-form .gdlr-core-course-form-combobox select:focus{ outline: none;
box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.gdlr-core-course-form input[type="submit"]{ font-size: 15px; color: #fff; letter-spacing: 0px; width: 100%; }
.gdlr-core-course-form input[type="submit"].gdlr-core-auto-size{ width: auto; }
.gdlr-core-course-search-item .gdlr-core-search-frame{ padding: 40px 35px; background: #f3f3f3; background-size: cover; background-position: center;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gdlr-core-course-search-item .gdlr-core-course-search-item-title { font-size: 19px; margin-bottom: 35px; }
.gdlr-core-course-search-item .gdlr-core-course-form{ margin-left: -7px; margin-right: -7px; }
.gdlr-core-course-search-item .gdlr-core-course-column{ padding-left: 7px; padding-right: 7px; }
.gdlr-core-course-search-item .gdlr-core-course-search-field{ margin-bottom: 14px; }
.gdlr-core-course-search-item .gdlr-core-course-form-submit{ padding-top: 8px; } .gdlr-core-course-search-page-content-wrap{ float: right; margin-bottom: 50px; }
.gdlr-core-course-search-page{ padding-top: 60px; padding-bottom: 40px; }
.gdlr-core-course-archive-page-content-wrap{ float: right; }
.gdlr-core-course-archive-page{ padding-top: 60px; padding-bottom: 40px; margin-bottom: 50px; } @media only screen and (max-width: 999px){
.gdlr-core-hide-in-desktop{ display: block; }
.gdlr-core-hide-in-tablet,
.gdlr-core-hide-in-tablet-mobile{ display: none; }
.gdlr-core-tablet-column-60{ width: 100%; } .gdlr-core-flexslider-nav, 
.gdlr-core-flexslider .flex-direction-nav,
.gdlr-core-flexslider-custom-nav{ display: none; }
.gdlr-core-flexslider[data-nav="navigation-bottom"] .flex-direction-nav{ display: block; }
.gdlr-core-testimonial-style-left-2 .gdlr-core-testimonial-author-image{ float: none; margin: 0px auto 30px; }
} @media only screen and (max-width: 767px){
.gdlr-core-hide-in-desktop-tablet{ display: block; }
.gdlr-core-hide-in-mobile,
.gdlr-core-hide-in-tablet-mobile{ display: none; }
.gdlr-core-hide-in-tablet{ display: block; }
body .gdlr-core-container{ max-width: 500px; padding-left: 15px; padding-right: 15px; }
body .gdlr-core-container-custom{ max-width: 500px !important; padding-left: 15px; padding-right: 15px; }
.gdlr-core-pbf-wrapper{ padding-left: 0px !important; padding-right: 0px !important; }
.gdlr-core-pbf-wrapper-full{ max-width: 500px; padding-left: 15px; padding-right: 15px; }
.gdlr-core-pbf-column-content-margin{ padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; margin-right: 0px !important; }
.gdlr-core-page-builder-column-right-divider{ display: none; }
.gdlr-core-pbf-wrapper-full-no-space{ max-width: 500px; }
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-pbf-column-content-margin{ padding-left: 30px !important; padding-right: 30px !important; }
.gdlr-core-pbf-background-frame{ display: none; }
.gdlr-core-pbf-background{ background-attachment: inherit !important; } .gdlr-core-pbf-sidebar-wrapper{ margin: 0px !important; overflow: visible; }
.gdlr-core-pbf-sidebar-container{ display: flex; flex-direction: column; width: 100%; }
.gdlr-core-column-extend-left > .gdlr-core-pbf-background-wrap{ margin-left: -30px; margin-right: -30px; } 
.gdlr-core-column-extend-right > .gdlr-core-pbf-background-wrap{ margin-left: -30px; margin-right: -30px; }
.gdlr-core-column-10, .gdlr-core-column-12, .gdlr-core-column-15, .gdlr-core-column-18, .gdlr-core-column-20,
.gdlr-core-column-24, .gdlr-core-column-30, .gdlr-core-column-36, .gdlr-core-column-40, .gdlr-core-column-42,
.gdlr-core-column-45, .gdlr-core-column-48, .gdlr-core-column-50, .gdlr-core-column-60{ width: 100%; }
.gdlr-core-pbf-column-content{ min-height: 0px; }
.gdlr-core-pbf-sidebar-content,
.gdlr-core-pbf-sidebar-right,
.gdlr-core-pbf-sidebar-left{ height: auto !important; padding-left: 0px !important; padding-right: 0px !important; }
.gdlr-core-audio{ padding: 13px 3px 7px; } .gdlr-core-call-to-action-item.gdlr-core-style-left-align-right-button .gdlr-core-call-to-action-item-inner{ padding-right: 0px; }
.gdlr-core-call-to-action-item.gdlr-core-style-left-align-right-button .gdlr-core-call-to-action-item-button{ position: static; margin-top: 45px; }
.gdlr-core-call-to-action-item.gdlr-core-style-right-align-left-button .gdlr-core-call-to-action-item-inner{ padding-left: 0px; }
.gdlr-core-call-to-action-item.gdlr-core-style-right-align-left-button .gdlr-core-call-to-action-item-button{ position: static; margin-top: 45px; }
.gdlr-core-block-item-title-wrap.gdlr-core-left-align .gdlr-core-block-item-title{ display: block; }
.gdlr-core-block-item-title-wrap.gdlr-core-left-align .gdlr-core-separator{ display: none; }
.gdlr-core-block-item-title-wrap .gdlr-core-block-item-read-more{ margin-top: 14px; display: inline-block; }
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-block-item-title-wrap{ margin-left: 0px; margin-right: 0px; }
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-pagination{ padding-left: 0px; padding-right: 0px; }
.gdlr-core-social-share-left-text .gdlr-core-social-share-count{ display: block; margin-bottom: 10px; }
.gdlr-core-social-share-left-text .gdlr-core-divider{ display: none; }
.gdlr-core-social-share-left-text{ text-align: center; }
.gdlr-core-social-share-right-text .gdlr-core-social-share-count{ display: block; margin-top: 10px; }
.gdlr-core-social-share-right-text .gdlr-core-divider{ display: none; }
.gdlr-core-social-share-right-text{ text-align: center; }
.gdlr-core-blog-date-wrapper{ display: none; }
.gdlr-core-blog-medium,
.gdlr-core-blog-medium > div,
.gdlr-core-blog-medium > div.clearfix{ display: block; }
.gdlr-core-blog-left-thumbnail .gdlr-core-blog-thumbnail-wrap{ width: auto; padding-right: 0px; margin-bottom: 25px; }
.gdlr-core-blog-right-thumbnail .gdlr-core-blog-thumbnail-wrap{ width: auto; padding-left: 0px; margin-bottom: 25px; }
.gdlr-core-blog-left-thumbnail.gdlr-core-large .gdlr-core-blog-thumbnail-wrap,
.gdlr-core-blog-right-thumbnail.gdlr-core-large .gdlr-core-blog-thumbnail-wrap{ width: 100%; }
.gdlr-core-blog-medium.gdlr-core-blog-right-thumbnail{ display: flex; flex-direction: column; width: 100% }
.gdlr-core-blog-medium.gdlr-core-blog-right-thumbnail .gdlr-core-blog-thumbnail-wrap{ order: 1; width: 100% } 
.gdlr-core-blog-medium.gdlr-core-blog-right-thumbnail .gdlr-core-blog-medium-content-wrapper{ order: 2; width: 100% }
.gdlr-core-portfolio-medium{ display: flex; flex-flow: column; }
.gdlr-core-portfolio-medium .gdlr-core-portfolio-thumbnail-wrap{ order: 1; -ms-order: 1; }
.gdlr-core-portfolio-medium .gdlr-core-portfolio-content-wrap{ order: 2; -ms-order: 1;  }
.gdlr-core-portfolio-medium.gdlr-core-size-large .gdlr-core-portfolio-thumbnail-wrap,
.gdlr-core-portfolio-medium.gdlr-core-size-small .gdlr-core-portfolio-thumbnail-wrap{ display: block; width: auto; margin-bottom: 35px; }
.gdlr-core-portfolio-medium.gdlr-core-style-left .gdlr-core-portfolio-content-wrap{ padding-left: 0px; display: block; }
.gdlr-core-portfolio-medium-feature{ margin-right: 0px; margin-left: 0px; padding: 0px; }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-content-wrap{ display: block; padding-top: 30px; padding-bottom: 30px;
width: 100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.gdlr-core-portfolio-medium-feature .gdlr-core-item-list-inner{ display: block; }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-thumbnail-wrap{ display: block; }
.gdlr-core-portfolio-medium-feature .gdlr-core-portfolio-thumbnail{ margin-top: 0px; margin-bottom: 0px; }
.gdlr-core-portfolio-medium-feature:hover .gdlr-core-portfolio-thumbnail{ margin-top: 0px; margin-bottom: 0px; }
.gdlr-core-tab-item .gdlr-core-tab-item-content{ padding: 35px 0px 0px; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-title-wrap{ float: none; border-right: 0px; max-width: none; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-title{ float: left; height: 52px; padding-left: 25px; padding-right: 25px; border-top-width: 1px; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-title.gdlr-core-active{ padding-right: 25px; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-title:last-child{ border-right-width: 1px; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-content-wrap{ border: none; }
.gdlr-core-tab-style1-vertical.gdlr-core-right-align .gdlr-core-tab-item-title-wrap{ float: none; border-left: 0px; max-width: none; }
.gdlr-core-tab-style1-vertical.gdlr-core-right-align .gdlr-core-tab-item-title{ float: right; height: 52px; padding-left: 25px; padding-right: 25px; border-top-width: 1px; }
.gdlr-core-tab-style1-vertical.gdlr-core-right-align .gdlr-core-tab-item-title.gdlr-core-active{ padding-right: 25px; }
.gdlr-core-tab-style1-vertical.gdlr-core-right-align .gdlr-core-tab-item-title:last-child{ border-left-width: 1px; }
.gdlr-core-tab-style1-vertical.gdlr-core-right-align .gdlr-core-tab-item-content-wrap{ border: none; }
.gdlr-core-tab-style2-vertical.gdlr-core-left-align .gdlr-core-tab-item-title-wrap{ float: none; margin-right: 0px; border: none; max-width: none; }
.gdlr-core-tab-style2-vertical.gdlr-core-left-align .gdlr-core-tab-item-title-line{  display: none; }
.gdlr-core-tab-style2-vertical.gdlr-core-left-align .gdlr-core-tab-item-title{ padding: 12px 20px 0px 0px; float: left; }
.gdlr-core-tab-style2-vertical.gdlr-core-left-align .gdlr-core-tab-item-content-wrap{ border: none; }
.gdlr-core-tab-style2-vertical.gdlr-core-right-align .gdlr-core-tab-item-title-wrap{ float: none; margin-left: 0px; border: none; max-width: none; }
.gdlr-core-tab-style2-vertical.gdlr-core-right-align .gdlr-core-tab-item-title-line{  display: none; }
.gdlr-core-tab-style2-vertical.gdlr-core-right-align .gdlr-core-tab-item-title{ padding: 12px 0px 0px 20px; float: right; }
.gdlr-core-tab-style2-vertical.gdlr-core-right-align .gdlr-core-tab-item-content-wrap{ border: none; }
.gdlr-core-gallery-item-style-scroll .gdlr-core-media-image{ max-height: 200px; }
.gdlr-core-gallery-with-thumbnail-wrap.gdlr-core-inside-slider .gdlr-core-image-overlay-content{ bottom: 35px; }
.gdlr-core-gallery-with-thumbnail-wrap.gdlr-core-inside-slider .gdlr-core-sly-slider{ display: none; }
.gdlr-core-price-table-item .gdlr-core-price-table{ margin-top: 0px; margin-bottom: 30px; }
.gdlr-core-price-table-item .gdlr-core-price-table-column:last-child .gdlr-core-price-table{ margin-bottom: 0px; }
.gdlr-core-title-item.gdlr-core-left-align .gdlr-core-title-item-link{ position: static; margin-top: 12px; }
.gdlr-core-title-item-caption-right .gdlr-core-title-item-title-wrap{ float: none; margin-bottom: 13px; margin-right: 0px; width: auto !important; }
.gdlr-core-newsletter-item.gdlr-core-style-round .gdlr-core-newsletter-email{ width: 100%; float: none; }
.gdlr-core-newsletter-item.gdlr-core-style-round .gdlr-core-newsletter-submit{ width: 100%; float: none; margin-top: 17px; }
.gdlr-core-newsletter-item.gdlr-core-style-rectangle .gdlr-core-newsletter-email{ float: none; width: 100%; margin-bottom: 10px; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-email{ float: none; padding-right: 0px; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-email:before{ top: 30px; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-submit{ position: relative; width: 100%; float: none; }
.gdlr-core-newsletter-item.gdlr-core-style-round2 .gdlr-core-newsletter-submit input[type="submit"]{ width: 100%; }
.gdlr-core-timeline-item .gdlr-core-timeline-item-bullet{ display: none;}
.gdlr-core-timeline-item .gdlr-core-timeline-item-date{ width: auto !important; padding-right: 0px; float: none; text-align: left; }
.gdlr-core-roadmap-item{ margin-right: -20px; margin-left: -20px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-content{ margin-right: 20px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-count{ display: none; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-divider{ display: none; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-title{ font-size: 11px; text-transform: none; letter-spacing: 0; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-caption{ font-size: 11px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head-wrap{ width: 37%; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-content-area{ margin-left: 0px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-head{ padding-bottom: 16px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-content{ font-size: 15px; }
.gdlr-core-roadmap-item .gdlr-core-roadmap-item-content-title{ font-size: 15px; margin-bottom: 29px; }
.gdlr-core-personnel-style-medium .gdlr-core-personnel-list-image{ float: none; margin-right: 0px; max-width: 100%; }
.gdlr-core-instagram-widget > div{ float: left; width: auto; max-width: 120px; clear: none; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-size-2,
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-size-3,
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-size-4{ float: none; width: auto; padding: 20px 0px; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-wrap{ padding: 40px 30px; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-content-left{ float: none; width: auto; margin-bottom: 30px; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-title-image{ display: none; }
.gdlr-core-tab-feature-item .gdlr-core-tab-feature-button{ margin-bottom: 15px; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-wrap{ padding-left: 0px; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-wrap{ width: auto; float: none; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-item-title-wrap{ padding-top: 30px; padding-left: 0px; text-align: center; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-title-divider{ display: none; }
.gdlr-core-tab-featurev-item .gdlr-core-tab-featurev-content-wrap{ padding: 50px 30px; }
.gdlr-core-filterer-wrap{ margin-top: 0px !important; }
.gdlr-core-filterer-wrap.gdlr-core-right-align{ text-align: center; }
.gdlr-core-filterer-wrap .gdlr-core-filterer-slide-bar{ display: none !important; }
.gdlr-core-price-list-item .gdlr-core-price-list-divider{ display: none; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-bottom-slide-bar{ display: none; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-right{ float: none; padding-left: 0px; width: auto; margin-bottom: 30px; }
.gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content{ padding-top: 0px !important; }
.gdlr-core-countdown-wrap .gdlr-core-countdown-block{ margin-bottom: 30px; }
.gdlr-core-price-table-item .gdlr-core-price-table-column{ margin-bottom: 30px; }
.gdlr-core-testimonial-style-image-left .gdlr-core-testimonial-author-image{ width: auto; margin-right: 0px; }
.gdlr-core-featured-gallery-images{ flex-direction: column; }
.gdlr-core-featured-gallery-images > .gdlr-core-column-20{ height: 300px; width: auto; }
.gdlr-core-testimonial-style-left-3 .gdlr-core-testimonial-author-image{ float: none; margin: 0px auto 20px; }
.gdlr-core-testimonial-style-left-3 .gdlr-core-testimonial-content-head-wrap{ flex-direction: column; text-align: center; }
.gdlr-core-gallery-item .gdlr-core-gallery-list{ margin-top: 0 !important; }
.gdlr-core-feature-content-item .gdlr-core-feature-content{ margin-top: 0px !important; }
} @media only screen and (max-width: 419px){ .gdlr-core-alert-box-item .gdlr-core-alert-box-item-inner{ padding: 25px 25px; }
.gdlr-core-blockquote-item.gdlr-core-small-size.gdlr-core-left-align .gdlr-core-blockquote-item-quote{ font-size: 60px; margin-right: 20px; }
.gdlr-core-blockquote-item.gdlr-core-small-size.gdlr-core-right-align .gdlr-core-blockquote-item-quote{ font-size: 60px; margin-left: 20px; }
.gdlr-core-blockquote-item.gdlr-core-medium-size.gdlr-core-left-align .gdlr-core-blockquote-item-quote{ margin-right: 20px; font-size: 80px; }
.gdlr-core-blockquote-item.gdlr-core-medium-size.gdlr-core-right-align .gdlr-core-blockquote-item-quote{ font-size: 80px; margin-left: 20px; }
.gdlr-core-blockquote-item.gdlr-core-large-size.gdlr-core-left-align .gdlr-core-blockquote-item-quote{ font-size: 90px; margin-right: 20px; }
.gdlr-core-blockquote-item.gdlr-core-large-size.gdlr-core-right-align .gdlr-core-blockquote-item-quote{ font-size: 90px; margin-left: 20px; }
} body.ilightbox-noscroll{ overflow: auto; } .gdlr-core-privacy-box-wrap{ color: #a3a3a3; background: #1d1d1d; }
.gdlr-core-body .gdlr-core-privacy-box-wrap .gdlr-core-privacy-box-button{ color: #fff; }
.gdlr-core-body .gdlr-core-privacy-box-wrap .gdlr-core-privacy-box-button{ background: #1a49a8; }
.gdlr-core-privacy-box-wrap .gdlr-core-privacy-box-lb,
.gdlr-core-privacy-box-wrap .gdlr-core-privacy-box-lb:hover{ color: #fff; }
.gdlr-core-privacy-box-wrap{ font-size: 14px; z-index: 99; }
.gdlr-core-privacy-box-wrap .gdlr-core-privacy-box-button{ font-weight: bold; padding: 11px 28px; display: inline-block; vertical-align: middle; text-transform: none;
border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; }
.gdlr-core-privacy-box-wrap .gdlr-core-privacy-box-action .gdlr-core-privacy-box-lb{ margin-left: 20px; }
.gdlr-core-privacy-box-wrap.gdlr-core-pos-top-bar{ padding: 20px 35px; }
.gdlr-core-privacy-box-wrap.gdlr-core-pos-top-bar .gdlr-core-privacy-box-text{ float: left; margin-top: 10px; margin-bottom: 12px; }
.gdlr-core-privacy-box-wrap.gdlr-core-pos-top-bar .gdlr-core-privacy-box-action{ float: right; }
.gdlr-core-privacy-box-wrap.gdlr-core-pos-bottom-bar{ position: fixed; bottom: 0px; left: 0px; right: 0px; padding: 20px 35px; }
.gdlr-core-privacy-box-wrap.gdlr-core-pos-bottom-bar .gdlr-core-privacy-box-text{ float: left; margin-top: 10px; margin-bottom: 12px; }
.gdlr-core-privacy-box-wrap.gdlr-core-pos-bottom-bar .gdlr-core-privacy-box-action{ float: right; }
.gdlr-core-privacy-box-wrap.gdlr-core-pos-bottom-left{ position: fixed; bottom: 35px; left: 35px; max-width: 425px; padding: 30px 35px; }
.gdlr-core-privacy-box-wrap.gdlr-core-pos-bottom-left .gdlr-core-privacy-box-text{ margin-bottom: 20px; }
.gdlr-core-privacy-box-wrap.gdlr-core-pos-bottom-right{ position: fixed; bottom: 35px; right: 35px; max-width: 425px; padding: 30px 35px; }
.gdlr-core-privacy-box-wrap.gdlr-core-pos-bottom-right .gdlr-core-privacy-box-text{ margin-bottom: 20px; } .gdlr-core-lightbox-wrapper{ display: none; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 99999; background: #000; background: rgba(0, 0, 0, 0.7);}
.gdlr-core-lightbox-wrapper .gdlr-core-lightbox-row{ display: table; width: 100%; height: 100%; }
.gdlr-core-lightbox-wrapper .gdlr-core-lightbox-cell{ display: table-cell; vertical-align: middle; padding: 30px; }
.gdlr-core-lightbox-wrapper .gdlr-core-lightbox-content{ background: #fff; color: #9b9b9b; margin: 30px auto; max-width: 970px; position: relative; 
max-height: calc(100% - 60px); overflow: auto; }
.gdlr-core-lightbox-wrapper .gdlr-core-lightbox-form-close{ position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: #efefef; padding: 25px 15px; cursor: pointer; }
.gdlr-core-lightbox-wrapper .gdlr-core-lightbox-form-close:before{ content: " "; display: block; border-bottom-width: 1px; border-bottom-style: solid; width: 20px; border-color: #444444;
transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.gdlr-core-lightbox-wrapper .gdlr-core-lightbox-form-close:after{ content: " "; display: block; border-bottom-width: 1px; border-bottom-style: solid; width: 20px; border-color: #444444; margin-top: -1px;
transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .gdlr-core-gdpr-form-left .gdlr-core-gdlr-form-nav li{ color: #8c8c8c; }
.gdlr-core-gdpr-form-left .gdlr-core-gdlr-form-nav li.gdlr-core-active{ color: #000; }
.gdlr-core-gdpr-form-left .gdlr-core-gdlr-form-nav li:before{ content: "\f178"; font-family: FontAwesome; 
display: inline-block; width: 0px; color: transparent;
transition: width 300ms, color 300ms; -moz-transition: width 300ms, color 300ms; 
-o-transition: width 300ms, color 300ms; -webkit-transition: width 300ms, color 300ms; }
.gdlr-core-gdpr-form-left .gdlr-core-gdlr-form-nav li:hover:before{ width: 26px; color: #8c8c8c; }
.gdlr-core-gdpr-form-left .gdlr-core-gdlr-form-nav li.gdlr-core-active:before{ width: 26px; color: #000; }
.gdlr-core-body .gdlr-core-gdpr-form-submit input[type="submit"]{ background: #1a49a8; }
.gdlr-core-gdpr-form-checkbox-appearance{ background: #dcdcdc; }
.gdlr-core-gdpr-form-checkbox-appearance .gdlr-core-gdpr-form-checkbox-button{ background: #828282; }
.gdlr-core-gdpr-form-checkbox-text{ color: #bbb; }
.gdlr-core-gdpr-form-checkbox:checked + .gdlr-core-gdpr-form-checkbox-appearance .gdlr-core-gdpr-form-checkbox-button{ background-color: #1a49a8; }
.gdlr-core-gdpr-form-checkbox:checked + .gdlr-core-gdpr-form-checkbox-appearance + .gdlr-core-gdpr-form-checkbox-text,
.gdlr-core-gdpr-form-checkbox-required + .gdlr-core-gdpr-form-checkbox-appearance + .gdlr-core-gdpr-form-checkbox-text{ color: #1a49a8; }
#gdlr-core-gdpr-form{ overflow: hidden; }
.gdlr-core-gdpr-form-left{ float: left; padding-top: 60px; padding-left: 40px;
border-right-width: 1px; border-right-style: solid; border-color: #e6e6e6; padding-bottom: 1059px; margin-bottom: -999px; }
.gdlr-core-gdpr-form-left .gdlr-core-gdlr-form-left-title{ font-size: 26px; font-weight: 800; margin-bottom: 25px; color: #383838; }
.gdlr-core-gdpr-form-left .gdlr-core-gdlr-form-nav{ margin-left: 0px; list-style: none; width: 235px; }
.gdlr-core-gdpr-form-left .gdlr-core-gdlr-form-nav li{ padding-bottom: 12px; padding-right: 20px;
margin-bottom: 12px; font-size: 15px; font-weight: bold; cursor: pointer;
border-bottom-width: 1px; border-bottom-style: solid; border-color: #e6e6e6;
transition: color 200ms; -webkit-transition: color 200ms; -moz-transition: color 200ms; -o-transition: color 200ms; }
.gdlr-core-gdpr-form-right{ padding-left: 50px; padding-top: 60px; padding-right: 30px; 
overflow-y: scroll; max-height: 700px; }
.gdlr-core-gdpr-form-right .gdlr-core-gdpr-form-title{ font-size: 22px; font-weight: bold; margin-bottom: 25px; color: #383838; }
.gdlr-core-gdpr-form-right .gdlr-core-gdpr-form-content-wrap{ display: none; }
.gdlr-core-gdpr-form-right .gdlr-core-gdpr-form-content-wrap.gdlr-core-active{ display: block; }
.gdlr-core-gdpr-form-right .gdlr-core-gdpr-form-content{ margin-bottom: 30px; }
.gdlr-core-gdpr-form-right .gdlr-core-gdpr-form-submit{ margin-top: 60px; margin-bottom: 35px; text-align: right; }
.gdlr-core-gdpr-form-submit input[type="submit"]{ font-size: 14px; text-transform: none; font-weight: 600; padding: 15px 28px 17px; letter-spacing: 0px;
border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
.gdlr-core-gdpr-form-checkbox-item label{ display: inline-block; }
.gdlr-core-gdpr-form-checkbox-item input{ display: none; }
.gdlr-core-gdpr-form-checkbox-appearance{ display: inline-block; vertical-align: middle; height: 28px; width: 50px; overflow: hidden; 
border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; cursor: pointer; }
.gdlr-core-gdpr-form-checkbox-appearance .gdlr-core-gdpr-form-checkbox-button{ height: 22px; width: 22px; margin: 3px; 
border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
transition: margin-left 200ms, background-color 200ms; -webkit-transition: margin-left 200ms, background-color 200ms;
-moz-transition: margin-left 200ms, background-color 200ms; -o-transition: margin-left 200ms, background-color 200ms; }	
.gdlr-core-gdpr-form-checkbox-text{ display: inline-block; margin-left: 17px; font-size: 14px; text-transform: uppercase; font-weight: bold; 
transition: color 200ms; -webkit-transition: color 200ms; -moz-transition: color 200ms; -o-transition: color 200ms; }
.gdlr-core-gdpr-form-checkbox-text .gdlr-core-enable{ display: none; }
.gdlr-core-gdpr-form-checkbox-text .gdlr-core-enable-required{ display: none; }
.gdlr-core-gdpr-form-checkbox-text .gdlr-core-disable{ display: inline; }
.gdlr-core-gdpr-form-checkbox:checked + .gdlr-core-gdpr-form-checkbox-appearance .gdlr-core-gdpr-form-checkbox-button,
.gdlr-core-gdpr-form-checkbox-required + .gdlr-core-gdpr-form-checkbox-appearance .gdlr-core-gdpr-form-checkbox-button{ margin-left: 25px; }
.gdlr-core-gdpr-form-checkbox:checked + .gdlr-core-gdpr-form-checkbox-appearance + .gdlr-core-gdpr-form-checkbox-text .gdlr-core-enable{ display: inline; }
.gdlr-core-gdpr-form-checkbox:checked + .gdlr-core-gdpr-form-checkbox-appearance + .gdlr-core-gdpr-form-checkbox-text .gdlr-core-disable{ display: none; }
.gdlr-core-gdpr-form-checkbox-required + .gdlr-core-gdpr-form-checkbox-appearance + .gdlr-core-gdpr-form-checkbox-text .gdlr-core-enable-required{ display: inline; }
.gdlr-core-gdpr-form-checkbox-required + .gdlr-core-gdpr-form-checkbox-appearance + .gdlr-core-gdpr-form-checkbox-text .gdlr-core-disable{ display: none; } .gdlr-core-pb-privacy-box-content-wrap .gdlr-core-pb-privacy-box-content{ color: #c4c4c4; }
.gdlr-core-pb-privacy-box-content-wrap .gdlr-core-pb-privacy-box-content a,
.gdlr-core-pb-privacy-box-content-wrap .gdlr-core-pb-privacy-box-content a:hover{ color: #fff; }
.gdlr-core-pb-privacy-box-content-wrap .gdlr-core-pb-privacy-box-title{ color: #fff; }
.gdlr-core-pb-privacy-box-wrap{ position: relative; }
.gdlr-core-pb-privacy-box-wrap img{ display: block; }
.gdlr-core-pb-privacy-box-overlay{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #000; opacity: 0.65; }
.gdlr-core-pb-privacy-box-content-wrap{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.gdlr-core-pb-privacy-box-content-table{ display: table; width: 100%; height: 100%; max-width: 330px; margin: 0px auto; }
.gdlr-core-pb-privacy-box-content-cell{ display: table-cell; vertical-align: middle; text-align: center; }
.gdlr-core-pb-privacy-box-content-wrap .gdlr-core-pb-privacy-box-title{ font-weight: 600; }
.gdlr-core-pb-privacy-box-wrap.gdlr-core-type-pb-item .gdlr-core-pb-privacy-box-title{ font-size: 17px; }
.gdlr-core-pb-privacy-box-wrap.gdlr-core-type-pb-item .gdlr-core-pb-privacy-box-content{ font-size: 14px; }
.gdlr-core-pb-privacy-box-wrap.gdlr-core-type-pb-wrapper{ height: 600px; background-size: cover; background-image: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/content-blocked.jpg); }
.gdlr-core-pb-privacy-box-wrap.gdlr-core-type-pb-wrapper .gdlr-core-pb-privacy-box-title{ font-size: 18px; }
.gdlr-core-pb-privacy-box-wrap.gdlr-core-type-pb-wrapper .gdlr-core-pb-privacy-box-content{ font-size: 15px; }
.gdlr-core-pb-privacy-box-wrap.gdlr-core-type-pb-column{ min-height: 600px; background-size: cover; background-image: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/content-blocked.jpg); }
.gdlr-core-pb-privacy-box-wrap.gdlr-core-type-pb-column .gdlr-core-pb-privacy-box-title{ font-size: 14px; }
.gdlr-core-pb-privacy-box-wrap.gdlr-core-type-pb-column .gdlr-core-pb-privacy-box-content{ font-size: 13px; }
@media only screen and (max-width: 767px){
.gdlr-core-pb-privacy-box-wrap.gdlr-core-type-pb-wrapper{ height: 400px; } 
.gdlr-core-gdpr-form-left{ padding: 30px; margin-bottom: 0px; border-right: 0px; float: none; text-align: center; }
.gdlr-core-gdpr-form-left .gdlr-core-gdlr-form-nav{ margin: 0px auto }
.gdlr-core-gdpr-form-right { padding: 0px 30px; text-align: center; }
} .gdlr-core-widget-list-shortcode{ background-color: #f5f5f5; color: #949494; border-style: solid; }
.gdlr-core-widget-list-shortcode ul{ list-style: none; margin-left: 0px; }
.gdlr-core-widget-list-shortcode ul li{ border-top-width: 1px; border-top-style: solid; padding: 13px 27px; border-color: #e1e1e1; }
.gdlr-core-widget-list-shortcode ul li:first-child{ border-top: none; }
.gdlr-core-widget-list-shortcode .gdlr-core-widget-list-shortcode-title{ font-size: 14px; font-weight: 600; 
padding: 35px 27px 0px; margin-bottom: 13px; color: #252525; }
.gdlr-core-widget-box-shortcode{ font-size: 13px; padding: 40px 35px 10px; position: relative;
background-size: cover; background-position: center; }
.gdlr-core-widget-box-shortcode .gdlr-core-widget-box-shortcode-title{ font-size: 21px; }
.gdlr-core-widget-box-shortcode .gdlr-core-widget-box-shortcode-icon{ font-size: 21px; color: #4d96e9; margin-right: 20px; float: left; }
.gdlr-core-widget-box-shortcode .gdlr-core-widget-box-shortcode-content{ overflow: hidden; }
.gdlr-core-widget-box-shortcode .gdlr-core-widget-box-shortcode-link{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.gdlr-core-revolution-slider-item{ z-index: 0; position: relative; }
.wpcf7-form-control-wrap{ display: block; }
.wpcf7-form-control-wrap .wpcf7-form-indicator{ position: absolute; right: 20px; top: 50%; 
transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.gdlr-core-center-align .wpcf7-spinner { display: block; margin: 10px auto; }
.gdlr-core-page-builder-body .wpgmp_map_parent{ margin-bottom: 0px; display: block; }
.gdlr-core-round-checkbox .wpcf7-list-item-label{ background: #686868; }
.gdlr-core-round-checkbox label input[type="checkbox"]:checked + .wpcf7-list-item-label:before{ background: #ffffff; }
.gdlr-core-round-checkbox .wpcf7-list-item-label{ width: 20px; height: 20px; display: block; 
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.gdlr-core-round-checkbox .wpcf7-list-item-label:before{ width: 12px; height: 12px; content: " "; display: inline-block; margin: 4px; vertical-align: top; 
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
transition: background 150ms; -webkit-transition: background 150ms; -moz-transition: background 150ms; }
.gdlr-core-round-checkbox label input[type="checkbox"]{ display: none; }
span[class^='wpcf7-form-control-wrap checkbox']{ display: inline-block; vertical-align: middle; } 
span[class^='wpcf7-form-control-wrap checkbox'] .wpcf7-form-control .wpcf7-list-item{ margin: 0 20px 0 0; }
.lg-outer{ direction: ltr; }
.gdlr-core-product-item .gdlr-core-now-loading{ position: absolute; background: url(//www.funchal.salesianos.pt/wp-content/plugins/goodlayers-core/include/images/portfolio/now-loading.gif) center no-repeat; 
width: 55px; height: 55px; left: 50%; margin-left: -28px; background-color: #fff; margin-top: 20px; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.gdlr-core-product-item .gdlr-core-filterer-wrap.gdlr-core-style-box{ display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 25px; font-weight: 500; }
.gdlr-core-product-item .gdlr-core-filterer-wrap.gdlr-core-style-box a{ min-width: 110px; text-align: center; background: #000; padding: 35px 58px;
border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.gdlr-core-product-item .gdlr-core-filterer-wrap.gdlr-core-style-box a .gdlr-core-icon{ display: block; font-size: 50px; margin-bottom: 16px; line-height: 32px; }
.gdlr-core-product-item .gdlr-core-filterer-wrap.gdlr-core-style-box.gdlr-core-center-align{ justify-content: center; }
.gdlr-core-product-item .gdlr-core-filterer-wrap.gdlr-core-style-box.gdlr-core-right-align{ justify-content: flex-end; }
.gdlr-core-product-item .gdlr-core-filterer-wrap a{ color: #233439; }
.gdlr-core-product-item .gdlr-core-filterer-wrap a.gdlr-core-active, 
.gdlr-core-product-item .gdlr-core-filterer-wrap a:hover{ color: #fff; }
.gdlr-core-product-item .gdlr-core-filterer-wrap.gdlr-core-style-box a{ background: #f5f5f5; }
.gdlr-core-product-item .gdlr-core-filterer-wrap.gdlr-core-style-box a.gdlr-core-active, 
.gdlr-core-product-item .gdlr-core-filterer-wrap.gdlr-core-style-box a:hover{ background: #233439; }
html .woocommerce ul.product_list_widget li .star-rating { margin-top: 5px; } .gdlr-core-filterer-wrap.gdlr-core-style-dropdown{ text-align: right; }
.gdlr-core-filterer-wrap.gdlr-core-style-dropdown .gdlr-core-filterer-dropdown-content{ position: relative; font-size: 14px; text-transform: uppercase; display: inline-block;  }
.gdlr-core-filterer-wrap.gdlr-core-style-dropdown .gdlr-core-filterer-dropdown-text{ background: #2d3958; color: #fff; padding: 15px 65px 15px 35px; min-width: 250px; text-align: left; cursor: pointer; }
.gdlr-core-filterer-wrap.gdlr-core-style-dropdown .gdlr-core-filterer-dropdown{ position: absolute; left: 0px; top: 100%; 
background: #ffffff; padding: 20px 32px; min-width: 250px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
overflow: hidden; transition: height 300ms, opacity 300ms; 
opacity: 0; display: flex; flex-direction: column; z-index: -1; text-align: left; }
.gdlr-core-filterer-wrap.gdlr-core-style-dropdown .gdlr-core-filterer-dropdown a{ font-size: 14px; margin-bottom: 10px; color: #2d3958; }
.gdlr-core-filterer-wrap.gdlr-core-style-dropdown .gdlr-core-filterer-dropdown a.gdlr-core-active,
.gdlr-core-filterer-wrap.gdlr-core-style-dropdown .gdlr-core-filterer-dropdown a:hover{ color: #ac7d4b; }
.gdlr-core-filterer-wrap.gdlr-core-style-dropdown .gdlr-core-filterer-dropdown a:last-child{ margin-bottom: 0px; }
.gdlr-core-filterer-wrap.gdlr-core-style-dropdown .gdlr-core-filterer-dropdown-text:after{ content: ""; border-width: 1px 1px 0px 0px; border-style: solid; 
width: 8px; height: 8px; position: absolute; right: 30px; top: 20px; transform: rotate(135deg); }
.gdlr-core-filterer-wrap.gdlr-core-style-dropdown .gdlr-core-filterer-dropdown-content:hover .gdlr-core-filterer-dropdown{ opacity: 1; z-index: 10; }
.gdlr-core-filterer-wrap.gdlr-core-style-dropdown .gdlr-core-filterer-dropdown-content:hover .gdlr-core-filterer-dropdown-text:after{ transform: rotate(-45deg); top: 24px; } .gdlr-core-contact-form-7-item .gdlr-core-input-wrap [class^="gdlr-core-column-"] { margin-bottom: 0; } .gdlr-core-page-builder-body .clearfix:before{ display: none; } .gdlr-core-food-menu-item .gdlr-core-food-menu-title{ margin-bottom: 0; font-size: 19px; display: flex; gap: 10px; align-items: center; }
.gdlr-core-food-menu-item .gdlr-core-food-menu-title-wrap{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
.gdlr-core-food-menu-item .gdlr-core-food-menu-price{ font-size: 21px; line-height: 1; color: #1e1e1e; }
.gdlr-core-food-menu-item .gdlr-core-food-menu-list{ border-top-width: 1px; border-top-style: solid; padding-top: 20px; }
.gdlr-core-food-menu-item .gdlr-core-food-menu-list:first-child{ padding-top: 0; border: 0; } .rtl .gdlr-core-featured-gallery-images .gdlr-core-size-5 { margin-left: -10px; margin-right: 0; }
.rtl .gdlr-core-featured-gallery-button svg { margin-right: 0px; margin-left: 8px; }
.rtl .gdlr-core-featured-gallery-button-wrap { left: auto; right: 10px; }.dlm-download-box{width:250px;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-align:center;position:relative;margin:1em auto;box-shadow:0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.4)}.dlm-download-box h1{margin:.5em 0!important}.dlm-download-box img.wp-post-image{margin:0;padding:0;display:block;width:100%;-moz-border-radius:0;-webkit-border-radius:0;-moz-border-top-left-radius:3px;-moz-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;border-radius:0;border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.dlm-download-box .dlm-download-box-content{padding:0 1em 1em}.dlm-download-box .dlm-download-count{-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;color:#777;text-shadow:0 1px 0 rgba(255,255,255,.5);background:#ddd;box-shadow:0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.4);position:absolute;top:0;right:0;padding:.6em;width:auto;min-width:1em;font-size:1em;text-align:center;vertical-align:middle;line-height:1em;border:1px solid #bbb;margin:-.5em -.5em 0 0}:where(.dlm-downloads) li{margin-top:.5em}.dlm-download-default{display:inline-block}.dlm-download-button{display:inline-flex;flex-direction:column}.dlm-download-button .dlm-button-meta{font-size:.8em;opacity:.8}.dlm-filetype-pdf{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-pdf.png)}.dlm-filetype-aif,.dlm-filetype-aifc,.dlm-filetype-aiff,.dlm-filetype-au,.dlm-filetype-kar,.dlm-filetype-m3u,.dlm-filetype-m4r,.dlm-filetype-mid,.dlm-filetype-midi,.dlm-filetype-mp2,.dlm-filetype-mp3,.dlm-filetype-mpga,.dlm-filetype-ra,.dlm-filetype-ram,.dlm-filetype-rm,.dlm-filetype-rpm,.dlm-filetype-snd,.dlm-filetype-wav,.dlm-filetype-wave{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-music.png)}.dlm-filetype-avi,.dlm-filetype-divx,.dlm-filetype-mov,.dlm-filetype-movie,.dlm-filetype-mp4,.dlm-filetype-mpe,.dlm-filetype-mpeg,.dlm-filetype-mpg,.dlm-filetype-mxu,.dlm-filetype-qt,.dlm-filetype-wmv{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-film.png)}.dlm-filetype-7z,.dlm-filetype-gz,.dlm-filetype-rar,.dlm-filetype-sit,.dlm-filetype-tar,.dlm-filetype-zip{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-zipper.png)}.dlm-filetype-csv,.dlm-filetype-tsv,.dlm-filetype-xls,.dlm-filetype-xlsx{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-excel.png)}.dlm-filetype-doc,.dlm-filetype-docx{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-word-text.png)}.dlm-filetype-ai{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-illustrator.png)}.dlm-filetype-swf{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-flash-movie.png)}.dlm-filetype-bmp,.dlm-filetype-djv,.dlm-filetype-eps,.dlm-filetype-gif,.dlm-filetype-ief,.dlm-filetype-jpe,.dlm-filetype-jpeg,.dlm-filetype-jpg,.dlm-filetype-pbm,.dlm-filetype-pgm,.dlm-filetype-png,.dlm-filetype-pnm,.dlm-filetype-ppm,.dlm-filetype-ps,.dlm-filetype-ras,.dlm-filetype-rgb,.dlm-filetype-tif,.dlm-filetype-tiff,.dlm-filetype-wbmp,.dlm-filetype-xbm,.dlm-filetype-xpm,.dlm-filetype-xwd{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-image.png)}.dlm-filetype-psd{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-photoshop.png)}.dlm-filetype-ppt,.dlm-filetype-pptx{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-powerpoint.png)}.dlm-filetype-as,.dlm-filetype-css,.dlm-filetype-htaccess,.dlm-filetype-htm,.dlm-filetype-html,.dlm-filetype-js,.dlm-filetype-php,.dlm-filetype-sql,.dlm-filetype-xml,.dlm-filetype-xsl{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-code.png)}.dlm-filetype-rtf,.dlm-filetype-rtx{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-text-image.png)}.dlm-filetype-txt{background-image:url(//www.funchal.salesianos.pt/wp-content/plugins/download-monitor/assets/images/filetypes/document-text.png)}#content nav.dlm-download-monitor-pagination,nav.dlm-download-monitor-pagination{text-align:center}#content nav.dlm-download-monitor-pagination ul,nav.dlm-download-monitor-pagination ul{display:inline-block;white-space:nowrap;padding:0;clear:both;border:1px solid #eee;border-right:0;margin:1px}#content nav.dlm-download-monitor-pagination ul li,nav.dlm-download-monitor-pagination ul li{border-right:1px solid #eee;padding:0;margin:0;float:left;display:inline;overflow:hidden}#content nav.dlm-download-monitor-pagination ul li a,#content nav.dlm-download-monitor-pagination ul li span,nav.dlm-download-monitor-pagination ul li a,nav.dlm-download-monitor-pagination ul li span{margin:0;text-decoration:none;padding:0;line-height:1em;font-size:1em;font-weight:400;padding:.5em;min-width:1em;display:block}#content nav.dlm-download-monitor-pagination ul li a:focus,#content nav.dlm-download-monitor-pagination ul li a:hover,#content nav.dlm-download-monitor-pagination ul li span.current,nav.dlm-download-monitor-pagination ul li a:focus,nav.dlm-download-monitor-pagination ul li a:hover,nav.dlm-download-monitor-pagination ul li span.current{background:#eee;color:#888}.dlm_widget_downloads ul,.dlm_widget_downloads ul li{list-style:none}.dlm-hidden-info{visibility:hidden}@keyframes infinite-spinning{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes infinite-loading{from{width:0%}to{width:100%}}data.dlm-hidden-info{position:relative}data.dlm-hidden-info span{font-weight:700;color:green}.dlm-hidden-info .progress.dlm-visible-spinner{display:inline-block;visibility:visible}.dlm-hidden-info .progress.box{width:100%}.dlm-hidden-info .progress.box span.dlm-download-done::after{content:'✓'}.dlm-hidden-info .progress.box .progress-inner{height:6px;top:0;width:0%;-webkit-transition:width .3s,opacity .3s;transition:width .3s,opacity .3s;position:absolute;left:0;background:#006080;animation:none}.dlm-hidden-info .progress .progress-inner{display:none;width:75px;position:relative;margin-left:15px}.dlm-hidden-info .progress .progress-inner .dlm-visible-spinner{display:inline-block;visibility:visible}html body a.dlm-download-button{position:relative}html body a.dlm-download-button.dlm-download-started{text-decoration:none}html body a.dlm-download-button::before{content:'';position:absolute;height:2px;z-index:3;bottom:-2px;left:0;width:0;background:red;transition:width .5s;box-shadow:0 0 3px rgba(255,0,0,.8);border-radius:5px}html body a.dlm-download-button.dlm-download-Infinity::before{animation:infinite-loading 1s infinite linear}html body a.dlm-download-button.dlm-download-10:before{width:10%}html body a.dlm-download-button.dlm-download-20:before{width:20%}html body a.dlm-download-button.dlm-download-30:before{width:30%}html body a.dlm-download-button.dlm-download-40:before{width:40%}html body a.dlm-download-button.dlm-download-50:before{width:50%}html body a.dlm-download-button.dlm-download-60:before{width:60%}html body a.dlm-download-button.dlm-download-70:before{width:70%}html body a.dlm-download-button.dlm-download-80:before{width:80%}html body a.dlm-download-button.dlm-download-90:before{width:90%}html body a.dlm-download-button.dlm-download-100:before{width:100%}a.dlm-download-button::before{z-index:0}a.dlm-download-button>*{z-index:2;position:relative}html body .dlm-download-link{position:relative}html body .dlm-download-link.dlm-download-started{text-decoration:none}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}.dlm-xhr-error{font-size:12px;color:red}.dlm-xhr-loading-gif{width:20px;height:20px;align-self:center;margin:5px 0}.dlm-xhr-progress{min-width:75px;width:auto;display:inline-block;position:relative}.dlm-no-access-modal-window>*{padding:20px}.dlm-no-access-modal-window .dlm-no-access-modal__header{border-bottom:1px solid rgba(0,0,0,.1);display:flex;flex-direction:row;width:calc(100% - 40px);justify-content:space-between;align-items:center;clear:both;position:relative}.dlm-no-access-modal-window .dlm-no-access-modal__body{border-bottom:1px solid rgba(0,0,0,.1);position:relative}.dlm-no-access-modal-window .dlm-no-access-modal__footer{text-align:right}.dlm-no-access-modal-overlay{position:fixed;width:100%;height:100%;background-color:#dededea1;top:0;z-index:98}.dlm-no-access-modal-close span{display:block;position:relative;text-align:center;border-radius:100px;background:#212a2f;color:#fff}.dlm-no-access-modal-close:hover{cursor:pointer}.dlm-no-access-notice{font-style:italic;color:red;font-weight:lighter}#dlm_login_form input[type=submit]{cursor:pointer}#dlm-no-access-modal .dlm-fixed{position:fixed}#dlm-no-access-modal .dlm-relative{position:relative}#dlm-no-access-modal .dlm-inset-0{inset:0px}#dlm-no-access-modal .dlm-z-10{z-index:10}#dlm-no-access-modal .dlm-m-2{margin:.5rem}#dlm-no-access-modal .dlm-ml-3{margin-left:.75rem}#dlm-no-access-modal .dlm-mt-10{margin-top:2.5rem}#dlm-no-access-modal .dlm-mt-2{margin-top:.5rem}#dlm-no-access-modal .dlm-mt-3{margin-top:.75rem}#dlm-no-access-modal .dlm-mt-4{margin-top:1rem}#dlm-no-access-modal .dlm-mt-6{margin-top:1.5rem}#dlm-no-access-modal .dlm-block{display:block}#dlm-no-access-modal .dlm-flex{display:flex}#dlm-no-access-modal .dlm-inline-flex{display:inline-flex}#dlm-no-access-modal .dlm-h-12{height:3rem}#dlm-no-access-modal .dlm-h-4{height:1rem}#dlm-no-access-modal .dlm-h-6{height:1.5rem}#dlm-no-access-modal .dlm-min-h-full{min-height:100%}#dlm-no-access-modal .dlm-w-12{width:3rem}#dlm-no-access-modal .dlm-w-4{width:1rem}#dlm-no-access-modal .dlm-w-6{width:1.5rem}#dlm-no-access-modal .dlm-w-full{width:100%}#dlm-no-access-modal .dlm-w-screen{width:100vw}#dlm-no-access-modal .dlm-flex-1{flex:1 1 0%}#dlm-no-access-modal .dlm-flex-shrink-0{flex-shrink:0}#dlm-no-access-modal .dlm-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#dlm-no-access-modal .dlm-flex-col{flex-direction:column}#dlm-no-access-modal .dlm-items-start{align-items:flex-start}#dlm-no-access-modal .dlm-items-center{align-items:center}#dlm-no-access-modal .dlm-justify-center{justify-content:center}#dlm-no-access-modal .dlm-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}#dlm-no-access-modal .dlm-overflow-hidden{overflow:hidden}#dlm-no-access-modal .dlm-overflow-y-auto{overflow-y:auto}#dlm-no-access-modal .dlm-rounded{border-radius:.25rem}#dlm-no-access-modal .dlm-rounded-full{border-radius:9999px}#dlm-no-access-modal .dlm-rounded-lg{border-radius:.5rem}#dlm-no-access-modal .dlm-rounded-md{border-radius:.375rem}#dlm-no-access-modal .dlm-border-0{border-width:0}#dlm-no-access-modal .dlm-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}#dlm-no-access-modal .dlm-bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}#dlm-no-access-modal .dlm-bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}#dlm-no-access-modal .dlm-bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}#dlm-no-access-modal .dlm-bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}#dlm-no-access-modal .dlm-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}#dlm-no-access-modal .dlm-bg-opacity-75{--tw-bg-opacity:0.75}#dlm-no-access-modal .dlm-p-4{padding:1rem}#dlm-no-access-modal .dlm-px-1{padding-left:.25rem;padding-right:.25rem}#dlm-no-access-modal .dlm-px-1\.5{padding-left:.375rem;padding-right:.375rem}#dlm-no-access-modal .dlm-px-3{padding-left:.75rem;padding-right:.75rem}#dlm-no-access-modal .dlm-px-4{padding-left:1rem;padding-right:1rem}#dlm-no-access-modal .dlm-px-6{padding-left:1.5rem;padding-right:1.5rem}#dlm-no-access-modal .dlm-py-1{padding-top:.25rem;padding-bottom:.25rem}#dlm-no-access-modal .dlm-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}#dlm-no-access-modal .dlm-py-12{padding-top:3rem;padding-bottom:3rem}#dlm-no-access-modal .dlm-py-2{padding-top:.5rem;padding-bottom:.5rem}#dlm-no-access-modal .dlm-py-3{padding-top:.75rem;padding-bottom:.75rem}#dlm-no-access-modal .dlm-pb-4{padding-bottom:1rem}#dlm-no-access-modal .dlm-pt-5{padding-top:1.25rem}#dlm-no-access-modal .dlm-text-left{text-align:left}#dlm-no-access-modal .dlm-text-center{text-align:center}#dlm-no-access-modal .dlm-text-base{font-size:1rem;line-height:1.5rem}#dlm-no-access-modal .dlm-text-sm{font-size:.875rem;line-height:1.25rem}#dlm-no-access-modal .dlm-text-xl{font-size:1.25rem;line-height:1.75rem}#dlm-no-access-modal .dlm-font-bold{font-weight:700}#dlm-no-access-modal .dlm-font-medium{font-weight:500}#dlm-no-access-modal .dlm-font-semibold{font-weight:600}#dlm-no-access-modal .dlm-leading-6{line-height:1.5rem}#dlm-no-access-modal .dlm-leading-9{line-height:2.25rem}#dlm-no-access-modal .dlm-tracking-tight{letter-spacing:-.025em}#dlm-no-access-modal .dlm-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity))}#dlm-no-access-modal .dlm-text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity))}#dlm-no-access-modal .dlm-text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity))}#dlm-no-access-modal .dlm-text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}#dlm-no-access-modal .dlm-shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px -1px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#dlm-no-access-modal .dlm-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#dlm-no-access-modal .dlm-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 8px 10px -6px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#dlm-no-access-modal .dlm-ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#dlm-no-access-modal .dlm-ring-inset{--tw-ring-inset:inset}#dlm-no-access-modal .dlm-ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219 / var(--tw-ring-opacity))}#dlm-no-access-modal .dlm-transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}#dlm-no-access-modal .dlm-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.placeholder\:dlm-text-gray-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.placeholder\:dlm-text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.hover\:dlm-bg-indigo-500:hover{--tw-bg-opacity:1;background-color:rgb(99 102 241 / var(--tw-bg-opacity))}.focus\:dlm-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:dlm-ring-inset:focus{--tw-ring-inset:inset}.focus\:dlm-ring-indigo-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(79 70 229 / var(--tw-ring-opacity))}.focus-visible\:dlm-outline:focus-visible{outline-style:solid}.focus-visible\:dlm-outline-2:focus-visible{outline-width:2px}.focus-visible\:dlm-outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:dlm-outline-indigo-600:focus-visible{outline-color:#4f46e5}@media (min-width:640px){.sm\:dlm-mx-0{margin-left:0;margin-right:0}.sm\:dlm-mx-auto{margin-left:auto;margin-right:auto}.sm\:dlm-my-8{margin-top:2rem;margin-bottom:2rem}.sm\:dlm-ml-4{margin-left:1rem}.sm\:dlm-mt-0{margin-top:0}.sm\:dlm-flex{display:flex}.sm\:dlm-h-10{height:2.5rem}.sm\:dlm-w-10{width:2.5rem}.sm\:dlm-w-auto{width:auto}.sm\:dlm-w-full{width:100%}.sm\:dlm-max-w-\[480px\]{max-width:480px}.sm\:dlm-max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.sm\:dlm-max-w-md{max-width:28rem}.sm\:dlm-flex-row-reverse{flex-direction:row-reverse}.sm\:dlm-items-start{align-items:flex-start}.sm\:dlm-items-center{align-items:center}.sm\:dlm-rounded-lg{border-radius:.5rem}.sm\:dlm-p-0{padding:0}.sm\:dlm-p-6{padding:1.5rem}.sm\:dlm-px-12{padding-left:3rem;padding-right:3rem}.sm\:dlm-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:dlm-pb-4{padding-bottom:1rem}.sm\:dlm-text-left{text-align:left}.sm\:dlm-text-sm{font-size:.875rem;line-height:1.25rem}.sm\:dlm-leading-6{line-height:1.5rem}}.dlm-no-access-modal{z-index:9999;position:fixed}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::after,.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::after,.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::before{--tw-content:''}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * ) hr:not( .dlm-no-tailwind,.dlm-no-tailwind * ){height:0;color:inherit;border-top-width:1px}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * ) abbr:where([title]):not( .dlm-no-tailwind,.dlm-no-tailwind * ){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dlm-no-access-modal h1:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h2:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h3:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h4:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h5:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h6:not( .dlm-no-tailwind,.dlm-no-tailwind * ){font-size:inherit;font-weight:inherit}.dlm-no-access-modal a:not( .dlm-no-tailwind,.dlm-no-tailwind * ){color:inherit;text-decoration:inherit}.dlm-no-access-modal b:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal strong:not( .dlm-no-tailwind,.dlm-no-tailwind * ){font-weight:bolder}.dlm-no-access-modal code:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal kbd:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal pre:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal samp:not( .dlm-no-tailwind,.dlm-no-tailwind * ){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}.dlm-no-access-modal small:not( .dlm-no-tailwind,.dlm-no-tailwind * ){font-size:80%}.dlm-no-access-modal sub:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal sup:not( .dlm-no-tailwind,.dlm-no-tailwind * ){font-size:75%;line-height:0;position:relative;vertical-align:baseline}.dlm-no-access-modal sub:not( .dlm-no-tailwind,.dlm-no-tailwind * ){bottom:-.25em}.dlm-no-access-modal sup:not( .dlm-no-tailwind,.dlm-no-tailwind * ){top:-.5em}.dlm-no-access-modal table:not( .dlm-no-tailwind,.dlm-no-tailwind * ){text-indent:0;border-color:inherit;border-collapse:collapse}.dlm-no-access-modal button:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal input:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal optgroup:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal select:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal textarea:not( .dlm-no-tailwind,.dlm-no-tailwind * ){font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.dlm-no-access-modal button:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal select:not( .dlm-no-tailwind,.dlm-no-tailwind * ){text-transform:none}.dlm-no-access-modal [type=button]:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal [type=reset]:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal [type=submit]:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal button:not( .dlm-no-tailwind,.dlm-no-tailwind * ){-webkit-appearance:button;background-color:transparent;background-image:none}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * ):-moz-focusring{outline:auto}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * ):-moz-ui-invalid{box-shadow:none}.dlm-no-access-modal progress:not( .dlm-no-tailwind,.dlm-no-tailwind * ){vertical-align:baseline}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::-webkit-inner-spin-button,.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::-webkit-outer-spin-button{height:auto}.dlm-no-access-modal [type=search]:not( .dlm-no-tailwind,.dlm-no-tailwind * ){-webkit-appearance:textfield;outline-offset:-2px}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::-webkit-search-decoration{-webkit-appearance:none}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.dlm-no-access-modal summary:not( .dlm-no-tailwind,.dlm-no-tailwind * ){display:list-item}.dlm-no-access-modal blockquote:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal dd:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal dl:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal figure:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h1:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h2:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h3:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h4:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h5:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal h6:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal hr:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal p:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal pre:not( .dlm-no-tailwind,.dlm-no-tailwind * ){margin:0}.dlm-no-access-modal fieldset:not( .dlm-no-tailwind,.dlm-no-tailwind * ){margin:0;padding:0}.dlm-no-access-modal legend:not( .dlm-no-tailwind,.dlm-no-tailwind * ){padding:0}.dlm-no-access-modal menu:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal ol:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal ul:not( .dlm-no-tailwind,.dlm-no-tailwind * ){list-style:none;margin:0;padding:0}.dlm-no-access-modal dialog:not( .dlm-no-tailwind,.dlm-no-tailwind * ){padding:0}.dlm-no-access-modal textarea:not( .dlm-no-tailwind,.dlm-no-tailwind * ){resize:vertical}.dlm-no-access-modal input:not( .dlm-no-tailwind,.dlm-no-tailwind * )::-moz-placeholder,.dlm-no-access-modal textarea:not( .dlm-no-tailwind,.dlm-no-tailwind * )::-moz-placeholder{opacity:1;color:#9ca3af}.dlm-no-access-modal input:not( .dlm-no-tailwind,.dlm-no-tailwind * )::placeholder,.dlm-no-access-modal textarea:not( .dlm-no-tailwind,.dlm-no-tailwind * )::placeholder{opacity:1;color:#9ca3af}.dlm-no-access-modal [role=button]:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal button:not( .dlm-no-tailwind,.dlm-no-tailwind * ){cursor:pointer}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * ):disabled{cursor:default}.dlm-no-access-modal audio:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal canvas:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal embed:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal iframe:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal img:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal object:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal svg:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal video:not( .dlm-no-tailwind,.dlm-no-tailwind * ){display:block;vertical-align:middle}.dlm-no-access-modal img:not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal video:not( .dlm-no-tailwind,.dlm-no-tailwind * ){max-width:100%;height:auto}.dlm-no-access-modal [hidden]:not( .dlm-no-tailwind,.dlm-no-tailwind * ){display:none}.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * ),.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::after,.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.dlm-no-access-modal :not( .dlm-no-tailwind,.dlm-no-tailwind * )::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root { --sdb-color-primary: #0058B7;
--sdb-color-primary-hover: #004A9B;
--sdb-color-primary-soft: #1A6FCC;
--sdb-color-editorial-accent: #1F3B5B;
--sdb-color-secondary: #009BD8;
--sdb-color-secondary-hover: #0092D1;
--sdb-color-secondary-soft: #33B3E5;
--sdb-color-blue-divider: #CAECFF;
--sdb-color-blue-background: #E4F5FF; --sdb-color-title: #364048;
--sdb-color-text: #6B7785;
--sdb-color-muted: #8E9AA7;
--sdb-color-border: #EEF3F8;
--sdb-color-background: #F5F8FB;
--sdb-color-surface: #FFFFFF;
--sdb-color-soft-black: #1F2A36; --sdb-color-success: #2F8F4E;
--sdb-color-success-bg: #E9F6EE;
--sdb-color-success-text: #1E5F34;
--sdb-color-warning: #F59E0B;
--sdb-color-warning-bg: #FFF5E1;
--sdb-color-warning-text: #8A4B00;
--sdb-color-error: #C53030;
--sdb-color-error-bg: #FDECEC;
--sdb-color-error-text: #7F1D1D;
--sdb-color-info: #4B4BB5;
--sdb-color-info-bg: #F1F1FE;
--sdb-color-info-text: #34348A;
--sdb-color-info-soft: #E7E7FF;
--sdb-color-info-border: rgba(75, 75, 181, .30); --sdb-color-mdb: #F26722;
--sdb-color-mdb-dark: #E24B00;
--sdb-color-mdb-divider: #FFE0CE;
--sdb-color-mdb-bg: #FFE7D8;
--sdb-color-solsal: #2DB414;
--sdb-color-solsal-dark: #1E7A0D;
--sdb-color-solsal-divider: #E8F4DB;
--sdb-color-solsal-bg: #F4F9EF; --sdb-school-lisboa: #8A1F3D;
--sdb-school-lisboa-dark: #5C1328;
--sdb-school-lisboa-bg: #F5E6EB;
--sdb-school-estoril: #FFD100;
--sdb-school-estoril-dark: #FF8C00;
--sdb-school-estoril-bg: #FFF7CC;
--sdb-school-manique: #FF6A2B;
--sdb-school-manique-dark: #B43A14;
--sdb-school-manique-bg: #FFE9E0;
--sdb-school-evora: #8CCF55;
--sdb-school-evora-dark: #4A7C2A;
--sdb-school-evora-bg: #EEF7E7;
--sdb-school-mogofores: #3EC7B7;
--sdb-school-mogofores-dark: #2F8F86;
--sdb-school-mogofores-bg: #E6F7F5;
--sdb-school-porto: #1B2F6B;
--sdb-school-porto-dark: #111F4A;
--sdb-school-porto-bg: #E6EBF6;
--sdb-school-mirandela: #3AA657;
--sdb-school-mirandela-dark: #1F5E32;
--sdb-school-mirandela-bg: #E7F5EC;
--sdb-school-funchal: #FF6F61;
--sdb-school-funchal-dark: #B5453C;
--sdb-school-funchal-bg: #FFECEB; --sdb-font-heading: "neo-sans", "Neo Sans", "Arial", sans-serif;
--sdb-font-body: "archivo", "Archivo", "Arial", sans-serif;
--sdb-font-meta: "archivo-narrow", "Archivo Narrow", "Arial Narrow", "Arial", sans-serif;
--sdb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
--sdb-font-code: var(--sdb-font-mono); --sdb-font-weight-regular: 400;
--sdb-font-weight-medium: 500;
--sdb-font-weight-semibold: 600;
--sdb-font-weight-bold: 700;
--sdb-font-weight-h1: var(--sdb-font-weight-bold);
--sdb-font-weight-h2: var(--sdb-font-weight-semibold);
--sdb-font-weight-h3: var(--sdb-font-weight-semibold);
--sdb-font-weight-h4: var(--sdb-font-weight-medium);
--sdb-font-weight-h5: var(--sdb-font-weight-medium);
--sdb-font-weight-h6: var(--sdb-font-weight-medium);
--sdb-font-weight-lead: var(--sdb-font-weight-medium);
--sdb-font-weight-body: var(--sdb-font-weight-regular);
--sdb-font-weight-meta: var(--sdb-font-weight-semibold);
--sdb-font-weight-button: var(--sdb-font-weight-medium);
--sdb-font-weight-card-title: var(--sdb-font-weight-semibold);
--sdb-font-weight-hero-title: 800;
--sdb-font-weight-hero-subtitle: var(--sdb-font-weight-regular);
--sdb-line-height-h1: 1.25;
--sdb-line-height-h2: 1.3;
--sdb-line-height-h3: 1.35;
--sdb-line-height-h4: 1.35;
--sdb-line-height-h5: 1.35;
--sdb-line-height-h6: 1.35;
--sdb-line-height-lead: 1.6;
--sdb-line-height-body: 1.65;
--sdb-line-height-meta: 1.4;
--sdb-line-height-button: 1.2;
--sdb-line-height-card-title: 1.3;
--sdb-line-height-hero-title: 1.02;
--sdb-line-height-hero-subtitle: 1.55;
--sdb-letter-spacing-h1: -0.02em;
--sdb-letter-spacing-h2: -0.015em;
--sdb-letter-spacing-h3: -0.01em;
--sdb-letter-spacing-body: 0em;
--sdb-letter-spacing-meta: 0.08em;
--sdb-letter-spacing-button: 0em;
--sdb-letter-spacing-card-title: -0.01em;
--sdb-letter-spacing-hero-title: -0.035em;
--sdb-letter-spacing-hero-subtitle: 0em;
--sdb-text-h1: 42px;
--sdb-text-h2: 34px;
--sdb-text-h3: 26px;
--sdb-text-h4: 21px;
--sdb-text-h5: 20px;
--sdb-text-h6: 16px;
--sdb-text-lead: 21px;
--sdb-text-body: 18px;
--sdb-text-info: 16px; --sdb-space-1: 4px;
--sdb-space-2: 8px;
--sdb-space-3: 12px;
--sdb-space-4: 16px;
--sdb-space-5: 20px;
--sdb-space-6: 24px;
--sdb-space-8: 32px;
--sdb-space-10: 40px;
--sdb-space-12: 48px; --sdb-radius-sm: 6px;
--sdb-radius-md: 10px;
--sdb-radius-lg: 16px;
--sdb-radius-xl: 22px;
--sdb-radius-pill: 999px; --sdb-shadow-element: 5px 5px 5px rgba(143, 154, 164, 0.05);
--sdb-shadow-card: 0 8px 20px rgba(31, 42, 54, 0.06);
--sdb-shadow-card-hover: 0 14px 30px rgba(31, 42, 54, 0.10); --sdb-gradient-data-surface: linear-gradient(180deg, var(--sdb-color-surface), var(--sdb-color-background));
--sdb-gradient-sticky-mask: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--sdb-color-surface) 46%); --sdb-media-bg: var(--sdb-color-background);
--sdb-media-border: var(--sdb-color-border);
--sdb-status-active-bg: var(--sdb-color-success-bg);
--sdb-status-active-text: var(--sdb-color-success-text);
--sdb-status-draft-bg: #F3F4F6;
--sdb-status-draft-text: #4B5563;
--sdb-status-review-bg: var(--sdb-color-warning-bg);
--sdb-status-review-text: var(--sdb-color-warning-text);
--sdb-status-expired-bg: var(--sdb-color-error-bg);
--sdb-status-expired-text: var(--sdb-color-error-text);
--sdb-status-hidden-bg: #F1F5F9;
--sdb-status-hidden-text: #475569;
--sdb-date-badge-width: 72px; --sdb-ref-space-4: var(--sdb-space-4);
--sdb-sys-color-surface: var(--sdb-color-surface);
--sdb-sys-color-outline: var(--sdb-color-outline, #D6E0EA);
--sdb-sem-color-action-primary-bg: var(--sdb-color-primary);
--sdb-sem-color-action-primary-text: var(--sdb-color-on-primary, #FFFFFF);
--sdb-sem-color-feedback-success-bg: var(--sdb-color-success-bg);
--sdb-sem-color-feedback-error-bg: var(--sdb-color-error-bg);
--sdb-comp-field-bg: var(--sdb-field-bg, var(--sdb-color-surface));
--sdb-comp-field-border: var(--sdb-field-border, var(--sdb-color-outline));
--sdb-context-admin-surface: var(--sdb-admin-surface, #fff);
--sdb-context-editorial-title: var(--sdb-color-title); --sdb-bp-sm: 640px;
--sdb-bp-md: 782px;
--sdb-bp-lg: 1024px;
--sdb-bp-xl: 1280px;
--sdb-breakpoint-mobile: var(--sdb-bp-md);
--sdb-breakpoint-tablet: var(--sdb-bp-lg);
--sdb-color-outline: var(--sdb-color-border);
--sdb-color-border-strong: #D8E2EE;
--sdb-color-surface-soft: var(--sdb-color-background);
--sdb-color-surface-alt: var(--sdb-color-background);
--sdb-color-surface-inverse: var(--sdb-color-soft-black);
--sdb-color-on-surface-inverse: #FFFFFF;
--sdb-color-on-primary: #FFFFFF;
--sdb-color-on-secondary: #FFFFFF;
--sdb-color-primary-bg: var(--sdb-color-blue-background);
--sdb-color-success-soft: var(--sdb-color-success-bg);
--sdb-color-success-border: rgba(47, 143, 78, .28);
--sdb-color-warning-soft: var(--sdb-color-warning-bg);
--sdb-color-warning-border: rgba(245, 158, 11, .32);
--sdb-color-error-border: rgba(197, 48, 48, .28);
--sdb-color-danger: var(--sdb-color-error);
--sdb-color-danger-soft: var(--sdb-color-error-bg);
--sdb-color-danger-text: var(--sdb-color-error-text);
--sdb-color-danger-border: var(--sdb-color-error-border);
--sdb-gradient-primary: linear-gradient(90deg, var(--sdb-color-primary), var(--sdb-color-secondary));
--sdb-gradient-editorial: linear-gradient(135deg, var(--sdb-color-editorial-accent), var(--sdb-color-primary));
--sdb-gradient-overlay-soft: linear-gradient(180deg, rgba(5, 18, 34, .18), rgba(5, 18, 34, .42));
--sdb-gradient-overlay-medium: linear-gradient(180deg, rgba(5, 18, 34, .28), rgba(5, 18, 34, .62));
--sdb-gradient-overlay-strong: linear-gradient(180deg, rgba(5, 18, 34, .08), rgba(5, 18, 34, .78));
--sdb-gradient-mdb: linear-gradient(90deg, var(--sdb-mdb-color-primary, var(--sdb-color-mdb)), var(--sdb-mdb-color-primary-dark, var(--sdb-color-mdb-dark)));
--sdb-overlay-soft: var(--sdb-gradient-overlay-soft);
--sdb-overlay-medium: var(--sdb-gradient-overlay-medium);
--sdb-overlay-strong: var(--sdb-gradient-overlay-strong);
--sdb-content-width: var(--sdb-layout-max-width-content, 1320px);
--sdb-section-padding: clamp(32px, 5vw, 72px);
--sdb-section-padding-y: var(--sdb-section-padding);
--sdb-grid-min: min(100%, 260px);
--sdb-grid-columns: repeat(auto-fit, minmax(var(--sdb-grid-min), 1fr));
--sdb-stack-gap: var(--sdb-space-6);
--sdb-flow-space: var(--sdb-space-5);
--sdb-sticky-offset: 24px;
--sdb-z-dropdown: 30;
--sdb-focus-ring-width: 2px;
--sdb-focus-ring-offset: 2px;
--sdb-focus-ring-color: rgba(0, 88, 183, .45);
--sdb-focus-ring: 0 0 0 var(--sdb-focus-ring-width) var(--sdb-focus-ring-color);
--sdb-touch-target-min: 44px;
--sdb-responsive-gap-sm: var(--sdb-space-3);
--sdb-responsive-gap-md: var(--sdb-space-5);
--sdb-responsive-gap-lg: var(--sdb-space-8);
--sdb-responsive-grid-min: min(100%, 260px);
--sdb-density-comfortable-gap: var(--sdb-responsive-gap-lg);
--sdb-density-compact-gap: var(--sdb-responsive-gap-sm);
--sdb-density-dense-gap: var(--sdb-space-2);
--sdb-motion-transform-hover: translateY(-1px);
--sdb-motion-safe-transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease;
--sdb-tabs-gap: 6px;
--sdb-tabs-item-padding: .58rem .82rem;
--sdb-tabs-active-indicator: 2px;
--sdb-accordion-padding: clamp(14px, 1.6vw, 18px);
--sdb-accordion-gap: 10px;
--sdb-breadcrumb-gap: .45rem;
--sdb-action-menu-min-width: 220px;
--sdb-skeleton-radius: var(--sdb-radius-sm, 6px);
--sdb-toast-width: min(100%, 420px);
--sdb-toast-padding: .8rem 1rem;
--sdb-interactive-transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
--sdb-admin-dashboard-gap: var(--sdb-space-5);
--sdb-admin-dashboard-kpi-min-width: 160px;
--sdb-admin-dashboard-card-padding: clamp(14px, 1.8vw, 20px);
--sdb-admin-dashboard-toolbar-gap: 10px;
--sdb-admin-dashboard-accent-width: 4px;
--sdb-admin-dashboard-empty-min-height: 180px;
--sdb-admin-grid-gap: var(--sdb-space-5);
--sdb-admin-card-gap: var(--sdb-space-4);
--sdb-admin-table-cell-padding-tablet: 10px 12px;
--sdb-admin-note-min-height: 44px;
--sdb-permission-matrix-max-height: 520px;
--sdb-process-log-max-height: 360px;
--sdb-playground-swatch: 42px;
--sdb-consent-padding-x: clamp(13px, 1.8vw, 18px);
--sdb-consent-padding-y: clamp(13px, 1.8vw, 18px);
--sdb-session-card-padding-x: clamp(15px, 2vw, 22px);
--sdb-session-card-padding-y: clamp(15px, 2vw, 22px);
--sdb-session-card-content-gap: var(--sdb-space-3);
--sdb-validation-summary-bg: var(--sdb-color-error-bg);
--sdb-validation-summary-text: var(--sdb-color-error-text);
--sdb-action-stack-gap: var(--sdb-space-2);
--sdb-calendar-actions-gap: var(--sdb-space-2); --sdb-font-size-button: 16px;
--sdb-font-size-card-title: var(--sdb-text-h4, 21px);
--sdb-font-size-hero-title: var(--sdb-text-h1, 42px);
--sdb-font-size-meta: 13px;
--sdb-line-height-heading: 1.25;
--sdb-letter-spacing-heading: -0.015em;
--sdb-letter-spacing-h4: -0.005em;
--sdb-record-columns: minmax(220px, .9fr) minmax(160px, .45fr) minmax(260px, 1fr);
--sdb-progress-current: 0%;
--sdb-u-progress-value: 0%;
--sdb-impact-progress-value: 0%;
--sdb-cause-card-gap: var(--sdb-space-md);
--sdb-cause-card-border: var(--sdb-color-border);
--sdb-cause-card-radius: var(--sdb-radius-lg);
--sdb-cause-card-bg: var(--sdb-color-surface);
--sdb-cause-card-shadow: var(--sdb-shadow-card);
--sdb-editorial-adapter-bg: inherit;
--sdb-editorial-adapter-border: 0;
--sdb-editorial-tag-font-size: .76rem;
--sdb-editorial-tag-font-weight: 800;
--sdb-editorial-tag-letter-spacing: .06em;
--sdb-editorial-tag-padding-x: .72em;
--sdb-editorial-tag-padding-y: .34em;
--sdb-tag-on-image-adapter-border: 0;
--sdb-tag-on-image-adapter-padding: .34em .72em;
--sdb-tag-on-image-adapter-radius: var(--sdb-radius-pill); --accent: var(--sdb-color-muted);
--accent-dark: var(--sdb-color-primary);
--accent-hover: var(--sdb-color-secondary);
--border: var(--sdb-color-border);
--bg-muted: var(--sdb-color-background);
--radius: var(--sdb-radius-md);
--font-small: 14px;
--shadow-element: var(--sdb-shadow-element);
--shadow-soft: var(--sdb-shadow-element);
}
@media (max-width: 767px) {
:root {
--sdb-text-h1: 28px;
--sdb-text-h2: 22px;
--sdb-text-h3: 20px;
--sdb-text-h4: 18px;
--sdb-text-h5: 17px;
--sdb-text-h6: 16px;
--sdb-text-lead: 20px;
--sdb-text-body: 18px;
--sdb-text-info: 14px;
}
} body.sdb-design-system-global-typography,
body.sdb-design-system-global-typography p,
body.sdb-design-system-global-typography .entry-content,
body.sdb-design-system-global-typography .entry-content p {
font-family: var(--sdb-font-body) !important;
}
body.sdb-design-system-global-typography h1,
body.sdb-design-system-global-typography h2,
body.sdb-design-system-global-typography h3,
body.sdb-design-system-global-typography h4,
body.sdb-design-system-global-typography h5,
body.sdb-design-system-global-typography h6,
body.sdb-design-system-global-typography .entry-title {
font-family: var(--sdb-font-heading) !important;
}
body.sdb-design-system-global-typography .sdb-meta,
body.sdb-design-system-global-typography .sdb-caption,
body.sdb-design-system-global-typography .wp-element-caption {
font-family: var(--sdb-font-meta) !important;
}  body.sdb-design-system-gutenberg-typography .wp-block-paragraph,
body.sdb-design-system-gutenberg-typography .wp-block-list,
body.sdb-design-system-gutenberg-typography .wp-block-quote,
body.sdb-design-system-gutenberg-typography .wp-block-table,
body.sdb-design-system-gutenberg-typography .wp-block-button,
body.sdb-design-system-gutenberg-typography .wp-block-media-text {
font-family: var(--sdb-font-body) !important;
}
body.sdb-design-system-gutenberg-typography .wp-block-heading {
font-family: var(--sdb-font-heading) !important;
}
body.sdb-design-system-gutenberg-typography .wp-block-image figcaption,
body.sdb-design-system-gutenberg-typography .wp-block-embed figcaption,
body.sdb-design-system-gutenberg-typography .blocks-gallery-caption,
body.sdb-design-system-gutenberg-typography .wp-element-caption {
font-family: var(--sdb-font-meta) !important;
} .sdb-section,
.sdb-container,
.sdb-grid,
.sdb-card,
.sdb-card *,
.sdb-filter-bar,
.sdb-filter-bar *,
.sdb-form,
.sdb-form *,
.sdb-empty-state,
.sdb-empty-state *,
.sdb-alert,
.sdb-table-wrap,
.sdb-table,
.sdb-table * {
box-sizing: border-box;
}
.sdb-section {
margin-block: var(--sdb-space-10);
}
.sdb-section .sdb-section {
margin-block: var(--sdb-space-12);
}
.sdb-section-header {
margin-bottom: var(--sdb-space-10);
}
.sdb-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2);
} .sdb-title-xl,
.sdb-title-lg,
.sdb-title-md,
.sdb-title-sm {
font-family: var(--sdb-font-heading) !important;
color: var(--sdb-color-title) !important;
margin: 0 0 var(--sdb-space-4);
letter-spacing: -0.02em;
}
.sdb-title-xl { font-size: var(--sdb-text-h1); font-weight: var(--sdb-font-weight-h1); line-height: var(--sdb-line-height-h1); letter-spacing: var(--sdb-letter-spacing-h1); }
.sdb-title-lg { font-size: var(--sdb-text-h2); font-weight: var(--sdb-font-weight-h2); line-height: var(--sdb-line-height-h2); letter-spacing: var(--sdb-letter-spacing-h2); }
.sdb-title-md { font-size: var(--sdb-text-h3); font-weight: var(--sdb-font-weight-h3); line-height: var(--sdb-line-height-h3); letter-spacing: var(--sdb-letter-spacing-h3); }
.sdb-title-sm { font-size: var(--sdb-text-h4); font-weight: var(--sdb-font-weight-h4); line-height: var(--sdb-line-height-h4); letter-spacing: var(--sdb-letter-spacing-h4, 0em); }
.sdb-lead {
font-family: var(--sdb-font-body) !important;
font-size: var(--sdb-text-lead) !important;
font-weight: var(--sdb-font-weight-lead);
line-height: var(--sdb-line-height-lead);
color: var(--sdb-color-text) !important;
}
.sdb-body {
font-family: var(--sdb-font-body) !important;
font-size: var(--sdb-text-body) !important;
font-weight: var(--sdb-font-weight-body);
line-height: var(--sdb-line-height-body);
color: var(--sdb-color-text) !important;
}
.sdb-meta,
.sdb-caption,
.sdb-eyebrow {
font-family: var(--sdb-font-meta) !important;
color: var(--sdb-color-muted) !important;
}
.sdb-eyebrow {
display: inline-block;
margin-bottom: var(--sdb-space-2);
font-size: var(--sdb-font-size-meta, 13px);
font-weight: var(--sdb-font-weight-meta);
line-height: var(--sdb-line-height-meta);
letter-spacing: var(--sdb-letter-spacing-meta);
text-transform: uppercase;
} .sdb-container {
width: min(100%, 1180px);
margin-inline: auto;
padding-inline: var(--sdb-space-6);
}
.sdb-grid {
display: grid;
gap: var(--sdb-space-6);
align-items: stretch;
}
.sdb-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sdb-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1024px) {
.sdb-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.sdb-container { padding-inline: var(--sdb-space-4); }
.sdb-grid--2,
.sdb-grid--3,
.sdb-grid--4 { grid-template-columns: 1fr; }
} .sdb-btn,
a.sdb-btn,
button.sdb-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: var(--sdb-space-2) !important;
min-height: 44px !important;
padding: 10px 22px !important;
border-radius: var(--sdb-radius-md) !important;
border: 1px solid transparent !important;
box-shadow: none !important;
font-family: var(--sdb-font-body) !important;
font-size: var(--sdb-font-size-button, 16px) !important;
font-weight: var(--sdb-font-weight-button, 500) !important;
line-height: var(--sdb-line-height-button, 1.2) !important;
letter-spacing: var(--sdb-letter-spacing-button, 0em) !important;
text-decoration: none !important;
cursor: pointer;
vertical-align: middle;
appearance: none;
transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.sdb-btn:hover,
a.sdb-btn:hover,
button.sdb-btn:hover {
transform: translateY(-1px);
}
.sdb-btn--primary,
a.sdb-btn--primary,
button.sdb-btn--primary {
color: #fff !important;
background: var(--sdb-color-primary) !important;
border-color: var(--sdb-color-primary) !important;
}
.sdb-btn--primary:hover,
a.sdb-btn--primary:hover,
button.sdb-btn--primary:hover {
color: #fff !important;
background: var(--sdb-color-primary-hover) !important;
border-color: var(--sdb-color-primary-hover) !important;
box-shadow: 0 6px 14px rgba(0, 88, 183, 0.16) !important;
}
.sdb-btn--primary-light,
a.sdb-btn--primary-light,
button.sdb-btn--primary-light {
color: var(--sdb-color-primary) !important;
background: var(--sdb-color-blue-background) !important;
border-color: var(--sdb-color-blue-divider) !important;
}
.sdb-btn--primary-light:hover,
a.sdb-btn--primary-light:hover,
button.sdb-btn--primary-light:hover {
color: var(--sdb-color-primary-hover) !important;
background: var(--sdb-color-blue-divider) !important;
border-color: var(--sdb-color-secondary) !important;
}
.sdb-btn--secondary,
a.sdb-btn--secondary,
button.sdb-btn--secondary {
color: var(--sdb-color-primary) !important;
background: #fff !important;
border-color: var(--sdb-color-secondary) !important;
}
.sdb-btn--secondary:hover,
a.sdb-btn--secondary:hover,
button.sdb-btn--secondary:hover {
color: var(--sdb-color-primary-hover) !important;
background: var(--sdb-color-blue-background) !important;
border-color: var(--sdb-color-primary) !important;
}
.sdb-btn--neutral,
a.sdb-btn--neutral,
button.sdb-btn--neutral {
color: var(--sdb-color-text) !important;
background: #fff !important;
border-color: var(--sdb-color-muted) !important;
}
.sdb-btn--neutral:hover,
a.sdb-btn--neutral:hover,
button.sdb-btn--neutral:hover {
color: var(--sdb-color-primary) !important;
border-color: var(--sdb-color-primary) !important;
}
.sdb-btn--text,
a.sdb-btn--text,
button.sdb-btn--text {
min-height: var(--sdb-touch-target-min, 44px) !important;
padding: 6px 0 !important;
color: var(--sdb-color-primary) !important;
background: transparent !important;
border-color: transparent !important;
border-radius: 0 !important;
box-shadow: inset 0 -1px 0 rgba(0, 88, 183, 0.22) !important;
}
.sdb-btn--text:hover,
a.sdb-btn--text:hover,
button.sdb-btn--text:hover {
color: var(--sdb-color-primary-hover) !important;
box-shadow: inset 0 -2px 0 var(--sdb-color-primary-hover) !important;
}
.sdb-btn--sm,
a.sdb-btn--sm,
button.sdb-btn--sm,
.sdb-btn--compact,
a.sdb-btn--compact,
button.sdb-btn--compact,
.sdb-btn--table-action,
a.sdb-btn--table-action,
button.sdb-btn--table-action {
min-height: var(--sdb-btn-sm-min-height) !important;
padding: var(--sdb-btn-sm-padding-y) var(--sdb-btn-sm-padding-x) !important;
border-radius: var(--sdb-radius-sm, 8px) !important;
font-size: var(--sdb-btn-sm-font-size) !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
}
.sdb-btn--table-action,
a.sdb-btn--table-action,
button.sdb-btn--table-action {
min-height: var(--sdb-btn-table-action-min-height) !important;
padding: var(--sdb-btn-table-action-padding-y) var(--sdb-btn-table-action-padding-x) !important;
white-space: nowrap !important;
}
.sdb-btn--sm:focus-visible,
.sdb-btn--compact:focus-visible,
.sdb-btn--table-action:focus-visible {
outline: 2px solid transparent !important;
outline-offset: 2px !important;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)) !important;
} .sdb-card {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
background: var(--sdb-color-surface);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.sdb-card:hover {
transform: translateY(-2px);
box-shadow: var(--sdb-shadow-card);
}
.sdb-card__media img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.sdb-card__body { padding: var(--sdb-space-6); }
.sdb-card__footer {
margin-top: auto;
padding: 0 var(--sdb-space-6) var(--sdb-space-6);
}
.sdb-card__actions {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-space-2);
align-items: center;
}
.sdb-card__meta {
margin-bottom: var(--sdb-space-2);
font-family: var(--sdb-font-meta);
font-size: 14px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--sdb-color-muted);
}
.sdb-card__title {
margin: 0 0 var(--sdb-space-3);
font-family: var(--sdb-font-heading);
font-size: 21px;
font-weight: 600;
line-height: 1.3;
color: var(--sdb-color-title);
}
.sdb-card__text {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: var(--sdb-color-text);
}
.sdb-card--action { border-top: 4px solid var(--sdb-color-secondary); }
.sdb-card--editorial .sdb-card__body { padding-top: var(--sdb-space-5); }
.sdb-card--data { background: var(--sdb-gradient-data-surface); } .sdb-pill {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 28px;
padding: 5px 12px;
border-radius: var(--sdb-radius-pill);
font-size: 13px;
font-weight: 600;
line-height: 1;
background: var(--sdb-color-background);
color: var(--sdb-color-text);
}
.sdb-pill--success { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); }
.sdb-pill--warning { background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); }
.sdb-pill--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); }
.sdb-pill--info { background: var(--sdb-color-info-bg); color: var(--sdb-color-info-text); } .sdb-filter-bar {
display: flex;
flex-wrap: wrap;
align-items: end;
gap: var(--sdb-space-4);
padding: var(--sdb-space-5);
margin-bottom: var(--sdb-space-6);
background: var(--sdb-color-background);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
}
.sdb-field { display: grid; gap: 6px; }
.sdb-label { font-size: 13px; font-weight: 600; color: var(--sdb-color-title); }
.sdb-input,
.sdb-select,
.sdb-textarea {
width: 100%;
min-height: 44px;
padding: 10px 12px;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: #fff;
color: var(--sdb-color-text);
box-sizing: border-box;
}
.sdb-input:focus,
.sdb-select:focus,
.sdb-textarea:focus {
outline: none;
border-color: var(--sdb-color-primary);
box-shadow: 0 0 0 4px rgba(0, 88, 183, .12);
} .sdb-filter-bar__group,
.sdb-form__field {
display: grid;
gap: 7px;
}
.sdb-filter-bar__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2);
}
.sdb-form {
display: grid;
gap: var(--sdb-space-4);
max-width: 760px;
}
.sdb-form__row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--sdb-space-4);
}
.sdb-filter-bar label,
.sdb-form label,
.sdb-label {
font-family: var(--sdb-font-body) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
color: var(--sdb-color-title) !important;
}
.sdb-filter-bar input,
.sdb-filter-bar select,
.sdb-form input,
.sdb-form select,
.sdb-form textarea,
.sdb-input,
.sdb-select,
.sdb-textarea {
width: 100% !important;
min-height: 44px !important;
padding: 10px 12px !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-md) !important;
background-color: #fff !important;
color: var(--sdb-color-text) !important;
font-family: var(--sdb-font-body) !important;
font-size: 15px !important;
line-height: 1.4 !important;
box-shadow: none !important;
appearance: auto;
}
.sdb-filter-bar input:focus,
.sdb-filter-bar select:focus,
.sdb-form input:focus,
.sdb-form select:focus,
.sdb-form textarea:focus,
.sdb-input:focus,
.sdb-select:focus,
.sdb-textarea:focus {
outline: none !important;
border-color: var(--sdb-color-primary) !important;
box-shadow: 0 0 0 4px rgba(0, 88, 183, .12) !important;
}
.sdb-form textarea,
.sdb-textarea {
min-height: 130px !important;
resize: vertical;
}
@media (max-width: 768px) {
.sdb-form__row { grid-template-columns: 1fr; }
.sdb-filter-bar { align-items: stretch; }
.sdb-filter-bar__group,
.sdb-filter-bar__actions { width: 100%; }
} .sdb-alert {
padding: var(--sdb-space-5);
border-radius: var(--sdb-radius-lg);
border: 1px solid var(--sdb-color-border);
background: #fff;
color: var(--sdb-color-text);
}
.sdb-alert--success { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); border-color: rgba(47,143,78,.25); }
.sdb-alert--warning { background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); border-color: rgba(245,158,11,.25); }
.sdb-alert--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); border-color: rgba(197,48,48,.25); }
.sdb-alert--info { background: var(--sdb-color-info-bg); color: var(--sdb-color-info-text); border-color: rgba(134,134,242,.25); } .sdb-table-wrap {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
background: #fff;
border: 1px solid #dfe8f2;
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
}
.sdb-table-wrap::after {
display: none;
}
.sdb-table-wrap .sdb-table,
table.sdb-table {
width: 100% !important;
min-width: 720px !important;
margin: 0 !important;
border: 0 !important;
border-collapse: separate !important;
border-spacing: 0 !important;
table-layout: auto !important;
background: #fff !important;
box-shadow: none !important;
}
.sdb-table-wrap .sdb-table th,
.sdb-table-wrap .sdb-table td,
table.sdb-table th,
table.sdb-table td {
padding: 17px 20px !important;
border: 0 !important;
border-bottom: 1px solid #edf2f7 !important;
font-family: var(--sdb-font-body) !important;
font-size: 15px !important;
line-height: 1.45 !important;
text-align: left !important;
vertical-align: middle !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.sdb-table-wrap .sdb-table th,
table.sdb-table th {
background: #f7f9fc !important;
color: #1f2a36 !important;
font-weight: 700 !important;
box-shadow: inset 0 -1px 0 #ccd8e5 !important;
}
.sdb-table-wrap .sdb-table td,
table.sdb-table td {
color: #52677f !important;
background: #fff !important;
}
.sdb-table-wrap .sdb-table tbody tr:nth-child(even) td,
table.sdb-table tbody tr:nth-child(even) td {
background: #fbfcfe !important;
}
.sdb-table-wrap .sdb-table tr:last-child td,
table.sdb-table tr:last-child td {
border-bottom: 0 !important;
}
.sdb-table-wrap .sdb-pill {
white-space: nowrap;
}
@media (max-width: 768px) {
.sdb-table-wrap {
padding-bottom: 6px;
}
.sdb-table-wrap::after {
content: "← Deslize para ver mais →";
display: block;
padding: 10px 14px 12px;
font-family: var(--sdb-font-meta);
font-size: 11px;
font-weight: 600;
letter-spacing: .12em;
text-align: center;
text-transform: uppercase;
color: var(--sdb-color-muted);
background: #fff;
}
}
.sdb-data-list {
display: grid;
overflow: hidden;
background: #fff;
border: 1px solid #dfe8f2;
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
}
.sdb-data-list__head,
.sdb-data-list__row {
display: grid;
grid-template-columns: minmax(0, 1.35fr) 150px 170px 150px;
gap: var(--sdb-space-4);
align-items: center;
padding: 17px 20px;
}
.sdb-data-list__head {
background: #f7f9fc;
color: #1f2a36;
font-family: var(--sdb-font-body);
font-size: 14px;
font-weight: 700;
box-shadow: inset 0 -1px 0 #ccd8e5;
}
.sdb-data-list__row {
border-top: 1px solid #edf2f7;
color: #52677f;
font-family: var(--sdb-font-body);
font-size: 15px;
line-height: 1.45;
}
.sdb-data-list__row:nth-child(even) {
background: #fbfcfe;
}
.sdb-data-list__title {
color: var(--sdb-color-title);
font-weight: 600;
}
.sdb-data-list__label {
display: none;
margin-bottom: 4px;
font-family: var(--sdb-font-meta);
font-size: 12px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--sdb-color-muted);
}
@media (max-width: 768px) {
.sdb-data-list {
gap: var(--sdb-space-3);
padding: var(--sdb-space-3);
background: var(--sdb-color-background);
border-color: var(--sdb-color-border);
}
.sdb-data-list__head {
display: none;
}
.sdb-data-list__row {
display: grid;
grid-template-columns: 1fr;
gap: var(--sdb-space-3);
padding: var(--sdb-space-5);
background: #fff !important;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
}
.sdb-data-list__label {
display: block;
}
} .sdb-empty-state {
display: grid;
justify-items: center;
text-align: center;
gap: var(--sdb-space-3);
padding: var(--sdb-space-10);
background: #fff;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
}
.sdb-empty-state__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 999px;
background: var(--sdb-color-blue-background);
color: var(--sdb-color-primary);
font-size: 20px;
line-height: 1;
}
.sdb-empty-state__title {
margin: 0;
font-family: var(--sdb-font-heading) !important;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
color: var(--sdb-color-title) !important;
}
.sdb-empty-state__text {
max-width: 680px;
margin: 0;
color: var(--sdb-color-text) !important;
font-size: 16px;
line-height: 1.6;
} .sdb-panel {
padding: var(--sdb-space-6);
background: #fff;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
}
.sdb-panel--muted {
background: var(--sdb-color-background);
}
.sdb-stack {
display: grid;
gap: var(--sdb-space-4);
}
.sdb-stack--sm { gap: var(--sdb-space-2); }
.sdb-stack--lg { gap: var(--sdb-space-6); }
.sdb-section-header {
display: grid;
gap: var(--sdb-space-2);
max-width: 860px;
}
.sdb-section-header .sdb-title-xl,
.sdb-section-header .sdb-title-lg,
.sdb-section-header .sdb-lead {
margin-bottom: 0;
}
.sdb-meta-list {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-space-2);
margin: 0;
padding: 0;
list-style: none;
}
.sdb-meta-list__item {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 30px;
padding: 5px 10px;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-pill);
background: #fff;
color: var(--sdb-color-text);
font-family: var(--sdb-font-meta);
font-size: 13px;
font-weight: 500;
}
.sdb-divider {
height: 1px;
border: 0;
background: var(--sdb-color-border);
margin: var(--sdb-space-8) 0;
}
.sdb-kpi {
display: grid;
gap: var(--sdb-space-1);
padding: var(--sdb-space-5);
background: #fff;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
}
.sdb-kpi__value {
font-family: var(--sdb-font-heading);
font-size: clamp(28px, 4vw, 42px);
font-weight: 700;
line-height: 1.05;
color: var(--sdb-color-primary);
}
.sdb-kpi__label {
font-family: var(--sdb-font-meta);
font-size: 13px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--sdb-color-muted);
}
.sdb-progress {
display: grid;
gap: var(--sdb-space-2);
}
.sdb-progress__track {
overflow: hidden;
height: 10px;
background: var(--sdb-color-background);
border-radius: var(--sdb-radius-pill);
}
.sdb-progress__bar {
display: block;
width: var(--sdb-progress-value, 0%);
height: 100%;
background: var(--sdb-progress-fill);
border-radius: inherit;
}
.sdb-progress__meta {
display: flex;
justify-content: space-between;
gap: var(--sdb-space-3);
font-family: var(--sdb-font-meta);
font-size: 13px;
color: var(--sdb-color-text);
} .wp-block-image figcaption,
.wp-block-embed figcaption,
.blocks-gallery-caption.wp-element-caption {
font-size: 14px;
color: var(--sdb-color-muted);
} .sdb-only-mobile { display: none !important; }
@media (max-width: 768px) {
.sdb-only-mobile { display: block !important; }
.sdb-hide-mobile { display: none !important; }
}
.sdb-alert + .sdb-alert {
margin-top: var(--sdb-space-3);
}
.sdb-table-wrap .sdb-table {
margin: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.sdb-table-wrap .sdb-table th,
.sdb-table-wrap .sdb-table td {
font-family: var(--sdb-font-body) !important;
}  .sdb-section {
margin-block: clamp(32px, 5vw, 56px) !important;
}
.sdb-section .sdb-section {
margin-block: clamp(28px, 4vw, 48px) !important;
}
.sdb-section-header {
margin-bottom: clamp(28px, 4vw, 44px) !important;
}
.sdb-title-xl,
.sdb-title-lg,
.sdb-title-md,
.sdb-title-sm,
.sdb-lead,
.sdb-body,
.sdb-meta,
.sdb-card__title,
.sdb-card__text,
.sdb-empty-state__title,
.sdb-empty-state__text {
text-wrap: pretty;
}
.sdb-lead,
.sdb-body {
max-width: 820px;
} .sdb-grid--2 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
}
.sdb-grid--3 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
}
.sdb-grid--4 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)) !important;
} .sdb-card {
min-width: 0 !important;
}
.sdb-card__body {
display: grid;
align-content: start;
gap: var(--sdb-space-3);
padding: clamp(20px, 2.2vw, 28px) !important;
}
.sdb-card__body > .sdb-pill {
justify-self: start;
}
.sdb-card__title {
margin: 0 !important;
}
.sdb-card__text {
margin: 0 !important;
}
.sdb-card__footer {
padding: 0 clamp(20px, 2.2vw, 28px) clamp(20px, 2.2vw, 28px) !important;
} .sdb-card__footer .sdb-btn:not(.sdb-btn--text),
.sdb-actions .sdb-btn:not(.sdb-btn--text) {
min-width: 132px;
} .sdb-filter-bar {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) auto !important;
align-items: end !important;
gap: 14px 18px !important;
padding: clamp(18px, 2.2vw, 24px) !important;
}
.sdb-filter-bar__group,
.sdb-form__field {
gap: 8px !important;
min-width: 0 !important;
}
.sdb-filter-bar__group > label,
.sdb-form__field > label,
.sdb-form label,
.sdb-filter-bar label {
margin: 0 !important;
padding: 0 !important;
}
.sdb-filter-bar__actions {
align-self: end !important;
display: flex !important;
align-items: center !important;
gap: var(--sdb-space-3) !important;
padding-top: 0 !important;
}
.sdb-filter-bar input,
.sdb-filter-bar select,
.sdb-form input,
.sdb-form select,
.sdb-form textarea {
margin: 0 !important;
}
@media (max-width: 780px) {
.sdb-filter-bar {
grid-template-columns: 1fr !important;
}
.sdb-filter-bar__actions {
width: 100% !important;
}
} .sdb-form {
gap: 18px !important;
max-width: 780px !important;
}
.sdb-form__row {
gap: 18px !important;
}
.sdb-form textarea,
.sdb-textarea {
min-height: 140px !important;
} dl.sdb-meta-list {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) !important;
gap: 14px 22px !important;
margin: 0 !important;
padding: clamp(18px, 2vw, 24px) !important;
background: #fff !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
box-shadow: var(--sdb-shadow-element) !important;
}
dl.sdb-meta-list > div {
display: grid !important;
align-content: start !important;
gap: 6px !important;
min-width: 0 !important;
}
dl.sdb-meta-list dt {
margin: 0 !important;
font-family: var(--sdb-font-meta) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: var(--sdb-color-muted) !important;
}
dl.sdb-meta-list dd {
margin: 0 !important;
font-family: var(--sdb-font-body) !important;
font-size: 16px !important;
line-height: 1.45 !important;
color: var(--sdb-color-text) !important;
} .sdb-table-wrap {
max-width: 100% !important;
border-color: #dfe8f2 !important;
scrollbar-gutter: stable;
}
.sdb-table-wrap .sdb-table,
table.sdb-table {
min-width: 640px !important;
}
.sdb-table-wrap .sdb-table th,
.sdb-table-wrap .sdb-table td,
table.sdb-table th,
table.sdb-table td {
padding: 15px 18px !important;
} .sdb-data-list {
container-type: inline-size;
max-width: 100% !important;
}
.sdb-data-list__head,
.sdb-data-list__row {
grid-template-columns: minmax(180px, 1.4fr) minmax(110px, .75fr) minmax(130px, .9fr) minmax(120px, .8fr) !important;
gap: 16px !important;
}
.sdb-data-list__row > div,
.sdb-data-list__head > div {
min-width: 0 !important;
}
.sdb-data-list__title,
.sdb-data-list__row span:not(.sdb-pill),
.sdb-data-list__row div {
overflow-wrap: anywhere;
}
@container (max-width: 720px) {
.sdb-data-list {
gap: var(--sdb-space-3) !important;
padding: var(--sdb-space-3) !important;
background: var(--sdb-color-background) !important;
border-color: var(--sdb-color-border) !important;
}
.sdb-data-list__head {
display: none !important;
}
.sdb-data-list__row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: var(--sdb-space-3) !important;
padding: var(--sdb-space-5) !important;
background: #fff !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-md) !important;
}
.sdb-data-list__label {
display: block !important;
}
} .sdb-empty-state {
justify-items: start !important;
text-align: left !important;
padding: clamp(24px, 4vw, 40px) !important;
}
.sdb-empty-state__text {
max-width: 760px !important;
}
@media (max-width: 640px) {
.sdb-actions {
align-items: stretch !important;
}
.sdb-actions .sdb-btn:not(.sdb-btn--text),
.sdb-card__footer .sdb-btn:not(.sdb-btn--text) {
width: 100% !important;
}
}  .sdb-grid--3 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
}
.sdb-grid--2 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
}
.sdb-grid--4 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
} .sdb-filter-bar {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
align-items: end !important;
gap: 16px !important;
padding: clamp(18px, 2vw, 24px) !important;
background: var(--sdb-color-background) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
}
.sdb-filter-bar__group,
.sdb-form__field {
display: block !important;
min-width: 0 !important;
}
.sdb-filter-bar__group > label,
.sdb-form__field > label,
.sdb-filter-bar label,
.sdb-form label {
display: block !important;
margin: 0 0 7px 0 !important;
padding: 0 !important;
}
.sdb-filter-bar input,
.sdb-filter-bar select,
.sdb-form input,
.sdb-form select,
.sdb-form textarea {
display: block !important;
margin: 0 !important;
}
.sdb-filter-bar__actions {
align-self: end !important;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
min-height: 44px !important;
padding: 0 !important;
}
.sdb-filter-bar__actions .sdb-btn--text {
min-height: var(--sdb-touch-target-min, 44px) !important;
padding-block: 10px !important;
}
@media (max-width: 1024px) {
.sdb-filter-bar {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.sdb-filter-bar__actions {
grid-column: 1 / -1 !important;
}
}
@media (max-width: 640px) {
.sdb-filter-bar {
grid-template-columns: 1fr !important;
gap: 14px !important;
padding: 18px !important;
}
.sdb-filter-bar__actions {
width: 100% !important;
flex-wrap: wrap !important;
}
.sdb-filter-bar__actions .sdb-btn:not(.sdb-btn--text) {
flex: 1 1 auto !important;
}
} .sdb-form {
gap: 16px !important;
}
.sdb-form__row {
gap: 16px !important;
}
.sdb-form__field + .sdb-form__field {
margin-top: 0 !important;
} .sdb-table-wrap {
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
.sdb-table-wrap .sdb-table,
table.sdb-table {
width: 100% !important;
min-width: 620px !important;
margin: 0 !important;
border: 0 !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
table-layout: auto !important;
background: transparent !important;
box-shadow: none !important;
}
.sdb-table-wrap .sdb-table th,
table.sdb-table th {
padding: 14px 16px !important;
background: #f7f9fc !important;
border: 0 !important;
border-top: 1px solid #dfe8f2 !important;
border-bottom: 1px solid #cbd8e5 !important;
color: var(--sdb-color-soft-black) !important;
font-family: var(--sdb-font-body) !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-align: left !important;
white-space: nowrap !important;
box-shadow: none !important;
}
.sdb-table-wrap .sdb-table td,
table.sdb-table td {
padding: 16px !important;
background: #fff !important;
border: 0 !important;
border-bottom: 1px solid #edf2f7 !important;
color: #52677f !important;
font-family: var(--sdb-font-body) !important;
font-size: 15px !important;
line-height: 1.45 !important;
text-align: left !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.sdb-table-wrap .sdb-table tbody tr:nth-child(even) td,
table.sdb-table tbody tr:nth-child(even) td {
background: #fbfcfe !important;
}
.sdb-table-wrap .sdb-table tbody tr:hover td,
table.sdb-table tbody tr:hover td {
background: #f8fbff !important;
}
.sdb-table-wrap::after {
display: none !important;
}
@media (max-width: 768px) {
.sdb-table-wrap {
padding-bottom: 4px !important;
border-bottom: 1px solid var(--sdb-color-border) !important;
}
.sdb-table-wrap::after {
content: "← Deslize para ver mais →" !important;
display: block !important;
padding: 10px 0 0 !important;
font-family: var(--sdb-font-meta) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: .12em !important;
text-align: center !important;
text-transform: uppercase !important;
color: var(--sdb-color-muted) !important;
background: transparent !important;
}
} .sdb-data-list__head,
.sdb-data-list__row {
grid-template-columns: minmax(220px, 1.4fr) minmax(120px, .75fr) minmax(150px, .9fr) minmax(130px, .8fr) !important;
}
@container (max-width: 860px) {
.sdb-data-list {
gap: var(--sdb-space-3) !important;
padding: var(--sdb-space-3) !important;
background: var(--sdb-color-background) !important;
border-color: var(--sdb-color-border) !important;
}
.sdb-data-list__head {
display: none !important;
}
.sdb-data-list__row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px 18px !important;
padding: var(--sdb-space-5) !important;
background: #fff !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-md) !important;
}
.sdb-data-list__label {
display: block !important;
}
}
@container (max-width: 520px) {
.sdb-data-list__row {
grid-template-columns: 1fr !important;
}
} dl.sdb-meta-list {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)) !important;
gap: 18px 24px !important;
} .sdb-section,
.sdb-container,
.sdb-panel,
.sdb-card,
.sdb-filter-bar,
.sdb-form,
.sdb-data-list,
.sdb-empty-state,
.sdb-kpi,
.sdb-progress,
.sdb-meta-list {
container-type: inline-size;
}
.sdb-visually-hidden,
.sdb-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.sdb-btn:focus-visible,
.sdb-card a:focus-visible,
.sdb-filter-bar input:focus-visible,
.sdb-filter-bar select:focus-visible,
.sdb-filter-bar textarea:focus-visible,
.sdb-form input:focus-visible,
.sdb-form select:focus-visible,
.sdb-form textarea:focus-visible,
.sdb-data-list a:focus-visible,
.sdb-table a:focus-visible {
outline: 3px solid color-mix(in srgb, var(--sdb-color-secondary) 45%, white) !important;
outline-offset: 3px !important;
box-shadow: 0 0 0 1px var(--sdb-color-primary) !important;
}
@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.sdb-btn:focus-visible,
.sdb-card a:focus-visible,
.sdb-filter-bar input:focus-visible,
.sdb-filter-bar select:focus-visible,
.sdb-filter-bar textarea:focus-visible,
.sdb-form input:focus-visible,
.sdb-form select:focus-visible,
.sdb-form textarea:focus-visible,
.sdb-data-list a:focus-visible,
.sdb-table a:focus-visible {
outline-color: #CAECFF !important;
}
}
@media (prefers-reduced-motion: reduce) {
.sdb-btn,
.sdb-card,
.sdb-card *,
.sdb-alert,
.sdb-progress__bar {
transition-duration: .01ms !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
}
} @media (prefers-contrast: more) {
:root {
--sdb-color-text: #2A323B;
--sdb-color-muted: #4A5560;
--sdb-color-border: #6B7785;
--sdb-color-outline: #4A5560;
}
.sdb-btn,
a.sdb-btn,
button.sdb-btn {
border: 1px solid currentColor !important;
}
.sdb-btn:focus-visible,
.sdb-card a:focus-visible,
.sdb-filter-bar input:focus-visible,
.sdb-filter-bar select:focus-visible,
.sdb-filter-bar textarea:focus-visible,
.sdb-form input:focus-visible,
.sdb-form select:focus-visible,
.sdb-form textarea:focus-visible,
.sdb-data-list a:focus-visible,
.sdb-table a:focus-visible {
outline: 3px solid var(--sdb-color-primary) !important;
outline-offset: 2px !important;
}
}
.sdb-cluster {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: var(--sdb-space-3) !important;
}
.sdb-split {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: var(--sdb-space-4) !important;
}
.sdb-flow > * + * {
margin-top: var(--sdb-flow-space, var(--sdb-space-4)) !important;
}
.sdb-surface {
background: var(--sdb-color-surface) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
box-shadow: var(--sdb-shadow-element) !important;
}
.sdb-grid--auto {
grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--sdb-grid-min, 260px)), 1fr)) !important;
}
@container (max-width: 760px) {
.sdb-grid--2,
.sdb-grid--3,
.sdb-grid--4 {
grid-template-columns: 1fr !important;
}
}
@container (min-width: 761px) and (max-width: 1040px) {
.sdb-grid--3,
.sdb-grid--4 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
.sdb-card {
overflow: clip !important;
}
.sdb-card__media img {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
}
.sdb-card--compact .sdb-card__body {
padding: var(--sdb-space-5) !important;
}
.sdb-card--compact .sdb-card__footer {
padding: 0 var(--sdb-space-5) var(--sdb-space-5) !important;
}
.sdb-btn[aria-disabled="true"],
.sdb-btn.is-disabled,
.sdb-btn:disabled {
cursor: not-allowed !important;
opacity: .55 !important;
pointer-events: none !important;
}
.sdb-filter-bar--compact {
padding: var(--sdb-space-5) !important;
gap: var(--sdb-space-4) !important;
}
.sdb-filter-bar--compact .sdb-filter-bar__group {
gap: var(--sdb-space-2) !important;
}
.sdb-form__hint,
.sdb-form__error {
display: block !important;
margin-top: var(--sdb-space-2) !important;
font-family: var(--sdb-font-body) !important;
font-size: 13px !important;
line-height: 1.4 !important;
}
.sdb-form__hint { color: var(--sdb-color-muted) !important; }
.sdb-form__error { color: var(--sdb-color-error-text) !important; font-weight: 600 !important; }
.sdb-form__field.is-error input,
.sdb-form__field.is-error select,
.sdb-form__field.is-error textarea,
.sdb-form input[aria-invalid="true"],
.sdb-form select[aria-invalid="true"],
.sdb-form textarea[aria-invalid="true"] {
border-color: var(--sdb-color-error) !important;
box-shadow: 0 0 0 3px rgba(197, 48, 48, .12) !important;
}
.sdb-table--compact th,
.sdb-table--compact td {
padding: 10px 12px !important;
font-size: 14px !important;
}
.sdb-table--relaxed th,
.sdb-table--relaxed td {
padding: 18px 20px !important;
}
.sdb-table-wrap[data-scroll-hint]::after {
content: attr(data-scroll-hint) !important;
}
.sdb-data-list--compact .sdb-data-list__row {
padding-block: var(--sdb-space-4) !important;
}
.sdb-data-list--compact .sdb-data-list__head,
.sdb-data-list--compact .sdb-data-list__row {
gap: var(--sdb-space-3) !important;
}
.sdb-empty-state--compact {
padding: var(--sdb-space-8) !important;
}
.sdb-empty-state--compact .sdb-empty-state__icon {
width: 42px !important;
height: 42px !important;
font-size: 20px !important;
}
.sdb-notice {
display: flex !important;
gap: var(--sdb-space-3) !important;
align-items: flex-start !important;
padding: var(--sdb-space-4) var(--sdb-space-5) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-md) !important;
background: var(--sdb-color-surface) !important;
color: var(--sdb-color-text) !important;
font-family: var(--sdb-font-body) !important;
line-height: 1.55 !important;
}
.sdb-notice__icon {
flex: 0 0 auto !important;
color: var(--sdb-color-primary) !important;
font-weight: 700 !important;
}
.sdb-tag-list {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--sdb-space-2) !important;
align-items: center !important;
}
.sdb-admin-preview-note {
font-family: var(--sdb-font-meta) !important;
font-size: 12px !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: var(--sdb-color-muted) !important;
} :root {
--sdb-control-height-sm: 34px;
--sdb-control-height-md: 42px;
--sdb-control-height-lg: 48px;
--sdb-line-tight: 1.3;
--sdb-line-normal: 1.55;
--sdb-line-relaxed: 1.7;
--sdb-density-compact-padding: 12px;
--sdb-density-comfortable-padding: 18px;
--sdb-density-relaxed-padding: 24px;
--sdb-z-sticky-actions: 20;
}
.sdb-toolbar,
.sdb-action-bar,
.sdb-record-list,
.sdb-record-row,
.sdb-detail-header,
.sdb-nav-strip,
.sdb-code-pill {
box-sizing: border-box;
}
.sdb-toolbar,
.sdb-action-bar {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: var(--sdb-space-3) var(--sdb-space-4) !important;
margin-block: var(--sdb-space-5) !important;
}
.sdb-toolbar__main,
.sdb-action-bar__main,
.sdb-toolbar__actions,
.sdb-action-bar__actions {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: var(--sdb-space-2) !important;
}
.sdb-toolbar--compact,
.sdb-action-bar--compact {
margin-block: var(--sdb-space-3) !important;
gap: var(--sdb-space-2) !important;
}
.sdb-action-bar--sticky {
position: sticky !important;
bottom: 0 !important;
z-index: var(--sdb-z-sticky-actions) !important;
padding-block: var(--sdb-space-4) !important;
background: var(--sdb-gradient-sticky-mask) !important;
}
.sdb-code-pill {
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
max-width: 100% !important;
padding: 4px 10px !important;
border: 1px solid var(--sdb-color-blue-divider) !important;
border-radius: var(--sdb-radius-pill) !important;
background: var(--sdb-color-blue-background) !important;
color: var(--sdb-color-primary) !important;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
font-size: 12.5px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.sdb-code-pill--neutral {
border-color: var(--sdb-color-border) !important;
background: var(--sdb-color-background) !important;
color: var(--sdb-color-soft-black) !important;
}
.sdb-record-list {
display: grid !important;
gap: var(--sdb-space-3) !important;
}
.sdb-record-list--compact {
gap: var(--sdb-space-2) !important;
}
.sdb-record-row {
display: grid !important;
grid-template-columns: var(--sdb-record-columns, minmax(220px, .9fr) minmax(160px, .45fr) minmax(260px, 1fr));
gap: var(--sdb-space-4) !important;
align-items: start !important;
padding: var(--sdb-density-comfortable-padding) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
background: var(--sdb-color-surface) !important;
box-shadow: var(--sdb-shadow-element) !important;
}
.sdb-record-row--compact {
padding: var(--sdb-density-compact-padding) var(--sdb-density-comfortable-padding) !important;
border-radius: var(--sdb-radius-md) !important;
gap: var(--sdb-space-3) !important;
}
.sdb-record-cell {
min-width: 0 !important;
}
.sdb-record-label {
display: block !important;
margin: 0 0 var(--sdb-space-1) !important;
font-family: var(--sdb-font-meta) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: var(--sdb-line-tight) !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: var(--sdb-color-muted) !important;
}
.sdb-record-title {
display: block !important;
margin: 0 !important;
font-family: var(--sdb-font-heading) !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: var(--sdb-line-tight) !important;
color: var(--sdb-color-title) !important;
}
.sdb-record-meta {
display: block !important;
margin-top: var(--sdb-space-1) !important;
font-family: var(--sdb-font-body) !important;
font-size: 13px !important;
line-height: var(--sdb-line-normal) !important;
color: var(--sdb-color-text) !important;
overflow-wrap: anywhere !important;
}
.sdb-field-compact textarea,
textarea.sdb-textarea--single-line {
min-height: var(--sdb-control-height-sm) !important;
height: var(--sdb-control-height-sm) !important;
padding-block: 6px !important;
resize: vertical !important;
}
.sdb-detail-header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: var(--sdb-space-5) !important;
align-items: center !important;
padding: var(--sdb-space-6) !important;
margin-bottom: var(--sdb-space-6) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
background: var(--sdb-color-surface) !important;
box-shadow: var(--sdb-shadow-element) !important;
}
.sdb-detail-header__summary {
min-width: 140px !important;
padding: var(--sdb-space-4) var(--sdb-space-5) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
background: linear-gradient(180deg, var(--sdb-color-background), var(--sdb-color-surface)) !important;
text-align: center !important;
}
.sdb-detail-header__summary strong {
display: block !important;
color: var(--sdb-color-primary) !important;
font-family: var(--sdb-font-heading) !important;
font-size: 32px !important;
line-height: 1 !important;
}
.sdb-detail-header__summary span {
display: block !important;
margin-top: var(--sdb-space-2) !important;
color: var(--sdb-color-muted) !important;
font-family: var(--sdb-font-meta) !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
.sdb-nav-strip {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--sdb-space-2) !important;
align-items: center !important;
margin-block: var(--sdb-space-5) !important;
}
.sdb-nav-strip__link {
display: inline-flex !important;
align-items: center !important;
gap: var(--sdb-space-2) !important;
min-height: 38px !important;
padding: 8px 14px !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-pill) !important;
background: var(--sdb-color-surface) !important;
color: var(--sdb-color-title) !important;
font-family: var(--sdb-font-body) !important;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.sdb-nav-strip__link:hover,
.sdb-nav-strip__link:focus-visible,
.sdb-nav-strip__link--active {
border-color: var(--sdb-color-blue-divider) !important;
background: var(--sdb-color-blue-background) !important;
color: var(--sdb-color-primary) !important;
}
@media (max-width: 1100px) {
.sdb-record-row {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 782px) {
.sdb-detail-header {
grid-template-columns: 1fr !important;
padding: var(--sdb-space-5) !important;
}
.sdb-detail-header__summary {
text-align: left !important;
}
.sdb-detail-header__summary strong,
.sdb-detail-header__summary span {
display: inline-block !important;
vertical-align: baseline !important;
}
.sdb-detail-header__summary span {
margin: 0 0 0 var(--sdb-space-2) !important;
}
.sdb-toolbar,
.sdb-action-bar {
align-items: stretch !important;
}
} .sdb-density-compact {
--sdb-density-padding-current: var(--sdb-density-compact-padding, 12px);
--sdb-density-gap-current: var(--sdb-space-3);
--sdb-density-control-height-current: var(--sdb-control-height-sm, 34px);
}
.sdb-density-comfortable {
--sdb-density-padding-current: var(--sdb-density-comfortable-padding, 18px);
--sdb-density-gap-current: var(--sdb-space-4);
--sdb-density-control-height-current: var(--sdb-control-height-md, 42px);
}
.sdb-density-relaxed {
--sdb-density-padding-current: var(--sdb-density-relaxed-padding, 24px);
--sdb-density-gap-current: var(--sdb-space-6);
--sdb-density-control-height-current: var(--sdb-control-height-lg, 48px);
}
.sdb-density-compact .sdb-card__body,
.sdb-density-compact .sdb-panel,
.sdb-density-compact .sdb-surface,
.sdb-density-compact .sdb-filter-bar,
.sdb-density-compact .sdb-empty-state {
padding: var(--sdb-density-padding-current) !important;
}
.sdb-density-compact .sdb-card__footer {
padding: 0 var(--sdb-density-padding-current) var(--sdb-density-padding-current) !important;
}
.sdb-density-compact .sdb-section {
padding-block: var(--sdb-space-6) !important;
}
.sdb-density-relaxed .sdb-card__body,
.sdb-density-relaxed .sdb-panel,
.sdb-density-relaxed .sdb-surface,
.sdb-density-relaxed .sdb-filter-bar,
.sdb-density-relaxed .sdb-empty-state {
padding: var(--sdb-density-padding-current) !important;
}
.sdb-density-relaxed .sdb-card__footer {
padding: 0 var(--sdb-density-padding-current) var(--sdb-density-padding-current) !important;
}
.sdb-density-compact .sdb-grid,
.sdb-density-compact .sdb-actions,
.sdb-density-compact .sdb-stack,
.sdb-density-compact .sdb-filter-bar {
gap: var(--sdb-density-gap-current) !important;
}
.sdb-density-compact .sdb-btn {
min-height: var(--sdb-density-control-height-current) !important;
padding-block: 7px !important;
}
.sdb-preview {
container-type: inline-size;
}
.sdb-preview__block {
border-top: 1px solid var(--sdb-color-border) !important;
}
.sdb-preview .sdb-section-header {
margin-bottom: var(--sdb-space-8) !important;
}
.sdb-preview code,
.sdb-preview pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
} :root {
--sdb-container-sm: 720px;
--sdb-container-md: 960px;
--sdb-container-lg: 1180px;
--sdb-container-xl: 1360px;
--sdb-content-narrow: 760px;
--sdb-content-wide: 1080px;
--sdb-detail-sidebar-width: 320px;
}
.sdb-container--narrow { width: min(100%, var(--sdb-content-narrow)); }
.sdb-container--wide { width: min(100%, var(--sdb-content-wide)); }
.sdb-container--full { width: min(100%, var(--sdb-container-xl)); }
.sdb-detail {
display: grid;
gap: var(--sdb-space-8);
color: var(--sdb-color-text);
}
.sdb-detail__header {
display: grid;
gap: var(--sdb-space-4);
padding-bottom: var(--sdb-space-6);
border-bottom: 1px solid var(--sdb-color-border);
}
.sdb-detail__title {
margin: 0;
font-family: var(--sdb-font-heading);
font-size: clamp(28px, 4vw, var(--sdb-text-h1));
line-height: 1.2;
letter-spacing: -0.02em;
color: var(--sdb-color-title);
}
.sdb-detail__summary {
max-width: var(--sdb-content-narrow);
margin: 0;
font-family: var(--sdb-font-body);
font-size: var(--sdb-text-lead);
line-height: 1.6;
color: var(--sdb-color-text);
}
.sdb-detail__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, var(--sdb-detail-sidebar-width));
gap: var(--sdb-space-10);
align-items: start;
}
.sdb-detail__content {
min-width: 0;
font-family: var(--sdb-font-body);
color: var(--sdb-color-text);
}
.sdb-detail__aside {
min-width: 0;
}
.sdb-detail__actions,
.sdb-secondary-actions,
.sdb-context-actions,
.sdb-button-group,
.sdb-share-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-3);
}
.sdb-detail__footer {
padding-top: var(--sdb-space-6);
border-top: 1px solid var(--sdb-color-border);
}
.sdb-back-link,
a.sdb-back-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--sdb-font-body);
font-size: 15px;
font-weight: 600;
color: var(--sdb-color-primary);
text-decoration: none;
}
.sdb-back-link::before { content: "←"; }
.sdb-back-link:hover { color: var(--sdb-color-primary-hover); text-decoration: underline; text-underline-offset: 3px; }
.sdb-inline-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2);
padding-block: var(--sdb-space-3);
border-block: 1px solid var(--sdb-color-border);
}
.sdb-inline-nav__link,
a.sdb-inline-nav__link {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 7px 12px;
border-radius: var(--sdb-radius-pill);
color: var(--sdb-color-text);
text-decoration: none;
font-family: var(--sdb-font-body);
font-size: 14px;
font-weight: 600;
}
.sdb-inline-nav__link:hover,
.sdb-inline-nav__link[aria-current="page"] {
background: var(--sdb-color-primary-soft);
color: var(--sdb-color-primary);
}
.sdb-nav-strip {
display: flex;
gap: var(--sdb-space-2);
overflow-x: auto;
padding: var(--sdb-space-2);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: #fff;
-webkit-overflow-scrolling: touch;
}
.sdb-nav-strip__link,
a.sdb-nav-strip__link {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 8px 14px;
border-radius: var(--sdb-radius-pill);
color: var(--sdb-color-text);
text-decoration: none;
font-family: var(--sdb-font-body);
font-size: 14px;
font-weight: 600;
}
.sdb-nav-strip__link:hover,
.sdb-nav-strip__link[aria-current="page"] {
background: var(--sdb-color-primary);
color: #fff;
}
.sdb-toolbar--between,
.sdb-action-bar--between {
justify-content: space-between;
}
.sdb-data-list--editorial .sdb-data-list__row {
grid-template-columns: minmax(0, 2fr) minmax(150px, .8fr) minmax(160px, .8fr);
}
.sdb-data-list--with-actions .sdb-data-list__row,
.sdb-data-list--with-actions .sdb-data-list__head {
grid-template-columns: minmax(0, 1.6fr) minmax(140px, .7fr) minmax(160px, .8fr) minmax(150px, auto);
}
.sdb-data-list__actions {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-space-2);
justify-content: flex-end;
align-items: center;
}
.sdb-table--plain {
border: 0 !important;
box-shadow: none !important;
}
.sdb-table--plain thead th {
background: transparent !important;
border-bottom: 2px solid var(--sdb-color-border) !important;
}
.sdb-table--numeric th:not(:first-child),
.sdb-table--numeric td:not(:first-child) {
text-align: right;
font-variant-numeric: tabular-nums;
}
.sdb-table--ranking td:first-child,
.sdb-table--ranking th:first-child {
width: 64px;
text-align: center;
font-weight: 700;
color: var(--sdb-color-title);
}
@media (max-width: 900px) {
.sdb-detail__layout { grid-template-columns: 1fr; }
.sdb-detail__aside { order: -1; }
.sdb-data-list--with-actions .sdb-data-list__row,
.sdb-data-list--with-actions .sdb-data-list__head,
.sdb-data-list--editorial .sdb-data-list__row {
grid-template-columns: 1fr;
}
.sdb-data-list__actions { justify-content: flex-start; }
}
@media (max-width: 640px) {
.sdb-detail__header { gap: var(--sdb-space-3); }
.sdb-detail__summary { font-size: 18px; }
.sdb-secondary-actions,
.sdb-context-actions,
.sdb-button-group,
.sdb-share-actions {
align-items: stretch;
}
.sdb-button-group .sdb-btn,
.sdb-context-actions .sdb-btn {
width: 100%;
}
} .sdb-plugin-shell {
--sdb-plugin-shell-gap: clamp(18px, 3vw, 32px);
display: grid;
gap: var(--sdb-plugin-shell-gap);
width: 100%;
}
.sdb-plugin-shell__header,
.sdb-plugin-shell__filters,
.sdb-plugin-shell__content,
.sdb-plugin-shell__footer,
.sdb-plugin-shell__aside {
min-width: 0;
}
.sdb-plugin-shell__header {
display: grid;
gap: 10px;
}
.sdb-plugin-shell__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
gap: clamp(20px, 3vw, 36px);
align-items: start;
}
.sdb-plugin-shell__aside {
position: sticky;
top: var(--sdb-sticky-offset, 24px);
}
.sdb-plugin-shell--compact {
--sdb-plugin-shell-gap: 16px;
}
.sdb-plugin-shell--compact .sdb-plugin-shell__header {
gap: 6px;
}
.sdb-plugin-shell--wide .sdb-plugin-shell__layout {
grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
}
.sdb-pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
margin: clamp(22px, 3vw, 36px) 0 0;
font-family: var(--sdb-font-body);
}
.sdb-pagination__item {
display: inline-flex;
}
.sdb-pagination__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 8px 12px;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: #fff;
color: var(--sdb-color-text);
font-size: 15px;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}
.sdb-pagination__link:hover,
.sdb-pagination__link:focus-visible {
border-color: var(--sdb-color-primary);
color: var(--sdb-color-primary);
background: var(--sdb-color-primary-soft, #e4f5ff);
text-decoration: none;
}
.sdb-pagination__link--active,
.sdb-pagination__link[aria-current="page"] {
border-color: var(--sdb-color-primary);
background: var(--sdb-color-primary);
color: #fff;
}
.sdb-pagination__link--disabled,
.sdb-pagination__link[aria-disabled="true"] {
cursor: not-allowed;
opacity: .55;
pointer-events: none;
}
.sdb-pagination--compact {
gap: 6px;
margin-top: 18px;
}
.sdb-pagination--compact .sdb-pagination__link {
min-width: 34px;
min-height: 34px;
padding: 6px 10px;
font-size: 14px;
}
@media (max-width: 900px) {
.sdb-plugin-shell__layout,
.sdb-plugin-shell--wide .sdb-plugin-shell__layout {
grid-template-columns: 1fr;
}
.sdb-plugin-shell__aside {
position: static;
}
}
@media (max-width: 560px) {
.sdb-pagination {
justify-content: flex-start;
overflow-x: auto;
padding-bottom: 4px;
}
.sdb-pagination__link {
min-width: 36px;
min-height: 36px;
}
} .sdb-media,
.sdb-thumbnail {
position: relative;
display: block;
width: 100%;
overflow: hidden;
background: var(--sdb-media-bg);
border: 1px solid var(--sdb-media-border);
border-radius: var(--sdb-radius-lg);
}
.sdb-media::before,
.sdb-thumbnail::before {
content: "";
display: block;
aspect-ratio: 16 / 9;
}
.sdb-media--16x9::before { aspect-ratio: 16 / 9; }
.sdb-media--4x3::before { aspect-ratio: 4 / 3; }
.sdb-media--1x1::before { aspect-ratio: 1 / 1; }
.sdb-media--portrait::before { aspect-ratio: 3 / 4; }
.sdb-media__image,
.sdb-thumbnail img,
.sdb-media > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.sdb-avatar {
display: inline-flex;
width: 56px;
height: 56px;
overflow: hidden;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--sdb-color-background);
border: 1px solid var(--sdb-color-border);
color: var(--sdb-color-muted);
font-family: var(--sdb-font-heading);
font-weight: 700;
}
.sdb-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sdb-logo-mark {
display: inline-flex;
max-width: 180px;
max-height: 64px;
object-fit: contain;
}
.sdb-document-list {
display: grid;
gap: 10px;
margin: 20px 0;
}
.sdb-document-item {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 14px;
align-items: center;
padding: 14px 0;
border-bottom: 1px solid var(--sdb-color-border);
}
.sdb-document-list--compact .sdb-document-item {
gap: 10px;
padding: 10px 0;
}
.sdb-document-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: var(--sdb-radius-md);
background: var(--sdb-color-background);
color: var(--sdb-color-primary);
font-weight: 700;
}
.sdb-document-title {
display: block;
margin: 0;
color: var(--sdb-color-title);
font-family: var(--sdb-font-heading);
font-size: 17px;
font-weight: 700;
line-height: 1.25;
text-decoration: none;
}
.sdb-document-title:hover {
color: var(--sdb-color-primary);
text-decoration: none;
}
.sdb-document-meta {
display: block;
margin-top: 3px;
color: var(--sdb-color-muted);
font-family: var(--sdb-font-meta);
font-size: 13px;
letter-spacing: .04em;
text-transform: uppercase;
}
.sdb-document-actions {
display: inline-flex;
gap: 8px;
align-items: center;
justify-content: flex-end;
}
.sdb-form-section {
padding: 22px;
margin: 22px 0;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: #fff;
}
.sdb-form-section__title {
margin: 0 0 6px;
font-family: var(--sdb-font-heading);
color: var(--sdb-color-title);
font-size: 21px;
line-height: 1.25;
}
.sdb-form-help,
.sdb-form-error,
.sdb-form-success {
display: block;
margin-top: 6px;
font-size: 14px;
line-height: 1.4;
}
.sdb-form-help { color: var(--sdb-color-muted); }
.sdb-form-error { color: var(--sdb-color-error-text); font-weight: 600; }
.sdb-form-success { color: var(--sdb-color-success-text); font-weight: 600; }
.sdb-required { color: var(--sdb-color-error); font-weight: 700; }
.sdb-choice-group {
display: grid;
gap: 10px;
margin-top: 8px;
}
.sdb-radio-card,
.sdb-checkbox-card {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 14px;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: #fff;
cursor: pointer;
transition: border-color .18s ease, box-shadow .18s ease;
}
.sdb-radio-card:has(input:checked),
.sdb-checkbox-card:has(input:checked) {
border-color: var(--sdb-color-primary);
box-shadow: 0 0 0 3px rgba(0, 88, 183, .10);
}
.sdb-file-upload {
display: block;
padding: 18px;
border: 1px dashed var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: var(--sdb-color-background);
color: var(--sdb-color-text);
}
.sdb-status {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 24px;
padding: 4px 10px;
border-radius: var(--sdb-radius-pill);
background: var(--sdb-status-draft-bg);
color: var(--sdb-status-draft-text);
font-family: var(--sdb-font-meta);
font-size: 13px;
font-weight: 700;
line-height: 1;
letter-spacing: .04em;
text-transform: uppercase;
white-space: nowrap;
}
.sdb-status::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: currentColor;
}
.sdb-status--active, .sdb-status--public { background: var(--sdb-status-active-bg); color: var(--sdb-status-active-text); }
.sdb-status--draft { background: var(--sdb-status-draft-bg); color: var(--sdb-status-draft-text); }
.sdb-status--review { background: var(--sdb-status-review-bg); color: var(--sdb-status-review-text); }
.sdb-status--expired { background: var(--sdb-status-expired-bg); color: var(--sdb-status-expired-text); }
.sdb-status--hidden, .sdb-status--internal { background: var(--sdb-status-hidden-bg); color: var(--sdb-status-hidden-text); }
.sdb-timeline {
display: grid;
gap: 18px;
margin: 26px 0;
padding-left: 0;
list-style: none;
}
.sdb-timeline__item {
position: relative;
display: grid;
grid-template-columns: minmax(88px, auto) minmax(0, 1fr);
gap: 18px;
align-items: start;
}
.sdb-timeline__date {
color: var(--sdb-color-primary);
font-family: var(--sdb-font-meta);
font-size: 14px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
.sdb-timeline__content {
padding: 0 0 18px 18px;
border-left: 2px solid var(--sdb-color-border);
}
.sdb-schedule {
display: grid;
gap: 16px;
margin: 24px 0;
}
.sdb-schedule__day {
display: grid;
gap: 10px;
}
.sdb-schedule__title {
margin: 0;
color: var(--sdb-color-title);
font-family: var(--sdb-font-heading);
font-size: 22px;
}
.sdb-schedule__item {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
gap: 14px;
align-items: start;
padding: 14px 0;
border-bottom: 1px solid var(--sdb-color-border);
}
.sdb-schedule__time {
color: var(--sdb-color-primary);
font-family: var(--sdb-font-meta);
font-weight: 700;
letter-spacing: .04em;
}
.sdb-date-badge {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: var(--sdb-date-badge-width);
min-height: 72px;
padding: 8px;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: #fff;
color: var(--sdb-color-title);
line-height: 1;
text-align: center;
}
.sdb-date-badge__day {
font-family: var(--sdb-font-heading);
font-size: 28px;
font-weight: 800;
letter-spacing: -.04em;
}
.sdb-date-badge__month {
margin-top: 5px;
color: var(--sdb-color-muted);
font-family: var(--sdb-font-meta);
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
@media (max-width: 640px) {
.sdb-document-item {
grid-template-columns: auto minmax(0, 1fr);
}
.sdb-document-actions {
grid-column: 2;
justify-content: flex-start;
}
.sdb-timeline__item,
.sdb-schedule__item {
grid-template-columns: 1fr;
gap: 6px;
}
.sdb-timeline__content {
padding-left: 14px;
}
} :root {
--sdb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--sdb-space-xs: var(--sdb-space-2);
--sdb-space-sm: var(--sdb-space-3);
--sdb-space-md: var(--sdb-space-5);
--sdb-space-lg: var(--sdb-space-8);
--sdb-space-xl: var(--sdb-space-12);
--sdb-radius-circle: 999px;
--sdb-shadow-hover: var(--sdb-shadow-card-hover);
--sdb-shadow-modal: 0 24px 70px rgba(31, 42, 54, .18);
--sdb-shadow-overlay: 0 20px 60px rgba(0, 0, 0, .24);
--sdb-shadow-on-image-card: 0 18px 42px rgba(0, 0, 0, .22);
--sdb-color-surface-muted: #F8FAFC;
--sdb-color-overlay: rgba(12, 24, 38, .58);
--sdb-color-on-image: #FFFFFF;
--sdb-color-on-image-muted: rgba(255, 255, 255, .86);
--sdb-border-on-image: rgba(255, 255, 255, .28);
--sdb-focus-on-image: rgba(255, 255, 255, .72);
--sdb-font-size-hero-xl: clamp(38px, 5vw, 72px);
--sdb-font-size-hero-lg: clamp(32px, 4vw, 56px);
--sdb-font-size-hero-md: clamp(28px, 3vw, 44px);
--sdb-line-height-hero: 1.02;
--sdb-transition-fast: 150ms;
--sdb-transition-base: 220ms;
--sdb-transition-slow: 360ms;
--sdb-ease-standard: cubic-bezier(.2, .8, .2, 1);
}
.sdb-admin-dashboard-grid,
.sdb-admin-tool-grid {
display: grid;
gap: var(--sdb-space-5);
}
.sdb-admin-dashboard-grid--two-columns,
.sdb-admin-tool-grid--two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-admin-dashboard-grid--auto,
.sdb-admin-tool-grid--auto { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.sdb-admin-tool-panel,
.sdb-admin-control-panel,
.sdb-admin-results-panel,
.sdb-admin-network-operation-panel {
background: var(--sdb-color-surface);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
padding: var(--sdb-space-6);
}
.sdb-admin-tool-panel__header,
.sdb-admin-code-editor__header { margin-bottom: var(--sdb-space-4); }
.sdb-admin-tool-panel__title { margin: 0 0 var(--sdb-space-2); color: var(--sdb-color-title); font-size: 20px; }
.sdb-admin-tool-panel__description { margin: 0; color: var(--sdb-color-text); }
.sdb-admin-tool-panel__body { display: grid; gap: var(--sdb-space-4); }
.sdb-admin-tool-panel__actions,
.sdb-admin-batch-controls__actions,
.sdb-admin-progress-panel__actions,
.sdb-admin-export-actions { display: flex; flex-wrap: wrap; gap: var(--sdb-space-3); align-items: center; }
.sdb-admin-site-selector { display: grid; gap: var(--sdb-space-2); }
.sdb-admin-site-selector__label,
.sdb-admin-batch-controls__field label { color: var(--sdb-color-title); font-weight: 700; }
.sdb-admin-site-selector__control,
.sdb-admin-code-field {
width: 100%;
min-height: var(--sdb-control-height-md, 44px);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: var(--sdb-color-surface);
color: var(--sdb-color-title);
}
.sdb-admin-site-selector__description,
.sdb-admin-export-actions__note { margin: 0; color: var(--sdb-color-muted); font-size: 14px; }
.sdb-admin-scan-status {
display: flex;
gap: var(--sdb-space-3);
align-items: flex-start;
padding: var(--sdb-space-4);
border-radius: var(--sdb-radius-md);
border: 1px solid var(--sdb-color-border);
background: var(--sdb-color-background);
}
.sdb-admin-scan-status__icon { flex: 0 0 auto; width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: var(--sdb-radius-circle); background: var(--sdb-color-primary); color: #fff; }
.sdb-admin-scan-status__content { display: grid; gap: 2px; color: var(--sdb-color-text); }
.sdb-admin-scan-status__content strong { color: var(--sdb-color-title); }
.sdb-admin-scan-status--running { background: var(--sdb-color-info-bg); border-color: rgba(134, 134, 242, .35); }
.sdb-admin-scan-status--finished { background: var(--sdb-color-success-bg); border-color: rgba(47, 143, 78, .3); }
.sdb-admin-scan-status--warning,
.sdb-admin-scan-status--paused { background: var(--sdb-color-warning-bg); border-color: rgba(245, 158, 11, .35); }
.sdb-admin-scan-status--error { background: var(--sdb-color-error-bg); border-color: rgba(197, 48, 48, .35); }
.sdb-admin-progress-panel { display: grid; gap: var(--sdb-space-3); }
.sdb-admin-progress-panel__meta { display: flex; justify-content: space-between; gap: var(--sdb-space-3); color: var(--sdb-color-text); font-size: 14px; }
.sdb-admin-progress-panel__meta strong { color: var(--sdb-color-title); }
.sdb-admin-progress-panel__bar { overflow: hidden; height: 8px; border-radius: var(--sdb-radius-pill); background: var(--sdb-color-border); }
.sdb-admin-progress-panel__bar > span { display: block; height: 100%; border-radius: inherit; background: var(--sdb-progress-fill); }
.sdb-admin-result-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--sdb-space-3); }
.sdb-admin-result-summary__item { padding: var(--sdb-space-4); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface-muted); }
.sdb-admin-result-summary__item strong { display: block; color: var(--sdb-color-primary); font-size: 28px; line-height: 1; }
.sdb-admin-result-summary__item span { display: block; margin-top: 6px; color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
.sdb-admin-danger-zone { padding: var(--sdb-space-6); border: 1px solid rgba(197, 48, 48, .28); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-error-bg); }
.sdb-admin-danger-zone__title { margin: 0 0 var(--sdb-space-2); color: var(--sdb-color-error-text); }
.sdb-admin-danger-zone__text { color: var(--sdb-color-error-text); }
.sdb-admin-danger-zone__actions { display: flex; gap: var(--sdb-space-3); flex-wrap: wrap; }
.sdb-admin-code-editor { overflow: hidden; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); box-shadow: var(--sdb-shadow-element); }
.sdb-admin-code-editor__header,
.sdb-admin-code-editor__footer { display: flex; align-items: center; justify-content: space-between; gap: var(--sdb-space-3); padding: var(--sdb-space-3) var(--sdb-space-4); background: var(--sdb-color-background); color: var(--sdb-color-title); }
.sdb-admin-code-editor__body { padding: var(--sdb-space-4); font-family: var(--sdb-font-mono); color: var(--sdb-color-title); }
.sdb-admin-file-status { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 9px; border-radius: var(--sdb-radius-pill); font-size: 12px; font-weight: 700; }
.sdb-admin-file-status--readable,
.sdb-admin-file-status--writable { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); }
.sdb-admin-file-status--missing,
.sdb-admin-file-status--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); }
.sdb-admin-permission-matrix,
.sdb-admin-capability-list { display: grid; gap: var(--sdb-space-3); }
.sdb-admin-permission-matrix__group,
.sdb-admin-capability-list__item { padding: var(--sdb-space-3); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); }
.sdb-admin-capability-list__code { font-family: var(--sdb-font-mono); font-size: 13px; }
.sdb-admin-advanced-details { border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); }
.sdb-admin-advanced-details__summary { cursor: pointer; padding: var(--sdb-space-3) var(--sdb-space-4); font-weight: 700; color: var(--sdb-color-title); }
.sdb-admin-advanced-details__content { padding: 0 var(--sdb-space-4) var(--sdb-space-4); color: var(--sdb-color-text); }
.sdb-is-spinning { animation: sdb-spin 900ms linear infinite; }
@keyframes sdb-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .sdb-is-spinning { animation: none; } }
.sdb-hero-slider { position: relative; width: 100%; }
.sdb-hero-slider--contained { overflow: hidden; border-radius: var(--sdb-radius-xl); box-shadow: var(--sdb-shadow-card); }
.sdb-hero-slider--full-width { width: 100vw; margin-left: calc(50% - 50vw); }
.sdb-hero-slider--full-viewport .sdb-hero-slide { min-height: 100vh; }
.sdb-hero-slide { position: relative; min-height: clamp(420px, 62vw, 720px); display: grid; align-items: end; overflow: hidden; background: var(--sdb-color-soft-black); }
.sdb-hero-media { position: absolute; inset: 0; }
.sdb-hero-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdb-hero-overlay { position: absolute; inset: 0; background: var(--sdb-color-overlay); pointer-events: none; }
.sdb-hero-overlay--dark { background: rgba(10, 20, 32, .62); }
.sdb-hero-overlay--gradient-left { background: linear-gradient(90deg, rgba(10, 20, 32, .78) 0%, rgba(10, 20, 32, .42) 48%, rgba(10, 20, 32, .08) 100%); }
.sdb-hero-overlay--gradient-bottom { background: linear-gradient(0deg, rgba(10, 20, 32, .78) 0%, rgba(10, 20, 32, .36) 45%, rgba(10, 20, 32, .08) 100%); }
.sdb-hero-content { position: relative; z-index: 2; max-width: 780px; padding: clamp(28px, 6vw, 72px); color: var(--sdb-color-on-image); }
.sdb-hero-title { margin: 0; color: var(--sdb-color-on-image); font-size: var(--sdb-font-size-hero-lg); line-height: var(--sdb-line-height-hero); font-family: var(--sdb-font-heading); }
.sdb-hero-subtitle { margin: var(--sdb-space-4) 0 0; color: var(--sdb-color-on-image-muted); font-size: clamp(17px, 2vw, 22px); }
.sdb-hero-tag { display: inline-flex; margin-bottom: var(--sdb-space-3); padding: 5px 12px; border: 1px solid var(--sdb-border-on-image); border-radius: var(--sdb-radius-pill); color: var(--sdb-color-on-image); font-family: var(--sdb-font-meta); text-transform: uppercase; letter-spacing: .09em; font-size: 12px; font-weight: 700; }
.sdb-hero-cta { margin-top: var(--sdb-space-5); }
.sdb-slider-control { position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: var(--sdb-radius-circle); border: 1px solid var(--sdb-color-border); background: var(--sdb-color-surface); color: var(--sdb-color-primary); display: inline-grid; place-items: center; cursor: pointer; transition: transform var(--sdb-transition-base) var(--sdb-ease-standard); }
.sdb-slider-control:hover { transform: translateY(-50%) scale(1.04); }
.sdb-slider-control--prev { left: var(--sdb-space-4); }
.sdb-slider-control--next { right: var(--sdb-space-4); }
.sdb-slider-control--on-image { border-color: var(--sdb-border-on-image); background: rgba(255,255,255,.14); color: var(--sdb-color-on-image); backdrop-filter: blur(8px); }
.sdb-slider-pagination { display: flex; gap: var(--sdb-space-2); align-items: center; justify-content: center; }
.sdb-slider-pagination--on-image { position: absolute; z-index: 3; left: 0; right: 0; bottom: var(--sdb-space-5); }
.sdb-slider-pagination__item { width: 9px; height: 9px; border-radius: var(--sdb-radius-circle); background: var(--sdb-color-muted); opacity: .55; }
.sdb-slider-pagination--on-image .sdb-slider-pagination__item { background: var(--sdb-color-on-image); }
.sdb-slider-pagination__item--active { width: 24px; opacity: 1; }
.sdb-slider-preview-card { position: relative; overflow: hidden; min-height: 220px; border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-on-image-card); background: var(--sdb-color-soft-black); }
.sdb-slider-preview-card__image { position: absolute; inset: 0; }
.sdb-slider-preview-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdb-slider-preview-card__overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,20,32,.72), rgba(10,20,32,.12)); }
.sdb-slider-preview-card__title { position: absolute; left: var(--sdb-space-5); right: var(--sdb-space-5); bottom: var(--sdb-space-5); margin: 0; color: var(--sdb-color-on-image); font-size: 22px; }
@media (max-width: 782px) {
.sdb-admin-dashboard-grid--two-columns,
.sdb-admin-tool-grid--two-columns { grid-template-columns: 1fr; }
.sdb-hero-slide { min-height: 480px; }
.sdb-slider-control { display: none; }
.sdb-hero-content { padding: 28px; }
} :root {
--sdb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--sdb-color-on-image: #FFFFFF;
--sdb-color-on-image-muted: rgba(255, 255, 255, 0.82);
--sdb-color-on-image-soft: rgba(255, 255, 255, 0.14);
--sdb-color-on-image-border: rgba(255, 255, 255, 0.28);
--sdb-shadow-overlay: 0 18px 45px rgba(10, 24, 42, 0.22);
--sdb-shadow-on-image-card: 0 18px 44px rgba(0, 0, 0, 0.28);
--sdb-focus-ring: 0 0 0 3px rgba(0, 155, 216, 0.28);
} .sdb-u-font-heading { font-family: var(--sdb-font-heading); }
.sdb-u-font-body { font-family: var(--sdb-font-body); }
.sdb-u-font-meta { font-family: var(--sdb-font-meta); letter-spacing: .08em; text-transform: uppercase; }
.sdb-u-font-mono { font-family: var(--sdb-font-mono); }
.sdb-u-text-primary { color: var(--sdb-color-primary); }
.sdb-u-text-secondary { color: var(--sdb-color-secondary); }
.sdb-u-text-title { color: var(--sdb-color-title); }
.sdb-u-text-body { color: var(--sdb-color-text); }
.sdb-u-text-muted { color: var(--sdb-color-muted); }
.sdb-u-text-on-image { color: var(--sdb-color-on-image); }
.sdb-u-text-on-image-muted { color: var(--sdb-color-on-image-muted); }
.sdb-u-bg-surface { background: var(--sdb-color-surface); }
.sdb-u-bg-muted { background: var(--sdb-color-background); }
.sdb-u-bg-primary { background: var(--sdb-color-primary); color: var(--sdb-color-on-image); }
.sdb-u-bg-on-image { background: var(--sdb-color-on-image-soft); color: var(--sdb-color-on-image); }
.sdb-u-radius-sm { border-radius: var(--sdb-radius-sm, 8px); }
.sdb-u-radius-md { border-radius: var(--sdb-radius-md); }
.sdb-u-radius-lg { border-radius: var(--sdb-radius-lg, 18px); }
.sdb-u-radius-pill { border-radius: var(--sdb-radius-pill, 999px); }
.sdb-u-shadow-card { box-shadow: var(--sdb-shadow-card, var(--sdb-shadow-element)); }
.sdb-u-shadow-element { box-shadow: var(--sdb-shadow-element); }
.sdb-u-shadow-overlay { box-shadow: var(--sdb-shadow-overlay); }
.sdb-u-focus-ring:focus-visible,
.sdb-u-focus-ring :where(a, button, input, select, textarea):focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring);
}
.sdb-u-clickable-area { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.sdb-u-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } .sdb-editorial { color: var(--sdb-color-text); font-family: var(--sdb-font-body); }
.sdb-editorial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 34px); }
.sdb-editorial-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-editorial-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sdb-editorial-list { display: grid; gap: 18px; }
.sdb-editorial-item,
.sdb-editorial-card,
.sdb-editorial-feature { position: relative; min-width: 0; color: inherit; }
.sdb-editorial-card { background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg, 18px); overflow: clip; box-shadow: var(--sdb-shadow-card, var(--sdb-shadow-element)); }
.sdb-editorial-card__inner,
.sdb-editorial-content { padding: clamp(18px, 2.4vw, 28px); }
.sdb-editorial-media { position: relative; overflow: hidden; background: var(--sdb-color-background); }
.sdb-editorial-media img,
.sdb-editorial-media__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.sdb-editorial-title { margin: 0 0 .55em; font-family: var(--sdb-font-heading); font-size: var(--sdb-font-size-card-title, inherit); font-weight: var(--sdb-font-weight-card-title, 700); line-height: var(--sdb-line-height-card-title, 1.1); letter-spacing: var(--sdb-letter-spacing-card-title, -0.01em); color: var(--sdb-color-title); }
.sdb-editorial-text { margin: 0; color: var(--sdb-color-text); line-height: 1.65; }
.sdb-editorial-meta,
.sdb-editorial-eyebrow { display: inline-flex; align-items: center; gap: .45rem; font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-color-muted); }
.sdb-editorial-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 20px; } .sdb-on-image { color: var(--sdb-color-on-image); text-shadow: 0 2px 12px rgba(0, 0, 0, .32); }
.sdb-on-image__eyebrow,
.sdb-tag-on-image { display: inline-flex; align-items: center; gap: .45rem; width: fit-content; max-width: 100%; font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-color-on-image); }
.sdb-on-image__title { margin: 0; font-family: var(--sdb-font-heading); font-size: var(--sdb-font-size-hero-title, inherit); font-weight: var(--sdb-font-weight-hero-title, 800); line-height: var(--sdb-line-height-hero-title, 1.02); letter-spacing: var(--sdb-letter-spacing-hero-title, -0.035em); color: var(--sdb-color-on-image); }
.sdb-on-image__text,
.sdb-on-image__meta { color: var(--sdb-color-on-image-muted); }
.sdb-on-image__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 22px; }
.sdb-tag-on-image--plain { padding: 0; background: transparent; border: 0; }
.sdb-tag-on-image--pill { padding: .58em .85em; border-radius: var(--sdb-radius-pill, 999px); background: rgba(0, 0, 0, .32); border: 1px solid var(--sdb-color-on-image-border); backdrop-filter: blur(8px); }
.sdb-tag-on-image--outline { padding: .58em .85em; border-radius: var(--sdb-radius-pill, 999px); background: transparent; border: 1px solid var(--sdb-color-on-image-border); }
.sdb-link-on-image { display: inline-flex; align-items: center; gap: .55em; color: var(--sdb-color-on-image); font-family: var(--sdb-font-meta); font-weight: var(--sdb-font-weight-button, 800); letter-spacing: var(--sdb-letter-spacing-button, .06em); text-transform: uppercase; text-decoration: none; text-shadow: 0 2px 12px rgba(0, 0, 0, .34); }
.sdb-link-on-image:hover,
.sdb-link-on-image:focus-visible { color: var(--sdb-color-on-image); text-decoration: underline; text-underline-offset: .35em; }
.sdb-link-on-image--arrow::after { content: '→'; transform: translateY(-1px); transition: transform .18s ease; }
.sdb-link-on-image--arrow:hover::after { transform: translate(3px, -1px); }
.sdb-link-on-image--underline { border-bottom: 1px solid rgba(255,255,255,.42); padding-bottom: .22em; }
.sdb-btn--on-image,
.sdb-btn--on-image-outline,
.sdb-btn--on-image-text { color: var(--sdb-color-on-image); border-color: var(--sdb-color-on-image-border); }
.sdb-btn--on-image { background: var(--sdb-color-primary); border-color: var(--sdb-color-primary); box-shadow: 0 14px 30px rgba(0, 0, 0, .18); }
.sdb-btn--on-image:hover { color: var(--sdb-color-on-image); filter: brightness(1.06); }
.sdb-btn--on-image-outline { background: rgba(0, 0, 0, .22); backdrop-filter: blur(8px); }
.sdb-btn--on-image-outline:hover { background: rgba(255, 255, 255, .16); color: var(--sdb-color-on-image); }
.sdb-btn--on-image-text { background: transparent; border-color: transparent; box-shadow: none; padding-inline: 0; }
.sdb-btn--on-image-text:hover { color: var(--sdb-color-on-image); text-decoration: underline; text-underline-offset: .35em; } .sdb-slider-control--centered { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; }
.sdb-slider-control--prev.sdb-slider-control--edge { left: clamp(14px, 2.5vw, 34px); }
.sdb-slider-control--next.sdb-slider-control--edge { right: clamp(14px, 2.5vw, 34px); }
.sdb-slider-control--light,
.sdb-slider-control--dark,
.sdb-slider-control--glass,
.sdb-slider-control--minimal { min-width: 46px; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; text-decoration: none; border: 1px solid transparent; line-height: 1; }
.sdb-slider-control--light { color: var(--sdb-color-title); background: rgba(255,255,255,.9); border-color: rgba(255,255,255,.52); box-shadow: var(--sdb-shadow-on-image-card); }
.sdb-slider-control--dark { color: #fff; background: rgba(0,0,0,.45); border-color: rgba(255,255,255,.18); }
.sdb-slider-control--glass { color: #fff; background: rgba(0,0,0,.22); border-color: rgba(255,255,255,.28); backdrop-filter: blur(10px); }
.sdb-slider-control--minimal { color: #fff; background: transparent; border-color: transparent; text-shadow: 0 2px 12px rgba(0,0,0,.38); }
.sdb-slider-control--light:hover,
.sdb-slider-control--dark:hover,
.sdb-slider-control--glass:hover,
.sdb-slider-control--minimal:hover { filter: brightness(1.06); }
@media (max-width: 900px) {
.sdb-editorial-grid,
.sdb-editorial-grid--2,
.sdb-editorial-grid--3,
.sdb-editorial-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.sdb-editorial-grid,
.sdb-editorial-grid--2,
.sdb-editorial-grid--3,
.sdb-editorial-grid--4 { grid-template-columns: 1fr; }
.sdb-slider-control--light,
.sdb-slider-control--dark,
.sdb-slider-control--glass,
.sdb-slider-control--minimal { min-width: 42px; min-height: 42px; }
} :root {
--sdb-space-inline-xs: var(--sdb-space-2);
--sdb-space-inline-sm: var(--sdb-space-3);
--sdb-space-inline-md: var(--sdb-space-4);
--sdb-space-inline-lg: var(--sdb-space-6);
--sdb-space-block-xs: var(--sdb-space-2);
--sdb-space-block-sm: var(--sdb-space-3);
--sdb-space-block-md: var(--sdb-space-5);
--sdb-space-block-lg: var(--sdb-space-8);
--sdb-icon-size-sm: 28px;
--sdb-icon-size-md: 38px;
--sdb-icon-size-lg: 52px;
--sdb-action-gap: var(--sdb-space-3);
--sdb-detail-aside-bg: var(--sdb-color-surface);
--sdb-detail-aside-border: var(--sdb-color-border);
--sdb-detail-aside-radius: var(--sdb-radius-lg);
}
.sdb-btn--subtle,
a.sdb-btn--subtle,
button.sdb-btn--subtle {
color: var(--sdb-color-primary) !important;
background: var(--sdb-color-blue-background) !important;
border-color: var(--sdb-color-blue-divider) !important;
box-shadow: none !important;
}
.sdb-btn--subtle:hover,
a.sdb-btn--subtle:hover,
button.sdb-btn--subtle:hover {
color: var(--sdb-color-primary-hover) !important;
background: #fff !important;
border-color: var(--sdb-color-primary) !important;
}
.sdb-btn--ghost,
a.sdb-btn--ghost,
button.sdb-btn--ghost {
color: var(--sdb-color-text) !important;
background: transparent !important;
border-color: var(--sdb-color-border) !important;
box-shadow: none !important;
}
.sdb-btn--ghost:hover,
a.sdb-btn--ghost:hover,
button.sdb-btn--ghost:hover {
color: var(--sdb-color-primary) !important;
background: var(--sdb-color-surface) !important;
border-color: var(--sdb-color-primary) !important;
}
.sdb-actions--contextual,
.sdb-context-actions--compact {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-action-gap);
}
.sdb-action-link,
a.sdb-action-link {
display: inline-flex;
align-items: center;
gap: .5em;
font-family: var(--sdb-font-body);
font-weight: 600;
color: var(--sdb-color-primary);
text-decoration: none;
border-bottom: 1px solid rgba(0, 88, 183, .22);
padding-bottom: .12em;
}
.sdb-action-link:hover,
a.sdb-action-link:hover {
color: var(--sdb-color-primary-hover);
border-bottom-color: currentColor;
}
.sdb-action-link--arrow::after { content: "→"; font-size: 1.05em; line-height: 1; }
.sdb-action-link--back::before { content: "←"; font-size: 1.05em; line-height: 1; }
.sdb-section-icon,
.sdb-icon-badge {
width: var(--sdb-icon-size-md);
height: var(--sdb-icon-size-md);
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
border-radius: var(--sdb-radius-pill);
background: var(--sdb-color-blue-background);
color: var(--sdb-color-primary);
font-family: var(--sdb-font-heading);
font-weight: 700;
line-height: 1;
}
.sdb-icon-badge--sm { width: var(--sdb-icon-size-sm); height: var(--sdb-icon-size-sm); font-size: 13px; }
.sdb-icon-badge--lg { width: var(--sdb-icon-size-lg); height: var(--sdb-icon-size-lg); font-size: 20px; }
.sdb-share-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2);
}
.sdb-share-action,
a.sdb-share-action {
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--sdb-radius-pill);
border: 1px solid var(--sdb-color-border);
background: var(--sdb-color-surface);
color: var(--sdb-color-primary);
font-family: var(--sdb-font-heading);
font-weight: 700;
font-size: 14px;
text-decoration: none;
box-shadow: var(--sdb-shadow-element);
transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.sdb-share-action:hover,
a.sdb-share-action:hover {
transform: translateY(-1px);
background: var(--sdb-color-primary);
border-color: var(--sdb-color-primary);
color: #fff;
}
.sdb-detail-aside {
min-width: 0;
padding: clamp(18px, 2.5vw, 28px);
background: var(--sdb-detail-aside-bg);
border: 1px solid var(--sdb-detail-aside-border);
border-radius: var(--sdb-detail-aside-radius);
box-shadow: var(--sdb-shadow-element);
color: var(--sdb-color-text);
}
.sdb-detail-aside__title {
margin: 0 0 var(--sdb-space-4);
font-family: var(--sdb-font-heading);
font-size: 20px;
line-height: 1.2;
color: var(--sdb-color-title);
}
.sdb-detail-aside__list {
display: grid;
gap: var(--sdb-space-3);
margin: 0;
}
.sdb-detail-aside__list dt {
margin: 0;
font-family: var(--sdb-font-meta);
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--sdb-color-muted);
}
.sdb-detail-aside__list dd {
margin: -8px 0 0;
color: var(--sdb-color-text);
}
.sdb-adoption-levels {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--sdb-space-4);
}
.sdb-adoption-level {
padding: var(--sdb-space-5);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: var(--sdb-color-surface);
box-shadow: var(--sdb-shadow-element);
}
.sdb-adoption-level strong {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin-bottom: var(--sdb-space-3);
border-radius: var(--sdb-radius-pill);
background: var(--sdb-color-blue-background);
color: var(--sdb-color-primary);
font-family: var(--sdb-font-heading);
}
.sdb-adoption-level span { display: block; color: var(--sdb-color-text); font-weight: 600; }
@media (max-width: 767px) {
.sdb-adoption-levels { grid-template-columns: 1fr; }
.sdb-actions--contextual { align-items: stretch; }
.sdb-actions--contextual .sdb-btn { width: 100%; }
} :root {
--sdb-nav-font: var(--sdb-font-heading);
--sdb-nav-font-size: 15px;
--sdb-nav-font-weight: var(--sdb-font-weight-semibold);
--sdb-nav-letter-spacing: 0.01em;
--sdb-nav-dropdown-font: var(--sdb-font-body);
--sdb-nav-dropdown-font-size: 14px;
--sdb-nav-dropdown-font-weight: var(--sdb-font-weight-medium);
--sdb-nav-mobile-font: var(--sdb-font-heading);
--sdb-nav-mobile-font-size: 16px;
--sdb-nav-mobile-font-weight: var(--sdb-font-weight-semibold);
--sdb-topbar-font-size: 14px;
--sdb-topbar-font-weight: var(--sdb-font-weight-regular);
--sdb-topbar-letter-spacing: 0.02em;
--sdb-nav-gap: var(--sdb-space-4, 16px);
--sdb-nav-link-padding-y: 10px;
--sdb-nav-link-padding-x: 12px;
--sdb-nav-link-color: var(--sdb-color-title);
--sdb-nav-link-hover-color: var(--sdb-color-primary);
--sdb-nav-link-active-color: var(--sdb-color-primary);
--sdb-nav-link-bg-hover: var(--sdb-color-blue-background);
--sdb-nav-dropdown-bg: var(--sdb-color-surface);
--sdb-nav-dropdown-color: var(--sdb-color-text);
--sdb-nav-dropdown-border: var(--sdb-color-border);
--sdb-nav-dropdown-radius: var(--sdb-radius-md);
--sdb-nav-dropdown-shadow: var(--sdb-shadow-card);
--sdb-nav-dropdown-min-width: 220px;
--sdb-nav-dropdown-padding: var(--sdb-space-2, 8px);
--sdb-nav-cta-bg: var(--sdb-color-primary);
--sdb-nav-cta-color: #fff;
--sdb-nav-cta-hover-bg: var(--sdb-color-secondary);
--sdb-nav-cta-radius: var(--sdb-radius-pill);
}
.sdb-nav {
display: flex;
align-items: center;
width: 100%;
font-family: var(--sdb-nav-font);
color: var(--sdb-nav-link-color);
}
.sdb-nav__list {
display: flex;
align-items: center;
gap: var(--sdb-nav-gap);
margin: 0;
padding: 0;
list-style: none;
}
.sdb-nav__item {
position: relative;
margin: 0;
padding: 0;
}
.sdb-nav__link,
.sdb-nav__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .45em;
min-height: 40px;
padding: var(--sdb-nav-link-padding-y) var(--sdb-nav-link-padding-x);
border-radius: var(--sdb-radius-md);
font-family: var(--sdb-nav-font);
font-size: var(--sdb-nav-font-size);
font-weight: var(--sdb-nav-font-weight);
letter-spacing: var(--sdb-nav-letter-spacing);
line-height: 1.2;
text-decoration: none;
transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.sdb-nav__link {
color: var(--sdb-nav-link-color);
background: transparent;
border: 0;
}
.sdb-nav__link:hover,
.sdb-nav__link:focus-visible,
.sdb-nav__item.is-active > .sdb-nav__link,
.sdb-nav__link[aria-current="page"] {
color: var(--sdb-nav-link-hover-color);
background: var(--sdb-nav-link-bg-hover);
}
.sdb-nav__link:focus-visible,
.sdb-nav__cta:focus-visible {
outline: 2px solid var(--sdb-color-primary);
outline-offset: 3px;
}
.sdb-nav__dropdown {
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: var(--sdb-z-dropdown, 40);
min-width: var(--sdb-nav-dropdown-min-width);
padding: var(--sdb-nav-dropdown-padding);
color: var(--sdb-nav-dropdown-color);
font-family: var(--sdb-nav-dropdown-font);
font-size: var(--sdb-nav-dropdown-font-size);
font-weight: var(--sdb-nav-dropdown-font-weight);
background: var(--sdb-nav-dropdown-bg);
border: 1px solid var(--sdb-nav-dropdown-border);
border-radius: var(--sdb-nav-dropdown-radius);
box-shadow: var(--sdb-nav-dropdown-shadow);
}
.sdb-nav__dropdown[hidden] { display: none; }
.sdb-nav__cta {
padding-inline: 18px;
color: var(--sdb-nav-cta-color);
background: var(--sdb-nav-cta-bg);
border-radius: var(--sdb-nav-cta-radius);
}
.sdb-nav__cta:hover,
.sdb-nav__cta:focus-visible {
color: var(--sdb-nav-cta-color);
background: var(--sdb-nav-cta-hover-bg);
}
.sdb-nav--vertical,
.sdb-nav--vertical .sdb-nav__list {
flex-direction: column;
align-items: stretch;
}
.sdb-nav--compact {
--sdb-nav-gap: var(--sdb-space-2, 8px);
--sdb-nav-link-padding-y: 7px;
--sdb-nav-link-padding-x: 9px;
--sdb-nav-font-size: 14px;
}
@media (max-width: 767px) {
.sdb-nav {
font-family: var(--sdb-nav-mobile-font);
}
.sdb-nav__link,
.sdb-nav__cta {
font-size: var(--sdb-nav-mobile-font-size);
font-weight: var(--sdb-nav-mobile-font-weight);
}
.sdb-nav__list {
flex-wrap: wrap;
align-items: stretch;
}
.sdb-nav__item { min-width: 0; }
.sdb-nav__dropdown {
position: static;
width: 100%;
margin-top: var(--sdb-space-2, 8px);
}
} :root { --sdb-editorial-title-sm: clamp(18px, 1.25vw, 22px);
--sdb-editorial-title-md: clamp(22px, 1.8vw, 30px);
--sdb-editorial-title-lg: clamp(28px, 3vw, 42px);
--sdb-editorial-title-featured: clamp(34px, 4vw, 58px); --sdb-overlay-soft: linear-gradient(180deg, rgba(10, 24, 42, 0.08) 0%, rgba(10, 24, 42, 0.34) 100%);
--sdb-overlay-medium: linear-gradient(180deg, rgba(10, 24, 42, 0.12) 0%, rgba(10, 24, 42, 0.56) 100%);
--sdb-overlay-strong: linear-gradient(180deg, rgba(10, 24, 42, 0.22) 0%, rgba(10, 24, 42, 0.78) 100%); --sdb-editorial-panel-bg: var(--sdb-color-surface, #fff);
--sdb-editorial-panel-color: var(--sdb-color-text, #364048);
--sdb-editorial-panel-border: var(--sdb-color-border, #eef3f8);
--sdb-editorial-panel-radius: var(--sdb-radius-lg, 18px);
--sdb-editorial-panel-shadow: var(--sdb-shadow-card, var(--sdb-shadow-element));
--sdb-editorial-panel-padding: clamp(20px, 3vw, 34px);
--sdb-editorial-panel-accent-bg: color-mix(in srgb, var(--sdb-color-primary, #0058B7) 8%, var(--sdb-color-surface, #fff));
--sdb-editorial-panel-on-image-bg: rgba(10, 24, 42, 0.54);
--sdb-editorial-panel-on-image-border: rgba(255, 255, 255, 0.22); --sdb-editorial-eyebrow-color: var(--sdb-color-primary, #0058B7);
--sdb-editorial-eyebrow-font-size: 13px;
--sdb-editorial-eyebrow-font-weight: var(--sdb-font-weight-semibold, 600);
--sdb-editorial-eyebrow-letter-spacing: 0.08em;
--sdb-editorial-link-color: var(--sdb-color-primary, #0058B7);
--sdb-editorial-link-hover-color: var(--sdb-color-secondary, #009BD8);
}
.sdb-editorial-title-sm { font-size: var(--sdb-editorial-title-sm); }
.sdb-editorial-title-md { font-size: var(--sdb-editorial-title-md); }
.sdb-editorial-title-lg { font-size: var(--sdb-editorial-title-lg); }
.sdb-editorial-title-featured { font-size: var(--sdb-editorial-title-featured); }
.sdb-editorial-title-sm,
.sdb-editorial-title-md,
.sdb-editorial-title-lg,
.sdb-editorial-title-featured {
font-family: var(--sdb-font-heading);
font-weight: var(--sdb-font-weight-hero-title, var(--sdb-font-weight-bold, 700));
line-height: var(--sdb-line-height-heading, 1.12);
letter-spacing: var(--sdb-letter-spacing-heading, -0.02em);
color: var(--sdb-color-title, var(--sdb-color-text));
}
.sdb-editorial-overlay { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.sdb-editorial-overlay--soft { background: var(--sdb-overlay-soft); }
.sdb-editorial-overlay--medium { background: var(--sdb-overlay-medium); }
.sdb-editorial-overlay--strong { background: var(--sdb-overlay-strong); }
.sdb-editorial-panel {
position: relative;
z-index: 2;
padding: var(--sdb-editorial-panel-padding);
border-radius: var(--sdb-editorial-panel-radius);
color: var(--sdb-editorial-panel-color);
}
.sdb-editorial-panel--surface {
background: var(--sdb-editorial-panel-bg);
border: 1px solid var(--sdb-editorial-panel-border);
box-shadow: var(--sdb-editorial-panel-shadow);
}
.sdb-editorial-panel--on-image {
color: var(--sdb-color-on-image, #fff);
background: var(--sdb-editorial-panel-on-image-bg);
border: 1px solid var(--sdb-editorial-panel-on-image-border);
box-shadow: var(--sdb-shadow-on-image-card, var(--sdb-shadow-overlay));
backdrop-filter: blur(10px);
}
.sdb-editorial-panel--on-image :where(h1,h2,h3,h4,p,a,span) { color: inherit; }
.sdb-editorial-panel--accent-soft {
background: var(--sdb-editorial-panel-accent-bg);
border: 1px solid color-mix(in srgb, var(--sdb-color-primary, #0058B7) 18%, var(--sdb-color-border, #eef3f8));
box-shadow: var(--sdb-shadow-element);
}
.sdb-editorial-eyebrow {
display: inline-flex;
align-items: center;
gap: .5em;
width: fit-content;
max-width: 100%;
margin: 0 0 .85em;
color: var(--sdb-editorial-eyebrow-color);
font-family: var(--sdb-font-meta);
font-size: var(--sdb-editorial-eyebrow-font-size);
font-weight: var(--sdb-editorial-eyebrow-font-weight);
letter-spacing: var(--sdb-editorial-eyebrow-letter-spacing);
line-height: 1.2;
text-transform: uppercase;
}
.sdb-editorial-eyebrow::before {
content: '';
display: inline-block;
width: 24px;
height: 2px;
border-radius: var(--sdb-radius-pill, 999px);
background: currentColor;
opacity: .46;
}
.sdb-editorial-panel--on-image .sdb-editorial-eyebrow,
.sdb-on-image .sdb-editorial-eyebrow { color: var(--sdb-color-on-image-muted, rgba(255,255,255,.86)); }
.sdb-editorial-link {
display: inline-flex;
align-items: center;
gap: .5em;
color: var(--sdb-editorial-link-color);
font-family: var(--sdb-font-meta);
font-size: var(--sdb-font-size-button, 15px);
font-weight: var(--sdb-font-weight-button, var(--sdb-font-weight-semibold, 600));
letter-spacing: var(--sdb-letter-spacing-button, .04em);
line-height: 1.2;
text-decoration: none;
text-transform: uppercase;
}
.sdb-editorial-link::after { content: '→'; transition: transform var(--sdb-transition-fast, 150ms) var(--sdb-ease-standard, ease); }
.sdb-editorial-link:hover,
.sdb-editorial-link:focus-visible { color: var(--sdb-editorial-link-hover-color); text-decoration: underline; text-underline-offset: .32em; }
.sdb-editorial-link:hover::after,
.sdb-editorial-link:focus-visible::after { transform: translateX(3px); }
.sdb-editorial-link--on-image {
color: var(--sdb-color-on-image, #fff);
text-shadow: 0 2px 12px rgba(0, 0, 0, .34);
}
.sdb-editorial-link--on-image:hover,
.sdb-editorial-link--on-image:focus-visible { color: var(--sdb-color-on-image, #fff); }
.sdb-editorial-grid--mosaic {
grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr);
align-items: stretch;
}
.sdb-editorial-grid--mosaic > :first-child { grid-row: span 2; }
.sdb-editorial-grid--feature { grid-template-columns: minmax(0, 1.1fr) minmax(280px, .55fr); align-items: stretch; }
.sdb-editorial-grid--compact { gap: clamp(12px, 2vw, 20px); }
.sdb-editorial-grid--compact .sdb-editorial-content,
.sdb-editorial-grid--compact .sdb-editorial-card__inner { padding: clamp(14px, 2vw, 20px); }
@media (max-width: 900px) {
.sdb-editorial-grid--mosaic,
.sdb-editorial-grid--feature { grid-template-columns: 1fr; }
.sdb-editorial-grid--mosaic > :first-child { grid-row: auto; }
} :root { --sdb-mdb-color-primary: #F26722;
--sdb-mdb-color-primary-dark: #E24B00;
--sdb-mdb-color-primary-soft: #FFE0CE;
--sdb-mdb-color-primary-bg: #FFE7D8;
--sdb-mdb-color-title: var(--sdb-color-title);
--sdb-mdb-color-text: var(--sdb-color-text);
--sdb-mdb-color-muted: var(--sdb-color-muted);
--sdb-mdb-color-border: var(--sdb-color-border);
--sdb-mdb-color-surface: var(--sdb-color-surface);
--sdb-mdb-color-background: var(--sdb-color-background);
--sdb-mdb-color-campaign: var(--sdb-mdb-color-primary);
--sdb-mdb-color-project: var(--sdb-color-primary);
--sdb-mdb-color-urgent: var(--sdb-color-error);
--sdb-mdb-color-completed: var(--sdb-color-success);
--sdb-mdb-color-permanent: var(--sdb-color-info);
--sdb-mdb-color-featured: var(--sdb-mdb-color-primary-dark);
--sdb-mdb-color-progress: var(--sdb-mdb-color-primary);
--sdb-mdb-font-title: var(--sdb-font-heading);
--sdb-mdb-font-body: var(--sdb-font-body);
--sdb-mdb-font-meta: var(--sdb-font-meta);
--sdb-mdb-title-card: var(--sdb-editorial-title-md);
--sdb-mdb-title-hero: var(--sdb-editorial-title-featured);
--sdb-mdb-title-section: var(--sdb-editorial-title-sm);
--sdb-mdb-radius-card: var(--sdb-radius-lg);
--sdb-mdb-radius-button: var(--sdb-radius-md);
--sdb-mdb-radius-pill: var(--sdb-radius-pill);
--sdb-mdb-shadow-card: var(--sdb-shadow-card);
--sdb-mdb-shadow-element: var(--sdb-shadow-element);
--sdb-mdb-card-padding: var(--sdb-card-padding);
--sdb-mdb-section-gap: var(--sdb-space-lg); --sdb-progress-height: 10px;
--sdb-progress-radius: var(--sdb-radius-pill);
--sdb-progress-bg: var(--sdb-color-background);
--sdb-progress-fill: var(--sdb-gradient-primary);
--sdb-progress-text: var(--sdb-color-text);
--sdb-mdb-progress-bg: var(--sdb-mdb-color-primary-bg);
--sdb-mdb-progress-fill: var(--sdb-gradient-mdb);
--sdb-mdb-progress-height: var(--sdb-progress-height);
--sdb-mdb-progress-radius: var(--sdb-progress-radius); --sdb-state-active-bg: var(--sdb-color-success-bg);
--sdb-state-active-text: var(--sdb-color-success-text);
--sdb-state-completed-bg: var(--sdb-color-success-bg);
--sdb-state-completed-text: var(--sdb-color-success-text);
--sdb-state-urgent-bg: var(--sdb-color-error-bg);
--sdb-state-urgent-text: var(--sdb-color-error-text);
--sdb-state-permanent-bg: var(--sdb-color-info-bg);
--sdb-state-permanent-text: var(--sdb-color-info-text);
--sdb-state-featured-bg: var(--sdb-mdb-color-primary-bg);
--sdb-state-featured-text: var(--sdb-mdb-color-primary-dark);
--sdb-mdb-state-active-bg: var(--sdb-state-active-bg);
--sdb-mdb-state-active-text: var(--sdb-state-active-text);
--sdb-mdb-state-completed-bg: var(--sdb-state-completed-bg);
--sdb-mdb-state-completed-text: var(--sdb-state-completed-text);
--sdb-mdb-state-urgent-bg: var(--sdb-state-urgent-bg);
--sdb-mdb-state-urgent-text: var(--sdb-state-urgent-text);
--sdb-mdb-state-permanent-bg: var(--sdb-state-permanent-bg);
--sdb-mdb-state-permanent-text: var(--sdb-state-permanent-text);
--sdb-mdb-state-featured-bg: var(--sdb-state-featured-bg);
--sdb-mdb-state-featured-text: var(--sdb-state-featured-text); --sdb-impact-card-bg: var(--sdb-color-surface);
--sdb-impact-number-color: var(--sdb-color-primary);
--sdb-impact-label-color: var(--sdb-color-muted);
--sdb-impact-icon-bg: var(--sdb-color-blue-background);
--sdb-impact-icon-color: var(--sdb-color-primary);
--sdb-mdb-impact-card-bg: var(--sdb-impact-card-bg);
--sdb-mdb-impact-number-color: var(--sdb-mdb-color-primary);
--sdb-mdb-impact-label-color: var(--sdb-impact-label-color);
--sdb-mdb-impact-icon-bg: var(--sdb-mdb-color-primary-bg);
--sdb-mdb-impact-icon-color: var(--sdb-mdb-color-primary-dark); --sdb-transparency-bg: var(--sdb-color-background);
--sdb-transparency-border: var(--sdb-color-border);
--sdb-transparency-title-color: var(--sdb-color-title);
--sdb-transparency-text-color: var(--sdb-color-text);
--sdb-mdb-transparency-bg: var(--sdb-mdb-color-primary-bg);
--sdb-mdb-transparency-border: var(--sdb-mdb-color-primary-soft);
--sdb-mdb-transparency-title-color: var(--sdb-color-title);
--sdb-mdb-transparency-text-color: var(--sdb-color-text);
} .sdb-u-container { width: min(100% - 32px, var(--sdb-content-width, 1120px)); margin-inline: auto; }
.sdb-u-container-wide { width: min(100% - 32px, var(--sdb-content-wide, 1360px)); margin-inline: auto; }
.sdb-u-container-content { width: min(100% - 32px, var(--sdb-content-narrow, 820px)); margin-inline: auto; }
.sdb-u-section { padding-block: var(--sdb-section-padding, clamp(36px, 6vw, 84px)); }
.sdb-u-section-soft { padding: var(--sdb-space-8, 32px); background: var(--sdb-color-background); border-radius: var(--sdb-radius-lg); }
.sdb-u-grid { display: grid; gap: var(--sdb-space-lg); grid-template-columns: repeat(var(--sdb-grid-columns, auto-fit), minmax(min(100%, var(--sdb-grid-min, 260px)), 1fr)); }
.sdb-u-stack { display: grid; gap: var(--sdb-stack-gap, var(--sdb-space-md)); }
.sdb-u-surface { background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-card); }
.sdb-u-heading { font-family: var(--sdb-font-heading); color: var(--sdb-color-title); font-weight: var(--sdb-font-weight-semibold); line-height: 1.15; }
.sdb-u-meta { font-family: var(--sdb-font-meta); color: var(--sdb-color-muted); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.sdb-u-eyebrow { font-family: var(--sdb-font-meta); color: var(--sdb-color-primary); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.sdb-u-badge { display: inline-flex; align-items: center; gap: .4em; min-height: 26px; padding: .35em .7em; border-radius: var(--sdb-radius-pill); background: var(--sdb-color-background); color: var(--sdb-color-title); font-family: var(--sdb-font-meta); font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.sdb-u-progress { --sdb-progress-value: var(--sdb-u-progress-value, 0%); }
.sdb-u-full-bleed { width: 100vw; margin-left: 50%; transform: translateX(-50%); } .sdb-progress { --sdb-progress-value: var(--sdb-progress-current, 0%); display: grid; gap: var(--sdb-space-2); }
.sdb-progress__track { overflow: hidden; height: var(--sdb-progress-height); background: var(--sdb-progress-bg); border-radius: var(--sdb-progress-radius); }
.sdb-progress__bar { display: block; width: var(--sdb-progress-value, 0%); height: 100%; background: var(--sdb-progress-fill); border-radius: inherit; transition: width .35s ease; }
.sdb-progress__meta { display: flex; justify-content: space-between; gap: var(--sdb-space-3); font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; color: var(--sdb-progress-text); }
.sdb-progress--mdb { --sdb-progress-bg: var(--sdb-mdb-progress-bg); --sdb-progress-fill: var(--sdb-mdb-progress-fill); --sdb-progress-height: var(--sdb-mdb-progress-height); --sdb-progress-radius: var(--sdb-mdb-progress-radius); } .sdb-status-badge { display: inline-flex; align-items: center; gap: .45em; min-height: 28px; padding: .42em .78em; border-radius: var(--sdb-radius-pill); background: var(--sdb-state-active-bg); color: var(--sdb-state-active-text); font-family: var(--sdb-font-meta); font-size: .78rem; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.sdb-status-badge::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: currentColor; }
.sdb-status-badge--active { background: var(--sdb-state-active-bg); color: var(--sdb-state-active-text); }
.sdb-status-badge--completed { background: var(--sdb-state-completed-bg); color: var(--sdb-state-completed-text); }
.sdb-status-badge--urgent { background: var(--sdb-state-urgent-bg); color: var(--sdb-state-urgent-text); }
.sdb-status-badge--permanent { background: var(--sdb-state-permanent-bg); color: var(--sdb-state-permanent-text); }
.sdb-status-badge--featured { background: var(--sdb-state-featured-bg); color: var(--sdb-state-featured-text); } .sdb-impact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: var(--sdb-space-md); }
.sdb-impact-metric { display: grid; gap: var(--sdb-space-2); padding: var(--sdb-card-padding); background: var(--sdb-impact-card-bg); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-card); }
.sdb-impact-metric__icon { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: var(--sdb-radius-pill); background: var(--sdb-impact-icon-bg); color: var(--sdb-impact-icon-color); }
.sdb-impact-metric__number { font-family: var(--sdb-font-heading); font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 800; line-height: 1; color: var(--sdb-impact-number-color); }
.sdb-impact-metric__label { font-family: var(--sdb-font-meta); font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-impact-label-color); }
.sdb-impact-metric__text { color: var(--sdb-color-text); }
.sdb-impact-grid--mdb, .sdb-impact-metric--mdb { --sdb-impact-card-bg: var(--sdb-mdb-impact-card-bg); --sdb-impact-number-color: var(--sdb-mdb-impact-number-color); --sdb-impact-label-color: var(--sdb-mdb-impact-label-color); --sdb-impact-icon-bg: var(--sdb-mdb-impact-icon-bg); --sdb-impact-icon-color: var(--sdb-mdb-impact-icon-color); } .sdb-transparency-panel { display: grid; gap: var(--sdb-space-md); padding: var(--sdb-card-padding); background: var(--sdb-transparency-bg); border: 1px solid var(--sdb-transparency-border); border-radius: var(--sdb-radius-lg); }
.sdb-transparency-panel__title { margin: 0; font-family: var(--sdb-font-heading); color: var(--sdb-transparency-title-color); }
.sdb-transparency-panel__text { margin: 0; color: var(--sdb-transparency-text-color); }
.sdb-transparency-panel--mdb { --sdb-transparency-bg: var(--sdb-mdb-transparency-bg); --sdb-transparency-border: var(--sdb-mdb-transparency-border); --sdb-transparency-title-color: var(--sdb-mdb-transparency-title-color); --sdb-transparency-text-color: var(--sdb-mdb-transparency-text-color); } .sdb-cause-hero { position: relative; isolation: isolate; display: grid; align-items: end; min-height: clamp(360px, 52vw, 620px); overflow: hidden; border-radius: var(--sdb-radius-lg); background: var(--sdb-color-editorial-accent); color: var(--sdb-color-on-image); }
.sdb-cause-hero__media { position: absolute; inset: 0; z-index: -2; }
.sdb-cause-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.sdb-cause-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--sdb-overlay-strong); }
.sdb-cause-hero__content { display: grid; gap: var(--sdb-space-md); width: min(100% - 40px, 760px); padding: clamp(28px, 5vw, 64px); }
.sdb-cause-hero__eyebrow { color: currentColor; font-family: var(--sdb-font-meta); font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; opacity: .86; }
.sdb-cause-hero__title { margin: 0; color: currentColor; font-family: var(--sdb-font-heading); font-size: var(--sdb-mdb-title-hero, var(--sdb-editorial-title-featured)); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; }
.sdb-cause-hero__text { max-width: 58ch; color: currentColor; opacity: .92; }
.sdb-cause-hero--mdb { --sdb-color-editorial-accent: var(--sdb-mdb-color-primary-dark); }
.sdb-cta-panel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sdb-space-md); padding: clamp(22px, 4vw, 42px); background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-card); }
.sdb-cta-panel__title { margin: 0; font-family: var(--sdb-font-heading); color: var(--sdb-color-title); }
.sdb-cta-panel__text { margin: .3rem 0 0; color: var(--sdb-color-text); }
@media (max-width: 767px) {
.sdb-cause-hero__content { width: auto; padding: 28px; }
.sdb-cause-hero__title { font-size: clamp(2rem, 12vw, 3rem); }
.sdb-cta-panel { display: grid; }
} :root { --sdb-nav-strip-gap: var(--sdb-space-md, 16px);
--sdb-nav-strip-gap-mobile: var(--sdb-space-sm, 10px);
--sdb-nav-strip-padding-y: 10px;
--sdb-nav-strip-link-padding-x: 4px;
--sdb-nav-strip-link-padding-y: 9px;
--sdb-nav-strip-font-size: var(--sdb-nav-font-size, 14px);
--sdb-nav-strip-font-weight: var(--sdb-nav-font-weight, 600);
--sdb-nav-strip-color: var(--sdb-color-text, #334155);
--sdb-nav-strip-color-hover: var(--sdb-color-primary, #0058b7);
--sdb-nav-strip-color-active: var(--sdb-color-primary, #0058b7);
--sdb-nav-strip-muted-color: var(--sdb-color-muted, #64748b);
--sdb-nav-strip-border-color: var(--sdb-color-border, #dbe7f3);
--sdb-nav-strip-active-border: var(--sdb-color-primary, #0058b7);
--sdb-nav-strip-chip-bg: var(--sdb-color-background, #f5f8fc);
--sdb-nav-strip-chip-border: var(--sdb-color-border, #dbe7f3);
--sdb-nav-strip-chip-color: var(--sdb-color-title, #1f2a36);
--sdb-nav-strip-radius: var(--sdb-radius-pill, 999px);
--sdb-nav-strip-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 155, 216, .28)); --sdb-hero-height-desktop: clamp(460px, 62vw, 760px);
--sdb-hero-height-tablet: 560px;
--sdb-hero-height-mobile: 480px;
--sdb-hero-content-max-width: 780px;
--sdb-hero-content-offset-desktop: clamp(32px, 6vw, 80px);
--sdb-hero-content-offset-mobile: 28px;
--sdb-hero-title-size-desktop: var(--sdb-editorial-title-featured, clamp(2.4rem, 5vw, 4.8rem));
--sdb-hero-title-size-mobile: clamp(2rem, 11vw, 3.4rem);
--sdb-hero-title-line-height: 1.02;
--sdb-hero-subtitle-size: clamp(1rem, 2vw, 1.35rem);
--sdb-hero-subtitle-line-height: 1.45;
--sdb-hero-overlay-soft: var(--sdb-overlay-soft, linear-gradient(90deg, rgba(5,18,34,.44), rgba(5,18,34,.08)));
--sdb-hero-overlay-medium: var(--sdb-overlay-medium, linear-gradient(90deg, rgba(5,18,34,.66), rgba(5,18,34,.16)));
--sdb-hero-overlay-strong: var(--sdb-overlay-strong, linear-gradient(90deg, rgba(5,18,34,.82), rgba(5,18,34,.24)));
--sdb-hero-overlay-gradient-left: linear-gradient(90deg, rgba(5,18,34,.84) 0%, rgba(5,18,34,.54) 46%, rgba(5,18,34,.08) 100%);
--sdb-hero-overlay-gradient-bottom: linear-gradient(0deg, rgba(5,18,34,.82) 0%, rgba(5,18,34,.34) 54%, rgba(5,18,34,.08) 100%);
--sdb-hero-control-size: 48px;
--sdb-hero-control-bg: rgba(255,255,255,.14);
--sdb-hero-control-bg-hover: rgba(255,255,255,.22);
--sdb-hero-control-color: var(--sdb-color-on-image, #fff);
--sdb-hero-control-border: rgba(255,255,255,.30);
--sdb-hero-control-shadow: var(--sdb-shadow-overlay, 0 18px 45px rgba(0,0,0,.22));
--sdb-hero-focus-ring: 0 0 0 3px rgba(255,255,255,.52);
--sdb-hero-preview-width: 280px;
--sdb-hero-preview-height: 168px;
--sdb-hero-preview-shadow: var(--sdb-shadow-on-image-card, 0 18px 44px rgba(0,0,0,.28));
--sdb-transition-fast: 150ms;
--sdb-transition-base: 220ms;
--sdb-transition-slow: 360ms;
--sdb-ease-standard: cubic-bezier(.2, .8, .2, 1);
--sdb-ease-emphasized: cubic-bezier(.2, 0, 0, 1);
--sdb-slider-transition-duration: var(--sdb-transition-base); --sdb-card-gap: var(--sdb-space-lg, 24px);
--sdb-filter-gap: var(--sdb-space-md, 16px);
--sdb-detail-gap: var(--sdb-space-lg, 28px);
--sdb-detail-aside-width: 340px;
--sdb-detail-aside-gap: var(--sdb-space-md, 16px);
--sdb-section-icon-size: 42px;
--sdb-section-icon-bg: var(--sdb-color-background, #f5f8fc);
--sdb-section-icon-color: var(--sdb-color-primary, #0058b7);
--sdb-section-icon-border: var(--sdb-color-border, #dbe7f3);
--sdb-action-icon-size: 40px;
--sdb-action-icon-bg: var(--sdb-color-surface, #fff);
--sdb-action-icon-color: var(--sdb-color-primary, #0058b7);
--sdb-action-icon-hover-bg: var(--sdb-color-primary, #0058b7);
--sdb-action-icon-hover-color: #fff;
--sdb-status-expiring-bg: var(--sdb-color-warning-soft, #fff3d8);
--sdb-status-expiring-color: var(--sdb-color-warning, #8a5200);
--sdb-status-review-bg: var(--sdb-color-info-soft, #eef6ff);
--sdb-status-review-color: var(--sdb-color-info, #0058b7);
--sdb-form-field-gap: var(--sdb-space-md, 16px); --sdb-font-code: var(--sdb-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
--sdb-admin-surface: var(--sdb-color-surface, #fff);
--sdb-admin-surface-muted: var(--sdb-color-surface-soft, #f8fafc);
--sdb-admin-border: var(--sdb-color-border, #dbe7f3);
--sdb-admin-border-strong: var(--sdb-color-border-strong, #bfd0e4);
--sdb-admin-text: var(--sdb-color-text, #334155);
--sdb-admin-text-muted: var(--sdb-color-muted, #64748b);
--sdb-admin-gap: var(--sdb-space-md, 16px);
--sdb-admin-panel-padding: clamp(18px, 2.5vw, 28px);
--sdb-admin-control-height: 42px;
--sdb-admin-progress-height: 8px;
--sdb-admin-status-icon-size: 28px;
--sdb-admin-compact-row-height: 36px;
--sdb-admin-panel-max-width: 1180px;
--sdb-color-protected: #6b4e00;
--sdb-color-protected-soft: #fff7d6;
} .sdb-nav-strip {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: var(--sdb-nav-strip-gap) !important;
margin: 0 !important;
padding-block: var(--sdb-nav-strip-padding-y) !important;
border: 0 !important;
border-block: 1px solid var(--sdb-nav-strip-border-color) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
font-family: var(--sdb-nav-font, var(--sdb-font-body)) !important;
}
.sdb-nav-strip__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-nav-strip-gap); margin: 0; padding: 0; list-style: none; }
.sdb-nav-strip__item { margin: 0; padding: 0; list-style: none; }
.sdb-nav-strip__link,
a.sdb-nav-strip__link {
position: relative !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
gap: .45em !important;
min-height: 36px !important;
padding: var(--sdb-nav-strip-link-padding-y) var(--sdb-nav-strip-link-padding-x) !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--sdb-nav-strip-color) !important;
font-family: var(--sdb-nav-font, var(--sdb-font-body)) !important;
font-size: var(--sdb-nav-strip-font-size) !important;
font-weight: var(--sdb-nav-strip-font-weight) !important;
letter-spacing: var(--sdb-nav-letter-spacing, .01em) !important;
line-height: 1.2 !important;
text-decoration: none !important;
transition: color var(--sdb-transition-fast) var(--sdb-ease-standard), background-color var(--sdb-transition-fast) var(--sdb-ease-standard) !important;
}
.sdb-nav-strip__link::after,
a.sdb-nav-strip__link::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
border-radius: 99px;
background: transparent;
transform: scaleX(.42);
opacity: 0;
transition: opacity var(--sdb-transition-fast) var(--sdb-ease-standard), transform var(--sdb-transition-fast) var(--sdb-ease-standard);
}
.sdb-nav-strip__link:hover,
a.sdb-nav-strip__link:hover { color: var(--sdb-nav-strip-color-hover) !important; background: transparent !important; }
.sdb-nav-strip__link:focus-visible,
a.sdb-nav-strip__link:focus-visible { outline: none !important; box-shadow: var(--sdb-nav-strip-focus-ring) !important; border-radius: var(--sdb-radius-sm, 8px) !important; }
.sdb-nav-strip__link--active,
.sdb-nav-strip__link[aria-current="page"],
.sdb-nav-strip .current-menu-item > .sdb-nav-strip__link,
.sdb-nav-strip .current-menu-ancestor > .sdb-nav-strip__link { color: var(--sdb-nav-strip-color-active) !important; }
.sdb-nav-strip__link--active::after,
.sdb-nav-strip__link[aria-current="page"]::after,
.sdb-nav-strip .current-menu-item > .sdb-nav-strip__link::after,
.sdb-nav-strip .current-menu-ancestor > .sdb-nav-strip__link::after { background: var(--sdb-nav-strip-active-border); opacity: 1; transform: scaleX(1); }
.sdb-nav-strip__link--muted { color: var(--sdb-nav-strip-muted-color) !important; font-weight: var(--sdb-font-weight-medium, 500) !important; }
.sdb-nav-strip__link--context { color: var(--sdb-color-title, #1f2a36) !important; }
.sdb-nav-strip__link--chip,
a.sdb-nav-strip__link--chip {
padding-inline: .9em !important;
border: 1px solid var(--sdb-nav-strip-chip-border) !important;
border-radius: var(--sdb-nav-strip-radius) !important;
background: var(--sdb-nav-strip-chip-bg) !important;
color: var(--sdb-nav-strip-chip-color) !important;
}
.sdb-nav-strip__link--chip::after { display: none; }
.sdb-nav-strip__icon { display: inline-flex; flex: 0 0 auto; line-height: 1; }
.sdb-nav-strip--compact { --sdb-nav-strip-gap: var(--sdb-space-sm, 10px); --sdb-nav-strip-padding-y: 7px; --sdb-nav-strip-font-size: 13px; }
.sdb-nav-strip--spacious { --sdb-nav-strip-gap: var(--sdb-space-lg, 24px); --sdb-nav-strip-padding-y: 14px; }
.sdb-nav-strip--center { justify-content: center !important; }
.sdb-nav-strip--center .sdb-nav-strip__list { justify-content: center; }
.sdb-nav-strip--right { justify-content: flex-end !important; }
.sdb-nav-strip--right .sdb-nav-strip__list { justify-content: flex-end; }
.sdb-nav-strip--scroll { overflow-x: auto !important; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.sdb-nav-strip--scroll .sdb-nav-strip__list { flex-wrap: nowrap; min-width: max-content; } .sdb-hero-slider--classic .sdb-hero-slide,
.sdb-hero-slider--editorial .sdb-hero-slide,
.sdb-hero-slider--modern .sdb-hero-slide { min-height: var(--sdb-hero-height-desktop); }
.sdb-hero-slider--full-viewport .sdb-hero-slide { min-height: 100svh; }
.sdb-hero-content { max-width: var(--sdb-hero-content-max-width); padding: var(--sdb-hero-content-offset-desktop); }
.sdb-hero-title { font-size: var(--sdb-hero-title-size-desktop); line-height: var(--sdb-hero-title-line-height); }
.sdb-hero-subtitle { font-size: var(--sdb-hero-subtitle-size); line-height: var(--sdb-hero-subtitle-line-height); }
.sdb-hero-overlay--soft { background: var(--sdb-hero-overlay-soft); }
.sdb-hero-overlay--medium { background: var(--sdb-hero-overlay-medium); }
.sdb-hero-overlay--strong { background: var(--sdb-hero-overlay-strong); }
.sdb-hero-overlay--gradient-left { background: var(--sdb-hero-overlay-gradient-left); }
.sdb-hero-overlay--gradient-bottom { background: var(--sdb-hero-overlay-gradient-bottom); }
.sdb-hero-tag--plain,
.sdb-eyebrow-on-image { padding: 0; border: 0; border-radius: 0; background: transparent; letter-spacing: .12em; opacity: .9; }
.sdb-hero-tag--line,
.sdb-tag-on-image--line { padding: 0 0 .55em; border: 0; border-bottom: 2px solid currentColor; border-radius: 0; background: transparent; }
.sdb-hero-cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-sm, 10px); }
.sdb-slider-control--floating,
.sdb-slider-control--on-image {
width: var(--sdb-hero-control-size);
height: var(--sdb-hero-control-size);
border-color: var(--sdb-hero-control-border);
background: var(--sdb-hero-control-bg);
color: var(--sdb-hero-control-color);
box-shadow: var(--sdb-hero-control-shadow);
}
.sdb-slider-control--floating:hover,
.sdb-slider-control--on-image:hover { background: var(--sdb-hero-control-bg-hover); }
.sdb-slider-control:focus-visible,
.sdb-slider-pagination__item:focus-visible { outline: none; box-shadow: var(--sdb-hero-focus-ring); }
.sdb-slider-control:disabled,
.sdb-slider-control[aria-disabled="true"] { opacity: .48; cursor: not-allowed; }
.sdb-slider-pagination--numbers .sdb-slider-pagination__item { width: auto; min-width: 28px; height: 28px; padding-inline: 8px; display: inline-grid; place-items: center; color: var(--sdb-color-on-image, #fff); font-family: var(--sdb-font-meta); font-weight: 700; }
.sdb-slider-preview-card--side { width: var(--sdb-hero-preview-width); min-height: var(--sdb-hero-preview-height); }
.sdb-slider-preview-card--on-image { box-shadow: var(--sdb-hero-preview-shadow); } .sdb-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, var(--sdb-detail-aside-width)); gap: var(--sdb-detail-gap); align-items: start; }
.sdb-detail-main { min-width: 0; display: grid; gap: var(--sdb-detail-gap); }
.sdb-detail-aside { position: relative; display: grid; gap: var(--sdb-detail-aside-gap); }
.sdb-detail-meta { display: grid; gap: 12px; margin: 0; }
.sdb-detail-meta__item { display: grid; gap: 4px; padding-block: 10px; border-bottom: 1px solid var(--sdb-color-border); }
.sdb-detail-meta__label { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-detail-meta__value { color: var(--sdb-color-title); font-weight: 700; overflow-wrap: anywhere; }
.sdb-detail-cta { display: grid; gap: 12px; padding: var(--sdb-card-padding, 22px); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-background); }
.sdb-section-icon { display: inline-grid; place-items: center; width: var(--sdb-section-icon-size); height: var(--sdb-section-icon-size); border: 1px solid var(--sdb-section-icon-border); border-radius: 999px; background: var(--sdb-section-icon-bg); color: var(--sdb-section-icon-color); }
.sdb-share-action { display: inline-grid; place-items: center; width: var(--sdb-action-icon-size); height: var(--sdb-action-icon-size); border: 1px solid var(--sdb-color-border); border-radius: 999px; background: var(--sdb-action-icon-bg); color: var(--sdb-action-icon-color); text-decoration: none; }
.sdb-share-action:hover, .sdb-share-action:focus-visible { background: var(--sdb-action-icon-hover-bg); color: var(--sdb-action-icon-hover-color); }
.sdb-status--expiring { background: var(--sdb-status-expiring-bg); color: var(--sdb-status-expiring-color); }
.sdb-status--review, .sdb-status--requires-review { background: var(--sdb-status-review-bg); color: var(--sdb-status-review-color); }
.sdb-status--protected, .sdb-status--required, .sdb-status--locked { background: var(--sdb-color-protected-soft); color: var(--sdb-color-protected); }
.sdb-btn--back::before, .sdb-back-link::before { content: "←"; }
.sdb-seo-preview { display: grid; gap: 8px; padding: var(--sdb-card-padding, 22px); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); }
.sdb-seo-preview__label { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-seo-preview__title { margin: 0; color: var(--sdb-color-primary); font-family: var(--sdb-font-heading); font-size: 20px; }
.sdb-seo-preview__url { color: #188038; font-size: 13px; overflow-wrap: anywhere; }
.sdb-seo-preview__description { margin: 0; color: var(--sdb-color-text); line-height: 1.55; }
.sdb-file-upload input[type="file"]:focus-visible { outline: 2px solid var(--sdb-color-primary); outline-offset: 3px; } .sdb-plugin-shell--admin-tool,
.sdb-admin-page--tool { max-width: var(--sdb-admin-panel-max-width); }
.sdb-admin-header { display: grid; gap: 8px; margin-bottom: var(--sdb-admin-gap); }
.sdb-admin-header__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); }
.sdb-admin-header__version { display: inline-flex; width: fit-content; padding: 4px 9px; border-radius: var(--sdb-radius-pill); background: var(--sdb-admin-surface-muted); color: var(--sdb-admin-text-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-admin-header__description { margin: 0; color: var(--sdb-admin-text); max-width: 78ch; }
.sdb-admin-tool-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-admin-tool-grid--stacked-mobile { align-items: start; }
.sdb-admin-tool-panel--compact { padding: calc(var(--sdb-admin-panel-padding) * .72); }
.sdb-admin-tool-panel--technical { background: var(--sdb-admin-surface); border-color: var(--sdb-admin-border); }
.sdb-admin-tool-panel__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sdb-admin-gap); margin-top: var(--sdb-admin-gap); padding-top: var(--sdb-admin-gap); border-top: 1px solid var(--sdb-admin-border); }
.sdb-admin-site-selector__control { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-admin-gap); }
.sdb-admin-site-selector__select { min-width: min(100%, 320px); min-height: var(--sdb-admin-control-height); max-width: 100%; }
.sdb-admin-site-selector__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sdb-admin-site-selector__help { color: var(--sdb-admin-text-muted); font-size: 13px; }
.sdb-admin-scan-status--idle { background: var(--sdb-admin-surface-muted); }
.sdb-admin-scan-status--cancelled { background: var(--sdb-color-warning-soft, #fff3d8); }
.sdb-admin-scan-status__title { margin: 0; color: var(--sdb-color-title); font-weight: 800; }
.sdb-admin-scan-status__text { margin: 2px 0 0; color: var(--sdb-admin-text); }
.sdb-admin-progress-panel__summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; color: var(--sdb-admin-text); }
.sdb-admin-progress-panel progress { width: 100%; height: var(--sdb-admin-progress-height); accent-color: var(--sdb-color-primary); }
.sdb-admin-progress-panel__help { color: var(--sdb-admin-text-muted); font-size: 13px; }
.sdb-admin-batch-controls { display: grid; gap: var(--sdb-admin-gap); padding: var(--sdb-admin-panel-padding); border: 1px solid var(--sdb-admin-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-admin-surface-muted); }
.sdb-admin-batch-controls__field { display: grid; gap: 6px; }
.sdb-admin-batch-controls__input { width: 120px; min-height: var(--sdb-admin-control-height); }
.sdb-admin-batch-controls__help { color: var(--sdb-admin-text-muted); font-size: 13px; }
.sdb-admin-result-summary--compact { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 8px; }
.sdb-admin-result-summary__label { color: var(--sdb-admin-text-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-admin-result-summary__value { color: var(--sdb-color-primary); font-family: var(--sdb-font-heading); font-size: 30px; font-weight: 800; line-height: 1; }
.sdb-admin-export-actions { padding: var(--sdb-admin-panel-padding); border: 1px solid var(--sdb-admin-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-admin-surface); }
.sdb-admin-export-actions__title { margin: 0; color: var(--sdb-color-title); }
.sdb-admin-export-actions__description { margin: 4px 0 0; color: var(--sdb-admin-text); }
.sdb-admin-export-actions__buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.sdb-admin-network-operation-panel { border-left: 4px solid var(--sdb-color-warning, #b7791f); background: var(--sdb-color-warning-soft, #fff3d8); }
.sdb-admin-permission-matrix { max-height: var(--sdb-permission-matrix-max-height, 520px); overflow: auto; padding: 4px; }
.sdb-admin-permission-matrix__item,
.sdb-admin-capability-list__item { display: flex; align-items: flex-start; gap: 10px; min-height: var(--sdb-admin-compact-row-height); }
.sdb-admin-capability-list__code,
.sdb-admin-code-field { font-family: var(--sdb-font-code); }
.sdb-admin-protected-item { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: var(--sdb-radius-pill); background: var(--sdb-color-protected-soft); color: var(--sdb-color-protected); font-size: 12px; font-weight: 800; }
.sdb-admin-advanced-details > summary,
.sdb-admin-advanced-details__summary { list-style: none; }
.sdb-admin-advanced-details > summary::-webkit-details-marker { display: none; }
.sdb-admin-advanced-details > summary:focus-visible,
.sdb-admin-advanced-details__summary:focus-visible { outline: 2px solid var(--sdb-color-primary); outline-offset: 3px; }
.sdb-admin-process-log { display: grid; gap: 6px; max-height: var(--sdb-process-log-max-height, 360px); overflow: auto; margin: 0; padding: 12px; border: 1px solid var(--sdb-admin-border); border-radius: var(--sdb-radius-md); background: var(--sdb-admin-surface-muted); font-family: var(--sdb-font-code); font-size: 12.5px; }
.sdb-admin-process-log__item { display: grid; gap: 2px; padding: 7px 9px; border-radius: var(--sdb-radius-sm, 8px); background: var(--sdb-admin-surface); color: var(--sdb-admin-text); }
.sdb-admin-process-log__item--success { border-left: 3px solid var(--sdb-color-success, #2f8f4e); }
.sdb-admin-process-log__item--warning { border-left: 3px solid var(--sdb-color-warning, #b7791f); }
.sdb-admin-process-log__item--error { border-left: 3px solid var(--sdb-color-danger, #c53030); }
.sdb-btn--danger { background: var(--sdb-color-danger, #c53030) !important; border-color: var(--sdb-color-danger, #c53030) !important; color: #fff !important; }
.sdb-btn--danger:hover { filter: brightness(.96); }
.sdb-density-compact { --sdb-admin-panel-padding: 14px; --sdb-admin-gap: 10px; --sdb-card-padding: 16px; }
.sdb-density-comfortable { --sdb-admin-panel-padding: 22px; --sdb-admin-gap: 16px; }
.sdb-density-relaxed { --sdb-admin-panel-padding: 30px; --sdb-admin-gap: 22px; }
@media (max-width: 900px) {
.sdb-detail-layout,
.sdb-admin-tool-grid--2 { grid-template-columns: 1fr; }
.sdb-nav-strip { --sdb-nav-strip-gap: var(--sdb-nav-strip-gap-mobile); }
.sdb-nav-strip--scroll { padding-inline: 0; }
.sdb-hero-slider--classic .sdb-hero-slide,
.sdb-hero-slider--editorial .sdb-hero-slide,
.sdb-hero-slider--modern .sdb-hero-slide { min-height: var(--sdb-hero-height-tablet); }
}
@media (max-width: 640px) {
.sdb-nav-strip { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
.sdb-nav-strip__list { flex-wrap: nowrap; min-width: max-content; }
.sdb-hero-slider--classic .sdb-hero-slide,
.sdb-hero-slider--editorial .sdb-hero-slide,
.sdb-hero-slider--modern .sdb-hero-slide { min-height: var(--sdb-hero-height-mobile); }
.sdb-hero-content { padding: var(--sdb-hero-content-offset-mobile); }
.sdb-hero-title { font-size: var(--sdb-hero-title-size-mobile); }
.sdb-admin-site-selector__control,
.sdb-admin-export-actions { display: grid; }
}
@media (prefers-reduced-motion: reduce) {
.sdb-nav-strip__link,
.sdb-nav-strip__link::after,
.sdb-slider-control,
.sdb-progress__bar { transition: none !important; }
} :root { --sdb-layout-max-width-site: 1920px;
--sdb-layout-max-width-content: 1320px;
--sdb-layout-max-width-reading: 860px;
--sdb-layout-hero-padding-y: clamp(56px, 8vw, 120px);
--sdb-layout-hero-padding-x: clamp(24px, 4vw, 64px); --sdb-color-editorial-accent-soft: rgba(31, 59, 91, .10);
--sdb-color-editorial-accent-muted: rgba(31, 59, 91, .68);
--sdb-color-editorial-surface: var(--sdb-color-surface);
--sdb-color-editorial-surface-soft: var(--sdb-color-background);
--sdb-color-editorial-border: var(--sdb-color-border);
--sdb-editorial-title-xs: clamp(1rem, 1vw, 1.1rem);
--sdb-editorial-meta-size: .78rem;
--sdb-editorial-meta-weight: var(--sdb-font-weight-semibold);
--sdb-editorial-meta-letter-spacing: .08em;
--sdb-editorial-meta-transform: uppercase;
--sdb-editorial-excerpt-size: .96rem;
--sdb-editorial-excerpt-line-height: 1.65;
--sdb-editorial-link-weight: var(--sdb-font-weight-semibold);
--sdb-editorial-cta-color: var(--sdb-color-primary);
--sdb-editorial-cta-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-editorial-cta-bg: rgba(0, 88, 183, .08);
--sdb-editorial-cta-bg-hover: rgba(0, 88, 183, .14);
--sdb-editorial-cta-icon-bg: rgba(0, 88, 183, .10);
--sdb-editorial-cta-icon-color: var(--sdb-color-primary);
--sdb-editorial-cta-radius: var(--sdb-radius-pill);
--sdb-radius-editorial: var(--sdb-radius-lg);
--sdb-radius-editorial-lg: clamp(18px, 2vw, 28px);
--sdb-shadow-editorial: var(--sdb-shadow-card);
--sdb-shadow-editorial-soft: 0 16px 40px rgba(24, 47, 72, .08);
--sdb-shadow-editorial-hover: 0 22px 54px rgba(24, 47, 72, .14);
--sdb-editorial-overlay-gradient: linear-gradient(90deg, rgba(3, 17, 34, .78), rgba(3, 17, 34, .36), rgba(3, 17, 34, .04));
--sdb-editorial-overlay-bottom: linear-gradient(180deg, rgba(3, 17, 34, .04), rgba(3, 17, 34, .78));
--sdb-editorial-overlay-balanced: linear-gradient(180deg, rgba(3, 17, 34, .18), rgba(3, 17, 34, .58));
--sdb-editorial-media-featured-ratio: 16 / 9;
--sdb-editorial-media-card-ratio: 4 / 3;
--sdb-editorial-thumb-sm: 72px;
--sdb-editorial-thumb-md: 108px;
--sdb-editorial-thumb-lg: 160px;
--sdb-editorial-divider-color: var(--sdb-color-border);
--sdb-editorial-divider-spacing: var(--sdb-space-md); --sdb-aspect-portrait: 4 / 5;
--sdb-aspect-profile-card: 3 / 4;
--sdb-profile-card-min-height: 100%;
--sdb-profile-card-title-size: var(--sdb-editorial-title-md);
--sdb-profile-card-title-lines: 2;
--sdb-profile-media-bg: var(--sdb-color-background);
--sdb-carousel-gap: var(--sdb-space-lg);
--sdb-carousel-item-width: min(82vw, 320px);
--sdb-featured-profile-image-width: min(38vw, 420px);
--sdb-featured-profile-padding: clamp(24px, 4vw, 48px);
--sdb-bio-summary-label-color: var(--sdb-color-muted);
--sdb-bio-summary-border: var(--sdb-color-border); --sdb-catalog-card-bg: var(--sdb-color-surface);
--sdb-catalog-card-border: var(--sdb-color-border);
--sdb-catalog-card-radius: var(--sdb-radius-lg);
--sdb-catalog-card-shadow: var(--sdb-shadow-card);
--sdb-catalog-card-padding: var(--sdb-card-padding);
--sdb-catalog-card-gap: var(--sdb-space-md);
--sdb-catalog-grid-gap: var(--sdb-card-gap, var(--sdb-space-lg));
--sdb-catalog-grid-min-width: 260px;
--sdb-catalog-list-gap: var(--sdb-space-md);
--sdb-media-card-aspect: 4 / 3;
--sdb-media-card-aspect-wide: 16 / 9;
--sdb-media-card-aspect-square: 1 / 1;
--sdb-media-card-radius: var(--sdb-radius-md);
--sdb-media-card-bg: var(--sdb-color-background);
--sdb-media-card-object-fit: cover;
--sdb-fact-list-gap: 10px;
--sdb-fact-item-bg: var(--sdb-color-background);
--sdb-fact-item-border: var(--sdb-color-border);
--sdb-fact-item-radius: var(--sdb-radius-md);
--sdb-fact-label-color: var(--sdb-color-muted);
--sdb-fact-label-font-size: .72rem;
--sdb-fact-label-letter-spacing: .08em;
--sdb-fact-value-color: var(--sdb-color-title);
--sdb-fact-value-font-size: .96rem;
--sdb-sidebar-card-bg: var(--sdb-color-surface);
--sdb-sidebar-card-border: var(--sdb-color-border);
--sdb-sidebar-card-radius: var(--sdb-radius-lg);
--sdb-sidebar-card-padding: var(--sdb-card-padding);
--sdb-sidebar-card-shadow: var(--sdb-shadow-card);
--sdb-sidebar-stack-gap: var(--sdb-space-md);
--sdb-tabs-border: var(--sdb-color-border);
--sdb-tabs-bg: transparent;
--sdb-tabs-active-bg: var(--sdb-color-surface);
--sdb-tabs-active-color: var(--sdb-color-primary);
--sdb-tabs-inactive-color: var(--sdb-color-muted);
--sdb-tabs-radius: var(--sdb-radius-pill);
--sdb-tabs-padding: .72rem 1rem;
--sdb-tabs-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.18)); --sdb-document-list-gap: var(--sdb-space-sm);
--sdb-document-list-padding-y: 12px;
--sdb-document-list-border-color: var(--sdb-color-border);
--sdb-document-list-title-color: var(--sdb-color-title);
--sdb-document-list-meta-color: var(--sdb-color-muted);
--sdb-document-list-hover-bg: rgba(0,88,183,.04);
--sdb-document-icon-size: 42px;
--sdb-document-icon-color: var(--sdb-color-primary);
--sdb-document-icon-bg: rgba(0,88,183,.08);
--sdb-document-icon-radius: var(--sdb-radius-md);
--sdb-document-meta-font: var(--sdb-font-meta);
--sdb-document-meta-size: .78rem;
--sdb-document-meta-color: var(--sdb-color-muted);
--sdb-document-meta-gap: 8px;
--sdb-download-action-font-size: .88rem;
--sdb-download-action-font-weight: var(--sdb-font-weight-semibold);
--sdb-download-action-color: var(--sdb-color-primary);
--sdb-download-action-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-download-action-icon-size: 1em;
--sdb-download-action-gap: 7px;
--sdb-pagination-compact-gap: 6px;
--sdb-pagination-compact-size: 34px;
--sdb-file-pdf-color: #c53030;
--sdb-file-doc-color: #1f5fbf;
--sdb-file-xls-color: #2f8f4e;
--sdb-file-zip-color: #7c4dff;
--sdb-file-generic-color: var(--sdb-color-primary); --sdb-alert-radius: var(--sdb-radius-lg);
--sdb-alert-shadow: var(--sdb-shadow-element);
--sdb-alert-padding-y: 14px;
--sdb-alert-padding-x: clamp(16px, 3vw, 28px);
--sdb-alert-gap: var(--sdb-space-md);
--sdb-alert-info-bg: var(--sdb-color-info-bg);
--sdb-alert-info-border: var(--sdb-color-info);
--sdb-alert-info-text: var(--sdb-color-info-text);
--sdb-alert-success-bg: var(--sdb-color-success-bg);
--sdb-alert-success-border: var(--sdb-color-success);
--sdb-alert-success-text: var(--sdb-color-success-text);
--sdb-alert-warning-bg: var(--sdb-color-warning-bg);
--sdb-alert-warning-border: var(--sdb-color-warning);
--sdb-alert-warning-text: var(--sdb-color-warning-text);
--sdb-alert-error-bg: var(--sdb-color-error-bg);
--sdb-alert-error-border: var(--sdb-color-error);
--sdb-alert-error-text: var(--sdb-color-error-text);
--sdb-alert-dark-bg: #071b32;
--sdb-alert-dark-text: #fff;
--sdb-alert-dark-muted: rgba(255,255,255,.78);
--sdb-alert-dark-border: rgba(255,255,255,.16);
--sdb-alert-link-color: var(--sdb-color-primary);
--sdb-alert-link-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-alert-dark-link-color: #fff;
--sdb-alert-dark-link-hover-color: #caecff;
--sdb-dismiss-size: 34px;
--sdb-dismiss-radius: var(--sdb-radius-pill);
--sdb-dismiss-color: currentColor;
--sdb-dismiss-hover-bg: rgba(0,0,0,.07);
--sdb-dismiss-dark-color: #fff;
--sdb-dismiss-dark-hover-bg: rgba(255,255,255,.14);
--sdb-priority-low-bg: var(--sdb-color-background);
--sdb-priority-low-text: var(--sdb-color-muted);
--sdb-priority-normal-bg: var(--sdb-color-info-bg);
--sdb-priority-normal-text: var(--sdb-color-info-text);
--sdb-priority-high-bg: var(--sdb-color-warning-bg);
--sdb-priority-high-text: var(--sdb-color-warning-text);
--sdb-priority-urgent-bg: var(--sdb-color-error-bg);
--sdb-priority-urgent-text: var(--sdb-color-error-text); --sdb-consent-banner-bg: var(--sdb-color-surface);
--sdb-consent-banner-border: var(--sdb-color-border);
--sdb-consent-banner-shadow: var(--sdb-shadow-card);
--sdb-consent-panel-width: min(100%, 720px);
--sdb-consent-backdrop-bg: rgba(8, 24, 43, .52);
--sdb-consent-toggle-bg: var(--sdb-color-border);
--sdb-consent-toggle-active-bg: var(--sdb-color-primary);
--sdb-privacy-surface-bg: var(--sdb-color-surface);
--sdb-privacy-surface-border: var(--sdb-color-border);
--sdb-legal-text-size: .88rem;
--sdb-legal-text-color: var(--sdb-color-muted); --sdb-state-available-bg: var(--sdb-color-success-bg);
--sdb-state-available: var(--sdb-color-success-text);
--sdb-state-limited-bg: var(--sdb-color-warning-bg);
--sdb-state-limited: var(--sdb-color-warning-text);
--sdb-state-full-bg: var(--sdb-color-error-bg);
--sdb-state-full: var(--sdb-color-error-text);
--sdb-state-waitlist-bg: var(--sdb-color-info-bg);
--sdb-state-waitlist: var(--sdb-color-info-text);
--sdb-state-confirmed: var(--sdb-color-success-text);
--sdb-state-pending: var(--sdb-color-warning-text);
--sdb-state-cancelled: var(--sdb-color-muted);
--sdb-ticket-border: var(--sdb-color-border);
--sdb-ticket-bg: var(--sdb-color-surface);
--sdb-ticket-radius: var(--sdb-radius-lg);
--sdb-ticket-shadow: var(--sdb-shadow-card);
--sdb-form-section-gap: var(--sdb-space-lg);
--sdb-form-error-bg: var(--sdb-color-error-bg);
--sdb-form-success-bg: var(--sdb-color-success-bg);
--sdb-admin-kpi-bg: var(--sdb-color-surface);
--sdb-admin-kpi-border: var(--sdb-color-border); --sdb-sensitive-bg: #f8fbff;
--sdb-sensitive-border: #dbe9f7;
--sdb-sensitive-text: var(--sdb-color-text);
--sdb-confidential-bg: #f2f6fb;
--sdb-confidential-border: #cad8e6;
--sdb-security-color: var(--sdb-color-primary);
--sdb-privacy-note-bg: #f8fafc;
--sdb-privacy-note-border: var(--sdb-color-border);
--sdb-process-received-bg: var(--sdb-color-info-bg);
--sdb-process-review-bg: var(--sdb-color-warning-bg);
--sdb-process-completed-bg: var(--sdb-color-success-bg);
--sdb-process-archived-bg: var(--sdb-color-background); --sdb-floating-action-size: 56px;
--sdb-floating-action-offset: 24px;
--sdb-floating-action-bg: var(--sdb-color-primary);
--sdb-floating-action-color: #fff;
--sdb-floating-action-shadow: var(--sdb-shadow-card);
--sdb-floating-action-radius: var(--sdb-radius-pill);
--sdb-floating-action-z-index: 9990;
--sdb-modal-width-sm: 420px;
--sdb-modal-width-md: 640px;
--sdb-modal-padding: clamp(16px, 2.4vw, 24px);
--sdb-modal-radius: var(--sdb-radius-lg);
--sdb-modal-shadow: 0 26px 80px rgba(12, 34, 55, .24);
--sdb-modal-backdrop-bg: rgba(8, 24, 43, .58);
--sdb-modal-title-size: clamp(1.4rem, 2vw, 2rem);
--sdb-modal-z-index: 10000;
--sdb-z-base: 1;
--sdb-z-sticky: 100;
--sdb-z-floating: 9990;
--sdb-z-overlay: 9995;
--sdb-z-modal: 10000;
--sdb-z-toast: 10020; --sdb-admin-bg: var(--sdb-color-background);
--sdb-admin-surface-alt: var(--sdb-color-background);
--sdb-admin-text: var(--sdb-color-text);
--sdb-admin-muted: var(--sdb-color-muted);
--sdb-admin-heading: var(--sdb-color-title);
--sdb-admin-primary: var(--sdb-color-primary);
--sdb-admin-primary-hover: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-admin-primary-soft: rgba(0,88,183,.08);
--sdb-wpadmin-menu-bg: #071b32;
--sdb-wpadmin-menu-text: rgba(255,255,255,.88);
--sdb-wpadmin-menu-hover-bg: rgba(255,255,255,.08);
--sdb-wpadmin-menu-hover-text: #fff;
--sdb-wpadmin-menu-current-bg: var(--sdb-color-primary);
--sdb-wpadmin-menu-current-text: #fff;
--sdb-wpadmin-bar-bg: #061629;
--sdb-wpadmin-bar-text: #fff;
--sdb-wpadmin-bar-hover-bg: rgba(255,255,255,.08);
--sdb-wpadmin-bar-hover-text: #fff;
--sdb-wpadmin-table-header-bg: var(--sdb-color-background);
--sdb-wpadmin-table-row-hover-bg: rgba(0,88,183,.04);
--sdb-wpadmin-table-border: var(--sdb-color-border);
--sdb-editor-font-body: var(--sdb-font-body);
--sdb-editor-font-heading: var(--sdb-font-heading);
--sdb-editor-font-meta: var(--sdb-font-meta);
--sdb-editor-text-color: var(--sdb-color-text);
--sdb-editor-heading-color: var(--sdb-color-title);
--sdb-editor-muted-color: var(--sdb-color-muted);
--sdb-editor-background: var(--sdb-color-background);
--sdb-editor-canvas-bg: #fff;
--sdb-editor-content-width: 860px;
--sdb-editor-wide-width: 1320px;
--sdb-editor-body-size: 16px;
--sdb-editor-body-line-height: 1.65;
--sdb-editor-title-size: 32px;
--sdb-editor-title-line-height: 1.25;
--sdb-login-bg: var(--sdb-color-background);
--sdb-login-card-bg: var(--sdb-color-surface);
--sdb-login-card-border: var(--sdb-color-border);
--sdb-login-card-radius: var(--sdb-radius-lg);
--sdb-login-card-shadow: var(--sdb-shadow-card);
--sdb-login-logo-width: 180px;
--sdb-login-text: var(--sdb-color-text);
--sdb-login-muted: var(--sdb-color-muted);
--sdb-login-link: var(--sdb-color-primary);
--sdb-login-link-hover: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-login-button-bg: var(--sdb-color-primary);
--sdb-login-button-hover-bg: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-login-focus: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); --sdb-mdb-hero-max-width: var(--sdb-layout-max-width-site);
--sdb-mdb-hero-content-width: var(--sdb-layout-max-width-content);
--sdb-mdb-hero-padding-y: var(--sdb-layout-hero-padding-y);
--sdb-mdb-hero-padding-x: var(--sdb-layout-hero-padding-x);
--sdb-cause-hero-bg: var(--sdb-color-background);
--sdb-cause-hero-bg-soft: var(--sdb-color-surface);
--sdb-cause-hero-title-color: var(--sdb-color-title);
--sdb-cause-hero-eyebrow-color: var(--sdb-color-primary);
--sdb-cause-hero-pattern-opacity: .16;
--sdb-cause-hero-image-radius: var(--sdb-radius-lg);
--sdb-cause-hero-image-shadow: var(--sdb-shadow-card);
--sdb-cause-hero-card-bg: var(--sdb-color-surface);
--sdb-cause-hero-card-border: var(--sdb-color-border);
--sdb-mdb-hero-bg: var(--sdb-mdb-color-primary-bg, #FFE7D8);
--sdb-mdb-hero-bg-soft: var(--sdb-mdb-color-primary-soft, #FFE0CE);
--sdb-mdb-hero-title-color: var(--sdb-color-title);
--sdb-mdb-hero-eyebrow-color: var(--sdb-mdb-color-primary, #F26722);
--sdb-mdb-cta-bg: var(--sdb-mdb-color-primary, #F26722);
--sdb-mdb-cta-bg-hover: var(--sdb-mdb-color-primary-dark, #E24B00);
--sdb-mdb-cta-text: #fff;
} .sdb-u-container-wide { width: min(100% - 32px, var(--sdb-layout-max-width-content)); margin-inline: auto; }
.sdb-u-container-narrow, .sdb-u-container-reading { width: min(100% - 32px, var(--sdb-layout-max-width-reading)); margin-inline: auto; }
.sdb-u-bleed-site { max-width: var(--sdb-layout-max-width-site); margin-inline: auto; }
.sdb-u-bleed-viewport { width: 100vw; margin-left: calc(50% - 50vw); }
.sdb-u-section-hero { padding: var(--sdb-layout-hero-padding-y) var(--sdb-layout-hero-padding-x); }
.sdb-u-section-soft { background: var(--sdb-color-background); }
.sdb-u-w-full { width: 100% !important; max-width: none !important; box-sizing: border-box !important; }
.sdb-u-grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--sdb-catalog-grid-min-width)), 1fr)); gap: var(--sdb-catalog-grid-gap); }
.sdb-u-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sdb-catalog-grid-gap); }
.sdb-u-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sdb-catalog-grid-gap); }
.sdb-u-grid-sidebar-aware { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: var(--sdb-catalog-grid-gap); }
.sdb-u-stack-sm { display: grid; gap: var(--sdb-space-sm); }
.sdb-u-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-sm); }
.sdb-u-surface-soft { background: var(--sdb-color-background); }
.sdb-u-max-width-sm { max-width: var(--sdb-modal-width-sm); }
.sdb-u-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sdb-u-nowrap { white-space: nowrap; }
.sdb-u-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sdb-u-text-on-dark { color: #fff; }
.sdb-u-border { border: 1px solid var(--sdb-color-border); }
.sdb-u-hit-area { min-width: 44px; min-height: 44px; }
.sdb-u-line-clamp-1, .sdb-u-line-clamp-2, .sdb-u-line-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.sdb-u-line-clamp-1 { -webkit-line-clamp: 1; line-clamp: 1; }
.sdb-u-line-clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; }
.sdb-u-line-clamp-3 { -webkit-line-clamp: 3; line-clamp: 3; }
.sdb-u-media-16x9, .sdb-u-media-16x10, .sdb-u-media-square, .sdb-u-media-wide, .sdb-u-media-portrait { display: block; overflow: hidden; background: var(--sdb-media-card-bg); border-radius: var(--sdb-media-card-radius); }
.sdb-u-media-16x9 { aspect-ratio: 16 / 9; }
.sdb-u-media-16x10 { aspect-ratio: 16 / 10; }
.sdb-u-media-square { aspect-ratio: 1 / 1; }
.sdb-u-media-wide { aspect-ratio: var(--sdb-media-card-aspect-wide); }
.sdb-u-media-portrait { aspect-ratio: var(--sdb-aspect-portrait); }
.sdb-u-media-cover > img, .sdb-media-fit-cover { width: 100%; height: 100%; object-fit: cover; }
.sdb-u-media-contain > img, .sdb-media-fit-contain, .sdb-media-logo-safe { width: 100%; height: 100%; object-fit: contain; background: var(--sdb-color-background); }
.sdb-media-focus-center { object-position: center; }
.sdb-media-focus-top { object-position: top center; }
.sdb-media-focus-bottom { object-position: bottom center; }
.sdb-media-focus-left { object-position: center left; }
.sdb-media-focus-right { object-position: center right; }
.sdb-u-document-icon, .sdb-u-file-icon { inline-size: var(--sdb-document-icon-size); block-size: var(--sdb-document-icon-size); display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: var(--sdb-document-icon-radius); background: var(--sdb-document-icon-bg); color: var(--sdb-document-icon-color); font-weight: 800; }
.sdb-u-file-icon--pdf { color: var(--sdb-file-pdf-color); }
.sdb-u-file-icon--doc { color: var(--sdb-file-doc-color); }
.sdb-u-file-icon--xls { color: var(--sdb-file-xls-color); }
.sdb-u-file-icon--zip { color: var(--sdb-file-zip-color); }
.sdb-u-editorial-divider, .sdb-u-separated-list > * + * { border-top: 1px solid var(--sdb-editorial-divider-color); padding-top: var(--sdb-editorial-divider-spacing); margin-top: var(--sdb-editorial-divider-spacing); } .sdb-editorial-pill { display: inline-flex; align-items: center; gap: .45em; width: fit-content; padding: var(--sdb-editorial-tag-padding-y, .38rem) var(--sdb-editorial-tag-padding-x, .68rem); border: 1px solid var(--sdb-color-editorial-border); border-radius: var(--sdb-radius-pill); background: var(--sdb-color-editorial-surface-soft); color: var(--sdb-color-editorial-accent); font-family: var(--sdb-font-meta); font-size: var(--sdb-editorial-tag-font-size, .75rem); font-weight: var(--sdb-editorial-tag-font-weight, 700); letter-spacing: var(--sdb-editorial-tag-letter-spacing, .08em); text-transform: uppercase; }
.sdb-editorial-pill--on-image { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.32); color: #fff; backdrop-filter: blur(8px); }
.sdb-editorial-pill--muted { background: var(--sdb-color-background); color: var(--sdb-color-muted); }
.sdb-editorial-pill--accent { background: var(--sdb-color-editorial-accent-soft); border-color: transparent; color: var(--sdb-color-editorial-accent); }
.sdb-editorial-link { color: var(--sdb-editorial-cta-color); font-weight: var(--sdb-editorial-link-weight); text-decoration: none; text-underline-offset: .2em; }
.sdb-editorial-link:hover { color: var(--sdb-editorial-cta-hover-color); text-decoration: underline; }
.sdb-editorial-link--subtle { color: var(--sdb-color-muted); }
.sdb-editorial-link--strong { display: inline-flex; align-items: center; gap: .55em; padding: .65rem .9rem; border-radius: var(--sdb-editorial-cta-radius); background: var(--sdb-editorial-cta-bg); }
.sdb-editorial-link--strong:hover { background: var(--sdb-editorial-cta-bg-hover); text-decoration: none; }
.sdb-editorial-link--on-image { color: #fff; }
.sdb-editorial-link--with-arrow::after { content: "→"; display: inline-block; margin-left: .45em; transition: transform var(--sdb-transition-fast, 160ms) ease; }
.sdb-editorial-link--with-arrow:hover::after { transform: translateX(3px); }
.sdb-editorial-panel--soft { background: var(--sdb-color-editorial-surface-soft); border: 1px solid var(--sdb-color-editorial-border); }
.sdb-editorial-panel--institutional { background: linear-gradient(135deg, var(--sdb-color-editorial-surface), var(--sdb-color-editorial-surface-soft)); border-left: 4px solid var(--sdb-color-editorial-accent); }
.sdb-editorial-panel--floating { box-shadow: var(--sdb-shadow-editorial-soft); border-radius: var(--sdb-radius-editorial-lg); }
.sdb-on-image--bottom { align-items: end; }
.sdb-on-image--center { align-items: center; justify-items: center; text-align: center; }
.sdb-on-image--soft::before { background: var(--sdb-editorial-overlay-balanced); }
.sdb-on-image--strong::before { background: var(--sdb-overlay-strong); }
.sdb-on-image__content { position: relative; z-index: 2; max-width: var(--sdb-hero-content-max-width); color: var(--sdb-color-on-image, #fff); }
.sdb-icon { inline-size: 1em; block-size: 1em; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.sdb-icon--inline { vertical-align: -0.125em; }
.sdb-icon--circle { inline-size: 2em; block-size: 2em; border-radius: 50%; background: var(--sdb-color-editorial-accent-soft); color: var(--sdb-color-editorial-accent); }
.sdb-icon--editorial { color: var(--sdb-color-editorial-accent); } .sdb-profile-card { display: grid; gap: var(--sdb-space-md); min-height: var(--sdb-profile-card-min-height); overflow: hidden; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-editorial); background: var(--sdb-color-surface); box-shadow: var(--sdb-shadow-editorial-soft); }
.sdb-profile-card__media { position: relative; aspect-ratio: var(--sdb-aspect-profile-card); overflow: hidden; background: var(--sdb-profile-media-bg); }
.sdb-profile-card__media img { width: 100%; height: 100%; object-fit: cover; }
.sdb-profile-card__body { display: grid; gap: .55rem; padding: var(--sdb-card-padding); }
.sdb-profile-card__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); font-size: var(--sdb-profile-card-title-size); line-height: 1.18; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--sdb-profile-card-title-lines); line-clamp: var(--sdb-profile-card-title-lines); overflow: hidden; }
.sdb-profile-card__meta { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: var(--sdb-editorial-meta-size); font-weight: var(--sdb-editorial-meta-weight); letter-spacing: var(--sdb-editorial-meta-letter-spacing); text-transform: var(--sdb-editorial-meta-transform); }
.sdb-featured-profile { display: grid; grid-template-columns: minmax(220px, var(--sdb-featured-profile-image-width)) minmax(0, 1fr); gap: clamp(22px, 4vw, 56px); align-items: center; padding: var(--sdb-featured-profile-padding); border-radius: var(--sdb-radius-editorial-lg); background: var(--sdb-color-surface); box-shadow: var(--sdb-shadow-editorial-soft); }
.sdb-featured-profile__media { aspect-ratio: var(--sdb-aspect-portrait); overflow: hidden; border-radius: var(--sdb-radius-editorial); background: var(--sdb-profile-media-bg); }
.sdb-featured-profile__media img { width: 100%; height: 100%; object-fit: cover; }
.sdb-bio-summary { display: grid; gap: 10px; border-top: 1px solid var(--sdb-bio-summary-border); padding-top: var(--sdb-space-md); }
.sdb-bio-summary__item { display: grid; grid-template-columns: minmax(110px, .35fr) 1fr; gap: 12px; }
.sdb-bio-summary__label { color: var(--sdb-bio-summary-label-color); font-family: var(--sdb-font-meta); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-bio-summary__value { color: var(--sdb-color-text); }
.sdb-date-list, .sdb-timeline-compact { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.sdb-date-list__item, .sdb-timeline-compact__item { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--sdb-color-border); }
.sdb-editorial-carousel { display: grid; gap: var(--sdb-space-md); }
.sdb-editorial-carousel__track { display: grid; grid-auto-flow: column; grid-auto-columns: var(--sdb-carousel-item-width); gap: var(--sdb-carousel-gap); overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 6px; }
.sdb-editorial-carousel__item { scroll-snap-align: start; } .sdb-catalog-card { display: grid; gap: var(--sdb-catalog-card-gap); overflow: hidden; border: 1px solid var(--sdb-catalog-card-border); border-radius: var(--sdb-catalog-card-radius); background: var(--sdb-catalog-card-bg); box-shadow: var(--sdb-catalog-card-shadow); }
.sdb-catalog-card__media { aspect-ratio: var(--sdb-media-card-aspect); overflow: hidden; background: var(--sdb-media-card-bg); }
.sdb-catalog-card__media img { width: 100%; height: 100%; object-fit: var(--sdb-media-card-object-fit); }
.sdb-catalog-card__body { display: grid; gap: .65rem; padding: var(--sdb-catalog-card-padding); }
.sdb-catalog-card__eyebrow { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: var(--sdb-editorial-meta-size); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-catalog-card__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); font-size: var(--sdb-editorial-title-md); line-height: 1.18; }
.sdb-catalog-card__text { color: var(--sdb-color-text); line-height: 1.6; }
.sdb-fact-sheet { display: grid; gap: var(--sdb-fact-list-gap); }
.sdb-fact-sheet__item { display: grid; gap: 4px; padding: 12px; border: 1px solid var(--sdb-fact-item-border); border-radius: var(--sdb-fact-item-radius); background: var(--sdb-fact-item-bg); }
.sdb-fact-sheet__label { color: var(--sdb-fact-label-color); font-family: var(--sdb-font-meta); font-size: var(--sdb-fact-label-font-size); font-weight: 800; letter-spacing: var(--sdb-fact-label-letter-spacing); text-transform: uppercase; }
.sdb-fact-sheet__value { color: var(--sdb-fact-value-color); font-size: var(--sdb-fact-value-font-size); font-weight: 650; }
.sdb-action-stack { display: grid; gap: var(--sdb-space-sm); }
.sdb-action-stack__primary, .sdb-action-stack__secondary, .sdb-action-stack__nav { display: flex; flex-wrap: wrap; gap: 8px; }
.sdb-tabs { display: flex; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid var(--sdb-tabs-border); }
.sdb-tabs [role="tab"], .sdb-tabs__tab { padding: var(--sdb-tabs-padding); border: 1px solid transparent; border-radius: var(--sdb-tabs-radius) var(--sdb-tabs-radius) 0 0; background: var(--sdb-tabs-bg); color: var(--sdb-tabs-inactive-color); text-decoration: none; }
.sdb-tabs [aria-selected="true"], .sdb-tabs__tab--active { background: var(--sdb-tabs-active-bg); border-color: var(--sdb-tabs-border); color: var(--sdb-tabs-active-color); } .sdb-document-list { display: grid; gap: var(--sdb-document-list-gap); }
.sdb-document-list__item { display: flex; align-items: center; gap: var(--sdb-space-md); padding-block: var(--sdb-document-list-padding-y); border-bottom: 1px solid var(--sdb-document-list-border-color); }
.sdb-document-list__item:hover { background: var(--sdb-document-list-hover-bg); }
.sdb-document-list__icon { inline-size: var(--sdb-document-icon-size); block-size: var(--sdb-document-icon-size); display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: var(--sdb-document-icon-radius); background: var(--sdb-document-icon-bg); color: var(--sdb-document-icon-color); }
.sdb-document-list__content { min-width: 0; flex: 1 1 auto; }
.sdb-document-list__title { color: var(--sdb-document-list-title-color); font-weight: 700; text-decoration: none; }
.sdb-document-list__title:hover { color: var(--sdb-color-primary); text-decoration: underline; }
.sdb-document-list__meta, .sdb-document-meta { display: flex; flex-wrap: wrap; gap: var(--sdb-document-meta-gap); color: var(--sdb-document-meta-color); font-family: var(--sdb-document-meta-font); font-size: var(--sdb-document-meta-size); }
.sdb-document-list--compact .sdb-document-list__item { gap: 10px; padding-block: 8px; }
.sdb-document-list--inline { display: block; margin: 0; padding: 0; list-style: none; }
.sdb-document-list--inline .sdb-document-list__item { padding: 8px 0; gap: 10px; }
.sdb-download-action { display: inline-flex; align-items: center; gap: var(--sdb-download-action-gap); color: var(--sdb-download-action-color); font-size: var(--sdb-download-action-font-size); font-weight: var(--sdb-download-action-font-weight); text-decoration: none; }
.sdb-download-action:hover { color: var(--sdb-download-action-hover-color); text-decoration: underline; }
.sdb-data-list--documents .sdb-data-list__item { align-items: center; }
.sdb-filter-bar--documents { gap: var(--sdb-filter-gap); }
.sdb-empty-state--documents .sdb-empty-state__icon { color: var(--sdb-document-icon-color); }
.sdb-pagination--compact { gap: var(--sdb-pagination-compact-gap); }
.sdb-pagination--compact .page-numbers, .sdb-pagination--compact a, .sdb-pagination--compact span { min-width: var(--sdb-pagination-compact-size); min-height: var(--sdb-pagination-compact-size); } .sdb-alert-banner { border-radius: var(--sdb-alert-radius); box-shadow: var(--sdb-alert-shadow); background: var(--sdb-alert-info-bg); color: var(--sdb-alert-info-text); border: 1px solid var(--sdb-alert-info-border); }
.sdb-alert-banner__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--sdb-alert-gap); padding: var(--sdb-alert-padding-y) var(--sdb-alert-padding-x); }
.sdb-alert-banner__content { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px; min-width: 0; }
.sdb-alert-banner__tag { font-family: var(--sdb-font-meta); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-alert-banner__title, .sdb-alert-banner__text { margin: 0; }
.sdb-alert-banner__actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.sdb-alert-banner__link { color: var(--sdb-alert-link-color); font-weight: 700; }
.sdb-alert-banner--success { background: var(--sdb-alert-success-bg); border-color: var(--sdb-alert-success-border); color: var(--sdb-alert-success-text); }
.sdb-alert-banner--warning, .sdb-alert-banner--urgent { background: var(--sdb-alert-warning-bg); border-color: var(--sdb-alert-warning-border); color: var(--sdb-alert-warning-text); }
.sdb-alert-banner--error { background: var(--sdb-alert-error-bg); border-color: var(--sdb-alert-error-border); color: var(--sdb-alert-error-text); }
.sdb-alert-banner--dark { background: var(--sdb-alert-dark-bg); border-color: var(--sdb-alert-dark-border); color: var(--sdb-alert-dark-text); }
.sdb-alert-banner--dark .sdb-alert-banner__link { color: var(--sdb-alert-dark-link-color); }
.sdb-alert-banner--strip { border-radius: 0; box-shadow: none; border-inline: 0; }
.sdb-alert-ticker { overflow: hidden; }
.sdb-alert-ticker__viewport { display: grid; }
.sdb-alert-ticker__item { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity var(--sdb-transition-base, 220ms) ease; }
.sdb-alert-ticker__item--active { opacity: 1; visibility: visible; }
.sdb-priority, .sdb-status-badge { display: inline-flex; align-items: center; gap: .35em; width: fit-content; padding: .32rem .6rem; border-radius: var(--sdb-radius-pill); font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.sdb-priority--low { background: var(--sdb-priority-low-bg); color: var(--sdb-priority-low-text); }
.sdb-priority--normal { background: var(--sdb-priority-normal-bg); color: var(--sdb-priority-normal-text); }
.sdb-priority--high { background: var(--sdb-priority-high-bg); color: var(--sdb-priority-high-text); }
.sdb-priority--urgent { background: var(--sdb-priority-urgent-bg); color: var(--sdb-priority-urgent-text); }
.sdb-dismiss-button, .sdb-alert-banner__dismiss { inline-size: var(--sdb-dismiss-size); block-size: var(--sdb-dismiss-size); display: inline-grid; place-items: center; border: 0; border-radius: var(--sdb-dismiss-radius); background: transparent; color: var(--sdb-dismiss-color); cursor: pointer; }
.sdb-dismiss-button:hover, .sdb-alert-banner__dismiss:hover { background: var(--sdb-dismiss-hover-bg); }
.sdb-dismiss-button--dark { color: var(--sdb-dismiss-dark-color); }
.sdb-dismiss-button--dark:hover { background: var(--sdb-dismiss-dark-hover-bg); } .sdb-consent-banner, .sdb-consent-panel, .sdb-privacy-surface { border: 1px solid var(--sdb-privacy-surface-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-privacy-surface-bg); box-shadow: var(--sdb-shadow-card); }
.sdb-consent-banner { padding: clamp(16px, 3vw, 24px); }
.sdb-consent-panel { width: var(--sdb-consent-panel-width); max-height: min(88vh, 820px); overflow: auto; padding: clamp(18px, 4vw, 32px); }
.sdb-consent-category { display: grid; gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--sdb-color-border); }
.sdb-consent-toggle { inline-size: 52px; block-size: 30px; border-radius: 999px; background: var(--sdb-consent-toggle-bg); position: relative; }
.sdb-consent-toggle::after { content: ""; position: absolute; inline-size: 24px; block-size: 24px; inset: 3px auto 3px 3px; border-radius: 50%; background: #fff; transition: transform var(--sdb-transition-fast,160ms) ease; box-shadow: 0 2px 6px rgba(0,0,0,.18); }
.sdb-consent-toggle[aria-checked="true"], .sdb-consent-toggle.is-active { background: var(--sdb-consent-toggle-active-bg); }
.sdb-consent-toggle[aria-checked="true"]::after, .sdb-consent-toggle.is-active::after { transform: translateX(22px); }
.sdb-cookie-list { display: grid; gap: 10px; }
.sdb-cookie-list__item { padding: 12px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); }
.sdb-diagnostic-check, .sdb-compliance-alert, .sdb-policy-version { padding: 14px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); } .sdb-registration-form { display: grid; gap: var(--sdb-form-section-gap); }
.sdb-consent-block { padding: 14px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-background); font-size: var(--sdb-legal-text-size); color: var(--sdb-legal-text-color); }
.sdb-session-list { display: grid; gap: var(--sdb-space-md); }
.sdb-session-card { display: grid; gap: 8px; padding: var(--sdb-card-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); }
.sdb-session-card[aria-selected="true"], .sdb-session-card--selected { border-color: var(--sdb-color-primary); box-shadow: 0 0 0 3px rgba(0,88,183,.12); }
.sdb-capacity-indicator--available { color: var(--sdb-state-available); background: var(--sdb-state-available-bg); }
.sdb-capacity-indicator--limited { color: var(--sdb-state-limited); background: var(--sdb-state-limited-bg); }
.sdb-capacity-indicator--full { color: var(--sdb-state-full); background: var(--sdb-state-full-bg); }
.sdb-ticket { display: grid; gap: var(--sdb-space-md); padding: clamp(20px, 4vw, 34px); border: 1px dashed var(--sdb-ticket-border); border-radius: var(--sdb-ticket-radius); background: var(--sdb-ticket-bg); box-shadow: var(--sdb-ticket-shadow); }
.sdb-ticket__code { font-family: var(--sdb-font-code); font-size: clamp(1.3rem, 3vw, 2rem); font-weight: 800; color: var(--sdb-color-title); }
.sdb-confirmation-panel { padding: var(--sdb-card-padding); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); }
.sdb-participant-list { display: grid; gap: 8px; }
.sdb-admin-kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--sdb-admin-gap); }
.sdb-admin-kpi { padding: 16px; border: 1px solid var(--sdb-admin-kpi-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-admin-kpi-bg); }
.sdb-export-panel { padding: var(--sdb-card-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); } .sdb-match-card, .sdb-score-card, .sdb-competition-card { display: grid; gap: 10px; padding: var(--sdb-card-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); }
.sdb-match-card__teams { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; }
.sdb-team-badge { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--sdb-color-title); }
.sdb-live-indicator { display: inline-flex; align-items: center; gap: 6px; color: var(--sdb-color-error); font-weight: 800; }
.sdb-live-indicator::before { content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; background: currentColor; }
.sdb-result-list { display: grid; gap: 8px; }
.sdb-standings-table, .sdb-medal-table, .sdb-mobile-data-table { width: 100%; border-collapse: collapse; }
.sdb-standings-table th, .sdb-standings-table td, .sdb-medal-table th, .sdb-medal-table td, .sdb-mobile-data-table th, .sdb-mobile-data-table td { padding: 10px 12px; border-bottom: 1px solid var(--sdb-color-border); text-align: left; }
.sdb-validation-summary { padding: 14px; border-radius: var(--sdb-radius-md); background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); }
.sdb-operational-dashboard { display: grid; gap: var(--sdb-space-lg); } .sdb-sensitive-panel, .sdb-confidential-notice, .sdb-token-lookup, .sdb-admin-sensitive-detail { padding: var(--sdb-card-padding); border: 1px solid var(--sdb-sensitive-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-sensitive-bg); color: var(--sdb-sensitive-text); }
.sdb-confidential-notice { background: var(--sdb-confidential-bg); border-color: var(--sdb-confidential-border); }
.sdb-secure-upload { display: grid; gap: 8px; padding: 16px; border: 1px dashed var(--sdb-sensitive-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); }
.sdb-process-status { display: inline-flex; align-items: center; gap: .4em; padding: .35rem .65rem; border-radius: var(--sdb-radius-pill); background: var(--sdb-process-received-bg); font-weight: 800; }
.sdb-process-status--review { background: var(--sdb-process-review-bg); color: var(--sdb-color-warning-text); }
.sdb-process-status--completed { background: var(--sdb-process-completed-bg); color: var(--sdb-color-success-text); }
.sdb-process-status--archived { background: var(--sdb-process-archived-bg); color: var(--sdb-color-muted); }
.sdb-privacy-note { padding: 12px; border: 1px solid var(--sdb-privacy-note-border); border-radius: var(--sdb-radius-md); background: var(--sdb-privacy-note-bg); color: var(--sdb-color-muted); font-size: var(--sdb-legal-text-size); }
.sdb-admin-evidence-list { display: grid; gap: 8px; }
.sdb-status-timeline { display: grid; gap: 10px; } .sdb-floating-action { position: fixed; right: var(--sdb-floating-action-offset); bottom: var(--sdb-floating-action-offset); z-index: var(--sdb-floating-action-z-index); inline-size: var(--sdb-floating-action-size); block-size: var(--sdb-floating-action-size); display: inline-grid; place-items: center; border-radius: var(--sdb-floating-action-radius); background: var(--sdb-floating-action-bg); color: var(--sdb-floating-action-color); box-shadow: var(--sdb-floating-action-shadow); text-decoration: none; }
.sdb-modal { width: min(100% - 32px, var(--sdb-modal-width-md)); max-height: min(92vh, 820px); overflow: auto; padding: var(--sdb-modal-padding); border-radius: var(--sdb-modal-radius); background: var(--sdb-color-surface); box-shadow: var(--sdb-modal-shadow); }
.sdb-modal--sm { width: min(100% - 32px, var(--sdb-modal-width-sm)); }
.sdb-modal-backdrop { position: fixed; inset: 0; z-index: var(--sdb-z-overlay); background: var(--sdb-modal-backdrop-bg); }
.sdb-form--compact { gap: var(--sdb-space-sm); }
.sdb-form--modal { gap: var(--sdb-form-field-gap); }
.sdb-form__status, .sdb-status-message, .sdb-inline-notice { padding: 12px 14px; border-radius: var(--sdb-radius-md); background: var(--sdb-color-info-bg); color: var(--sdb-color-info-text); }
.sdb-form__status--success, .sdb-status-message--success { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); }
.sdb-form__status--error, .sdb-status-message--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); }
.sdb-verification-block { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-background); }
.sdb-verification-block--compact { padding: 8px; }
.sdb-u-external-widget-wrap { max-width: 100%; overflow: hidden; } .sdb-table--technical, .sdb-table--compact { font-size: .9rem; }
.sdb-table--compact th, .sdb-table--compact td { padding: 8px 10px; }
.sdb-code-inline, .sdb-code-pill, .sdb-technical-meta { font-family: var(--sdb-font-code); font-size: .86em; }
.sdb-code-inline { padding: .12em .34em; border-radius: var(--sdb-radius-sm); background: var(--sdb-admin-surface-muted); color: var(--sdb-color-title); }
.sdb-code-pill, .sdb-origin-chip { display: inline-flex; align-items: center; width: fit-content; padding: .28rem .55rem; border-radius: var(--sdb-radius-pill); background: var(--sdb-admin-surface-muted); color: var(--sdb-admin-text); font-weight: 700; }
.sdb-origin-chip--unknown { background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); }
.sdb-admin-note-field { width: 100%; min-height: var(--sdb-admin-note-min-height, 70px); font-family: var(--sdb-font-body); }
.sdb-inline-note { color: var(--sdb-admin-text-muted); font-size: .88rem; }
.sdb-admin-settings, .sdb-admin-settings__section { display: grid; gap: var(--sdb-admin-gap); }
.sdb-admin-settings__field { display: grid; gap: 6px; }
.sdb-admin-settings__help { color: var(--sdb-admin-text-muted); font-size: .88rem; } .sdb-cause-hero { max-width: var(--sdb-layout-max-width-site); margin-inline: auto; padding: var(--sdb-layout-hero-padding-y) var(--sdb-layout-hero-padding-x); background: var(--sdb-cause-hero-bg); color: var(--sdb-cause-hero-title-color); }
.sdb-cause-hero--mdb { background: var(--sdb-mdb-hero-bg); }
.sdb-cause-hero__inner { width: min(100%, var(--sdb-layout-max-width-content)); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr); gap: clamp(24px, 5vw, 72px); align-items: center; }
.sdb-cause-hero__eyebrow { color: var(--sdb-cause-hero-eyebrow-color); font-family: var(--sdb-font-meta); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-cause-hero__title { color: var(--sdb-cause-hero-title-color); font-family: var(--sdb-font-heading); font-size: var(--sdb-hero-title-size-desktop); line-height: var(--sdb-hero-title-line-height); }
.sdb-cause-hero__media { overflow: hidden; border-radius: var(--sdb-cause-hero-image-radius); box-shadow: var(--sdb-cause-hero-image-shadow); }
.sdb-cause-card { display: grid; gap: var(--sdb-cause-card-gap, var(--sdb-space-md)); border: 1px solid var(--sdb-cause-card-border, var(--sdb-color-border)); border-radius: var(--sdb-cause-card-radius, var(--sdb-radius-lg)); background: var(--sdb-cause-card-bg, var(--sdb-color-surface)); box-shadow: var(--sdb-cause-card-shadow, var(--sdb-shadow-card)); overflow: hidden; }
.sdb-cause-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: var(--sdb-card-gap); }
.sdb-progress-line { display: grid; gap: 6px; }
.sdb-progress-line__track { overflow: hidden; height: var(--sdb-progress-height); border-radius: var(--sdb-progress-radius); background: var(--sdb-progress-bg); }
.sdb-progress-line__fill { height: 100%; width: var(--sdb-progress-value, 0%); border-radius: inherit; background: var(--sdb-progress-fill); }
.sdb-cta-panel { display: grid; gap: var(--sdb-space-md); padding: clamp(22px, 4vw, 42px); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-primary); color: #fff; }
@media (max-width: 900px) {
.sdb-u-grid-2, .sdb-u-grid-3, .sdb-featured-profile, .sdb-cause-hero__inner { grid-template-columns: 1fr; }
.sdb-alert-banner__inner { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 640px) {
.sdb-document-list__item { align-items: flex-start; }
.sdb-document-list__action { width: 100%; }
.sdb-bio-summary__item { grid-template-columns: 1fr; }
.sdb-floating-action { right: 16px; bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
.sdb-editorial-link--with-arrow::after, .sdb-consent-toggle::after, .sdb-alert-ticker__item { transition: none; }
.sdb-live-indicator::before { animation: none; }
} :where(.sdb-form, .sdb-sensitive-panel, .sdb-consent-panel, .sdb-privacy-surface, .sdb-registration-form, .sdb-token-lookup, .sdb-modal) :where(input[type="checkbox"], input[type="radio"]) {
inline-size: auto !important;
block-size: auto !important;
width: auto !important;
height: auto !important;
min-inline-size: 18px !important;
min-block-size: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
border-radius: initial !important;
background: initial !important;
box-shadow: none !important;
appearance: auto !important;
-webkit-appearance: auto !important;
flex: 0 0 auto !important;
vertical-align: middle !important;
accent-color: var(--sdb-color-primary, #0058b7);
}
:where(.sdb-form, .sdb-sensitive-panel, .sdb-consent-panel, .sdb-privacy-surface, .sdb-registration-form, .sdb-token-lookup, .sdb-modal) :where(input[type="checkbox"], input[type="radio"]):focus-visible {
outline: var(--sdb-focus-ring-width, 2px) solid var(--sdb-focus-ring-color, var(--sdb-color-primary, #0058b7)) !important;
outline-offset: var(--sdb-focus-ring-offset, 3px) !important;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.18)) !important;
}
.sdb-form__check,
.sdb-checkbox,
.sdb-radio {
display: flex !important;
align-items: flex-start !important;
gap: .65rem !important;
margin: 0 !important;
color: var(--sdb-color-text) !important;
font-family: var(--sdb-font-body) !important;
font-size: 0.97rem !important;
line-height: 1.45 !important;
font-weight: 500 !important;
cursor: pointer;
}
.sdb-form__check input,
.sdb-checkbox input,
.sdb-radio input {
margin-top: .15em !important;
}
.sdb-form__check-label,
.sdb-form__check-text,
.sdb-checkbox__text,
.sdb-radio__text {
display: block !important;
min-width: 0 !important;
}
.sdb-form__check-help,
.sdb-checkbox__help,
.sdb-radio__help {
display: block !important;
margin-top: .25rem !important;
color: var(--sdb-color-muted) !important;
font-size: .88rem !important;
line-height: 1.45 !important;
font-weight: 400 !important;
}
.sdb-check-group {
display: grid !important;
gap: .75rem !important;
margin: 0 !important;
}
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card,
.sdb-consent-block {
display: flex !important;
align-items: flex-start !important;
gap: .75rem !important;
}
.sdb-check-card {
padding: 14px 16px !important;
border: 1px solid var(--sdb-color-border) !important;
border-left: 4px solid var(--sdb-color-primary) !important;
border-radius: var(--sdb-radius-md) !important;
background: var(--sdb-color-background) !important;
}
.sdb-check-card:has(input:checked),
.sdb-checkbox-card:has(input:checked),
.sdb-radio-card:has(input:checked) {
border-color: var(--sdb-color-primary) !important;
background: rgba(0, 88, 183, .04) !important;
}
.sdb-check-card input,
.sdb-checkbox-card input,
.sdb-radio-card input,
.sdb-consent-block input[type="checkbox"],
.sdb-consent-block input[type="radio"] {
margin-top: .18em !important;
}
.sdb-form__field > :where(.sdb-form__check, .sdb-checkbox, .sdb-radio, .sdb-check-card) {
margin-top: .2rem !important;
}
@media (max-width: 640px) {
.sdb-form__check,
.sdb-checkbox,
.sdb-radio,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card,
.sdb-consent-block {
gap: .6rem !important;
}
.sdb-check-card {
padding: 12px 14px !important;
}
} :root {
--sdb-form-section-title-size: clamp(1rem, 1.1vw, 1.125rem);
--sdb-form-section-title-weight: var(--sdb-font-weight-semibold, 600);
--sdb-form-section-title-color: var(--sdb-color-title);
--sdb-form-section-title-line-height: 1.3;
--sdb-form-section-title-margin: 0 0 .75rem;
--sdb-form-section-gap: clamp(18px, 2.2vw, 28px);
--sdb-form-section-padding: clamp(16px, 2.2vw, 24px);
--sdb-form-grid-gap: clamp(14px, 1.8vw, 20px);
--sdb-form-label-size: .92rem;
--sdb-form-label-weight: var(--sdb-font-weight-semibold, 600);
--sdb-form-help-size: .86rem;
--sdb-choice-size: 16px;
--sdb-choice-border: var(--sdb-color-border);
--sdb-choice-radius: 4px;
--sdb-choice-bg: var(--sdb-color-surface);
--sdb-choice-color: var(--sdb-color-primary);
--sdb-choice-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.18));
--sdb-choice-gap: .7rem;
--sdb-session-list-gap: clamp(12px, 1.8vw, 18px);
--sdb-session-card-padding: clamp(15px, 2vw, 22px);
--sdb-session-card-gap: clamp(10px, 1.5vw, 16px);
--sdb-session-card-selected-bg: rgba(0, 88, 183, .045);
--sdb-session-card-selected-border: rgba(0, 88, 183, .45);
--sdb-session-card-hover-bg: rgba(0, 88, 183, .025);
--sdb-session-card-disabled-opacity: .58;
--sdb-session-card-title-size: clamp(1rem, 1.15vw, 1.14rem);
--sdb-session-card-meta-size: .9rem;
--sdb-capacity-available-color: var(--sdb-color-success-text);
--sdb-capacity-available-bg: var(--sdb-color-success-bg);
--sdb-capacity-limited-color: var(--sdb-color-warning-text);
--sdb-capacity-limited-bg: var(--sdb-color-warning-bg);
--sdb-capacity-full-color: var(--sdb-color-error-text);
--sdb-capacity-full-bg: var(--sdb-color-error-bg);
--sdb-capacity-waitlist-color: var(--sdb-color-info-text);
--sdb-capacity-waitlist-bg: var(--sdb-color-info-bg);
--sdb-consent-bg: var(--sdb-color-background);
--sdb-consent-border: var(--sdb-color-border);
--sdb-consent-radius: var(--sdb-radius-md);
--sdb-consent-padding: clamp(13px, 1.8vw, 18px);
--sdb-consent-gap: .75rem;
--sdb-consent-text-size: .92rem;
--sdb-consent-text-color: var(--sdb-color-text);
--sdb-consent-checked-bg: color-mix(in srgb, var(--sdb-color-primary) 5%, var(--sdb-consent-bg));
--sdb-consent-checked-border: color-mix(in srgb, var(--sdb-color-primary) 46%, var(--sdb-consent-border));
--sdb-consent-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, .18));
--sdb-consent-error-bg: var(--sdb-color-error-bg, #fdecec);
--sdb-consent-error-border: var(--sdb-color-error, #b42318);
--sdb-consent-error-text: var(--sdb-color-error-text, #7f1d1d);
--sdb-consent-disabled-opacity: .62;
--sdb-form-full-max-width: none;
--sdb-btn-sm-min-height: 32px;
--sdb-btn-sm-padding-y: .38rem;
--sdb-btn-sm-padding-x: .7rem;
--sdb-btn-sm-font-size: .8125rem;
--sdb-btn-table-action-min-height: 30px;
--sdb-btn-table-action-padding-y: .32rem;
--sdb-btn-table-action-padding-x: .58rem;
--sdb-confirmation-bg: var(--sdb-color-success-bg);
--sdb-confirmation-border: rgba(47, 143, 78, .22);
--sdb-confirmation-radius: var(--sdb-radius-lg);
--sdb-confirmation-padding: clamp(18px, 2.5vw, 28px);
--sdb-confirmation-title-size: clamp(1.05rem, 1.25vw, 1.22rem);
--sdb-confirmation-title-color: var(--sdb-color-title);
--sdb-confirmation-text-color: var(--sdb-color-text);
--sdb-card-action-link-color: var(--sdb-color-primary);
--sdb-card-action-link-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-card-action-link-bg: rgba(0, 88, 183, .055);
--sdb-card-action-link-bg-hover: rgba(0, 88, 183, .095);
}
.sdb-registration-form,
.sdb-form.sdb-registration-form {
display: grid;
gap: var(--sdb-form-section-gap);
}
.sdb-form__section {
display: grid;
gap: var(--sdb-form-grid-gap);
min-width: 0;
}
.sdb-form__section--surface {
padding: var(--sdb-form-section-padding);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: var(--sdb-color-surface);
}
.sdb-form__section-title,
.sdb-registration-form > :is(h2, h3, h4),
.sdb-registration-form .sdb-form__section > :is(h2, h3, h4):first-child {
margin: var(--sdb-form-section-title-margin);
color: var(--sdb-form-section-title-color);
font-family: var(--sdb-font-heading);
font-size: var(--sdb-form-section-title-size);
font-weight: var(--sdb-form-section-title-weight);
line-height: var(--sdb-form-section-title-line-height);
letter-spacing: -0.01em;
}
.sdb-form__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
gap: var(--sdb-form-grid-gap);
}
.sdb-form__field {
display: grid;
gap: .45rem;
min-width: 0;
}
.sdb-form__label {
color: var(--sdb-color-title);
font-size: var(--sdb-form-label-size);
font-weight: var(--sdb-form-label-weight);
line-height: 1.35;
}
.sdb-form__help,
.sdb-form__field-help {
color: var(--sdb-color-muted);
font-size: var(--sdb-form-help-size);
line-height: 1.45;
}
.sdb-form__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .75rem;
margin-top: .25rem;
}
:where(.sdb-form, .sdb-registration-form, .sdb-session-card, .sdb-consent-block, .sdb-confirmation-panel) :where(input[type="checkbox"], input[type="radio"]) {
inline-size: var(--sdb-choice-size) !important;
block-size: var(--sdb-choice-size) !important;
width: var(--sdb-choice-size) !important;
height: var(--sdb-choice-size) !important;
min-inline-size: var(--sdb-choice-size) !important;
min-block-size: var(--sdb-choice-size) !important;
min-width: var(--sdb-choice-size) !important;
min-height: var(--sdb-choice-size) !important;
max-inline-size: var(--sdb-choice-size) !important;
max-width: var(--sdb-choice-size) !important;
margin: .18em 0 0 !important;
padding: 0 !important;
flex: 0 0 var(--sdb-choice-size) !important;
align-self: flex-start !important;
accent-color: var(--sdb-choice-color);
}
.sdb-choice,
.sdb-form__choice,
.sdb-form__check,
.sdb-checkbox,
.sdb-radio {
display: flex;
align-items: flex-start;
gap: var(--sdb-choice-gap);
min-width: 0;
color: var(--sdb-color-text);
line-height: 1.48;
}
.sdb-choice__content,
.sdb-form__choice-content,
.sdb-form__check-text,
.sdb-checkbox__text,
.sdb-radio__text {
min-width: 0;
font-weight: var(--sdb-font-weight-regular, 400);
}
.sdb-session-list {
display: grid;
gap: var(--sdb-session-list-gap);
}
.sdb-session-card {
position: relative;
display: grid;
gap: var(--sdb-session-card-gap);
min-width: 0;
padding: var(--sdb-session-card-padding);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: var(--sdb-color-surface);
color: var(--sdb-color-text);
transition: border-color var(--sdb-transition-fast, 160ms) ease, background-color var(--sdb-transition-fast, 160ms) ease, box-shadow var(--sdb-transition-fast, 160ms) ease;
}
.sdb-session-card:where(:hover, :focus-within) {
background: var(--sdb-session-card-hover-bg);
border-color: color-mix(in srgb, var(--sdb-color-primary) 28%, var(--sdb-color-border));
}
.sdb-session-card:has(> input[type="radio"], > input[type="checkbox"]),
.sdb-session-card--choice {
grid-template-columns: var(--sdb-choice-size) minmax(0, 1fr);
column-gap: var(--sdb-session-card-gap);
align-items: start;
}
.sdb-session-card__choice {
grid-column: 1;
display: flex;
align-items: flex-start;
padding-top: .12rem;
}
.sdb-session-card__body,
.sdb-session-card__content {
grid-column: 2;
min-width: 0;
display: grid;
gap: .45rem;
}
.sdb-session-card__title {
margin: 0;
color: var(--sdb-color-title);
font-family: var(--sdb-font-heading);
font-size: var(--sdb-session-card-title-size);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.3;
}
.sdb-session-card__meta,
.sdb-session-card__description {
margin: 0;
color: var(--sdb-color-muted);
font-size: var(--sdb-session-card-meta-size);
line-height: 1.45;
}
.sdb-session-card[aria-selected="true"],
.sdb-session-card--selected,
.sdb-session-card:has(input:checked) {
border-color: var(--sdb-session-card-selected-border);
background: var(--sdb-session-card-selected-bg);
box-shadow: 0 0 0 3px rgba(0, 88, 183, .08);
}
.sdb-session-card[aria-disabled="true"],
.sdb-session-card--disabled,
.sdb-session-card--full,
.sdb-session-card--unavailable {
opacity: var(--sdb-session-card-disabled-opacity);
}
.sdb-card-action-link,
.sdb-session-card__details {
display: inline-flex;
align-items: center;
width: fit-content;
gap: .4rem;
margin-top: .25rem;
padding: .38rem .62rem;
border-radius: var(--sdb-radius-pill);
background: var(--sdb-card-action-link-bg);
color: var(--sdb-card-action-link-color);
font-size: .88rem;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.2;
text-decoration: none;
}
.sdb-card-action-link:hover,
.sdb-session-card__details:hover {
background: var(--sdb-card-action-link-bg-hover);
color: var(--sdb-card-action-link-hover-color);
text-decoration: none;
}
.sdb-capacity-indicator {
display: inline-flex;
align-items: center;
width: fit-content;
gap: .35rem;
padding: .28rem .56rem;
border-radius: var(--sdb-radius-pill);
font-size: .78rem;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.2;
}
.sdb-capacity-indicator--available { color: var(--sdb-capacity-available-color); background: var(--sdb-capacity-available-bg); }
.sdb-capacity-indicator--limited { color: var(--sdb-capacity-limited-color); background: var(--sdb-capacity-limited-bg); }
.sdb-capacity-indicator--full { color: var(--sdb-capacity-full-color); background: var(--sdb-capacity-full-bg); }
.sdb-capacity-indicator--waitlist { color: var(--sdb-capacity-waitlist-color); background: var(--sdb-capacity-waitlist-bg); }
.sdb-consent-block {
display: flex;
align-items: flex-start;
gap: var(--sdb-consent-gap);
padding: var(--sdb-consent-padding);
border: 1px solid var(--sdb-consent-border);
border-left: 3px solid color-mix(in srgb, var(--sdb-color-primary) 70%, var(--sdb-consent-border));
border-radius: var(--sdb-consent-radius);
background: var(--sdb-consent-bg);
color: var(--sdb-consent-text-color);
font-size: var(--sdb-consent-text-size);
line-height: 1.5;
}
.sdb-consent-block :where(strong, b) {
color: var(--sdb-color-title);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-consent-block :where(.sdb-form__check, .sdb-checkbox, .sdb-radio) {
font-size: var(--sdb-consent-text-size) !important;
font-weight: var(--sdb-font-weight-regular, 400) !important;
}
.sdb-confirmation-panel {
display: grid;
gap: var(--sdb-space-sm);
padding: var(--sdb-confirmation-padding);
border: 1px solid var(--sdb-confirmation-border);
border-radius: var(--sdb-confirmation-radius);
background: var(--sdb-confirmation-bg);
color: var(--sdb-confirmation-text-color);
}
.sdb-confirmation-panel__title,
.sdb-confirmation-panel > :is(h2, h3, h4):first-child {
margin: 0 0 .35rem;
color: var(--sdb-confirmation-title-color);
font-family: var(--sdb-font-heading);
font-size: var(--sdb-confirmation-title-size);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.3;
}
.sdb-confirmation-panel__list {
display: grid;
gap: .5rem;
margin: .25rem 0 0;
padding: 0;
list-style: none;
}
.sdb-confirmation-panel__actions {
display: flex;
flex-wrap: wrap;
gap: .75rem;
margin-top: .5rem;
}
@media (max-width: 640px) {
.sdb-form__grid {
grid-template-columns: 1fr;
}
.sdb-form__actions,
.sdb-confirmation-panel__actions {
align-items: stretch;
flex-direction: column;
}
.sdb-form__actions > *,
.sdb-confirmation-panel__actions > * {
width: 100%;
justify-content: center;
}
.sdb-session-card,
.sdb-consent-block,
.sdb-confirmation-panel {
border-radius: var(--sdb-radius-md);
}
} :root {
--sdb-choice-label-align: flex-start;
--sdb-choice-content-gap: .22rem;
--sdb-choice-input-offset: .16em;
}
:where(.sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card, .sdb-consent-block, .sdb-session-card--choice) {
box-sizing: border-box;
}
:where(.sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card),
:where(label.sdb-consent-block) {
display: flex;
align-items: var(--sdb-choice-label-align);
gap: var(--sdb-choice-gap);
}
:where(.sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card, .sdb-consent-block) > :where(input[type="checkbox"], input[type="radio"]) {
margin-block-start: var(--sdb-choice-input-offset) !important;
}
:where(.sdb-form__check-body, .sdb-form__choice-content, .sdb-checkbox__body, .sdb-radio__body) {
display: grid;
gap: var(--sdb-choice-content-gap);
min-width: 0;
}
:where(.sdb-form__check-text, .sdb-form__check-body, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text),
.sdb-consent-block > :where(label, .sdb-form__label, .sdb-form__check-text, .sdb-form__check-body, p, span, div):not(input):not(.sdb-form__check):not(.sdb-checkbox):not(.sdb-radio) {
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
width: auto;
margin-block-start: 0;
}
.sdb-consent-block > :where(label, .sdb-form__label) {
display: block;
margin: 0;
color: var(--sdb-consent-text-color);
font-size: var(--sdb-consent-text-size);
font-weight: var(--sdb-font-weight-regular, 400);
line-height: 1.5;
}
.sdb-consent-block > :where(label, .sdb-form__label) :where(strong, b) {
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-consent-block :where(label):has(> input[type="checkbox"], > input[type="radio"]) {
display: flex;
align-items: flex-start;
gap: var(--sdb-choice-gap);
margin: 0;
width: 100%;
}
.sdb-consent-block :where(label) > :where(input[type="checkbox"], input[type="radio"]) + :where(span, div, p) {
flex: 1 1 auto;
min-width: 0;
}
.sdb-session-card__header {
grid-column: 1 / -1;
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--sdb-session-card-gap);
padding-block-end: .65rem;
border-block-end: 1px solid var(--sdb-color-border);
color: var(--sdb-color-title);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-session-card--choice > :where(input[type="radio"], input[type="checkbox"]) {
grid-column: 1;
align-self: start;
}
.sdb-session-card--choice > :where(.sdb-session-card__body, .sdb-session-card__content, label:not(.sdb-session-card):not(.sdb-form__check), h3, h4, p, .sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link) {
grid-column: 2;
min-width: 0;
}
.sdb-session-card--choice > :where(label:not(.sdb-session-card):not(.sdb-form__check)) {
display: block;
margin: 0;
}
@media (max-width: 640px) {
.sdb-consent-block {
gap: max(.6rem, var(--sdb-choice-gap));
}
.sdb-session-card__header {
align-items: flex-start;
flex-direction: column;
gap: .25rem;
}
} :root { --sdb-ref-color-blue-700: #0058B7;
--sdb-ref-color-sky-500: #009BD8;
--sdb-ref-color-neutral-900: #1F2A36;
--sdb-sys-color-primary: var(--sdb-color-primary, var(--sdb-ref-color-blue-700));
--sdb-sys-color-secondary: var(--sdb-color-secondary, var(--sdb-ref-color-sky-500));
--sdb-sys-color-surface: var(--sdb-color-surface, #FFFFFF); --sdb-color-on-primary: #FFFFFF;
--sdb-color-on-secondary: #FFFFFF;
--sdb-color-on-success: #FFFFFF;
--sdb-color-on-warning: var(--sdb-color-soft-black, #1F2A36);
--sdb-color-on-error: #FFFFFF;
--sdb-color-on-info: #FFFFFF;
--sdb-color-surface-lowest: #FFFFFF;
--sdb-color-surface-low: #FAFCFE;
--sdb-color-surface-high: var(--sdb-color-background, #F5F8FB);
--sdb-color-surface-highest: var(--sdb-color-border, #EEF3F8);
--sdb-color-on-surface: var(--sdb-color-title, #364048);
--sdb-color-on-surface-muted: var(--sdb-color-text, #6B7785);
--sdb-color-outline: #D6E0EA;
--sdb-color-outline-variant: var(--sdb-color-border, #EEF3F8); --sdb-type-display-lg-size: clamp(2.6rem, 5vw, 4.8rem);
--sdb-type-display-lg-line-height: 1.02;
--sdb-type-headline-lg-size: clamp(2rem, 3vw, 3rem);
--sdb-type-headline-md-size: clamp(1.6rem, 2.2vw, 2.2rem);
--sdb-type-headline-sm-size: clamp(1.35rem, 1.7vw, 1.7rem);
--sdb-type-title-lg-size: 1.35rem;
--sdb-type-title-md-size: 1.125rem;
--sdb-type-title-sm-size: 1rem;
--sdb-type-body-lg-size: 1.125rem;
--sdb-type-body-md-size: 1rem;
--sdb-type-body-sm-size: .925rem;
--sdb-type-label-lg-size: .95rem;
--sdb-type-label-md-size: .875rem;
--sdb-type-label-sm-size: .78rem;
--sdb-type-title-md-line-height: 1.3; --sdb-shape-none: 0;
--sdb-shape-xs: 4px;
--sdb-shape-sm: 6px;
--sdb-shape-md: var(--sdb-radius-md, 10px);
--sdb-shape-lg: var(--sdb-radius-lg, 16px);
--sdb-shape-xl: var(--sdb-radius-xl, 22px);
--sdb-shape-pill: var(--sdb-radius-pill, 999px);
--sdb-shape-circle: 50%;
--sdb-elevation-0: none;
--sdb-elevation-1: 0 4px 12px rgba(31, 42, 54, .05);
--sdb-elevation-2: 0 10px 24px rgba(31, 42, 54, .08);
--sdb-elevation-3: 0 16px 36px rgba(31, 42, 54, .12);
--sdb-elevation-4: 0 24px 60px rgba(31, 42, 54, .18);
--sdb-motion-duration-fast: 120ms;
--sdb-motion-duration-base: 180ms;
--sdb-motion-duration-slow: 280ms;
--sdb-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);
--sdb-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1.2); --sdb-state-hover-bg: rgba(0, 88, 183, .06);
--sdb-state-active-bg: rgba(0, 88, 183, .10);
--sdb-state-pressed-bg: rgba(0, 88, 183, .14);
--sdb-state-selected-bg: rgba(0, 88, 183, .085);
--sdb-state-selected-border: rgba(0, 88, 183, .35);
--sdb-state-focus-ring: 0 0 0 3px rgba(0, 155, 216, .22);
--sdb-state-disabled-opacity: .56;
--sdb-state-disabled-bg: #F3F6FA;
--sdb-state-disabled-color: var(--sdb-color-muted, #8E9AA7); --sdb-field-bg: var(--sdb-color-surface-lowest);
--sdb-field-border: var(--sdb-color-outline);
--sdb-field-border-hover: #B9C8D8;
--sdb-field-focus-border: var(--sdb-sys-color-primary);
--sdb-field-radius: var(--sdb-shape-md);
--sdb-field-padding-x: .9rem;
--sdb-field-padding-y: .72rem;
--sdb-field-gap: .42rem;
--sdb-field-help-color: var(--sdb-color-on-surface-muted);
--sdb-field-error-color: var(--sdb-color-error-text);
--sdb-field-error-bg: var(--sdb-color-error-bg);
--sdb-control-height-xs: 30px;
--sdb-control-height-sm: 34px;
--sdb-control-height-md: 40px;
--sdb-control-height-lg: 46px;
}
.sdb-field,
.sdb-text-field,
.sdb-select-field,
.sdb-choice-group {
box-sizing: border-box;
display: grid;
gap: var(--sdb-field-gap);
min-width: 0;
}
.sdb-field *,
.sdb-text-field *,
.sdb-select-field *,
.sdb-choice-group * {
box-sizing: border-box;
}
.sdb-field__label,
.sdb-choice-group__legend {
color: var(--sdb-color-on-surface);
font-family: var(--sdb-font-body);
font-size: var(--sdb-type-label-md-size);
font-weight: var(--sdb-font-weight-semibold);
line-height: 1.35;
}
.sdb-field__control,
.sdb-text-field input,
.sdb-select-field select,
.sdb-text-field textarea {
width: 100%;
min-height: var(--sdb-control-height-md);
padding: var(--sdb-field-padding-y) var(--sdb-field-padding-x);
border: 1px solid var(--sdb-field-border);
border-radius: var(--sdb-field-radius);
background: var(--sdb-field-bg);
color: var(--sdb-color-on-surface);
font: inherit;
transition: border-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), box-shadow var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), background-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard);
}
.sdb-field__control:hover,
.sdb-text-field input:hover,
.sdb-select-field select:hover,
.sdb-text-field textarea:hover {
border-color: var(--sdb-field-border-hover);
}
.sdb-field__control:focus-visible,
.sdb-text-field input:focus-visible,
.sdb-select-field select:focus-visible,
.sdb-text-field textarea:focus-visible {
border-color: var(--sdb-field-focus-border);
box-shadow: var(--sdb-state-focus-ring);
outline: none;
}
.sdb-field__control:disabled,
.sdb-text-field input:disabled,
.sdb-select-field select:disabled,
.sdb-text-field textarea:disabled {
opacity: var(--sdb-state-disabled-opacity);
background: var(--sdb-state-disabled-bg);
color: var(--sdb-state-disabled-color);
cursor: not-allowed;
}
.sdb-field__help,
.sdb-field-message,
.sdb-choice-field__help {
margin: 0;
color: var(--sdb-field-help-color);
font-size: var(--sdb-type-body-sm-size);
line-height: 1.45;
}
.sdb-field-message--error,
.sdb-field--error .sdb-field-message,
.sdb-field--error .sdb-field__help {
color: var(--sdb-field-error-color);
}
.sdb-field--error .sdb-field__control,
.sdb-text-field.sdb-field--error input,
.sdb-select-field.sdb-field--error select {
border-color: var(--sdb-color-error);
background: color-mix(in srgb, var(--sdb-field-error-bg) 42%, #fff);
}
.sdb-choice-field,
.sdb-checkbox-field,
.sdb-radio-field {
display: flex;
align-items: flex-start;
gap: var(--sdb-choice-gap, .7rem);
color: var(--sdb-color-on-surface);
line-height: 1.45;
}
.sdb-choice-field input[type="checkbox"],
.sdb-choice-field input[type="radio"],
.sdb-checkbox-field input[type="checkbox"],
.sdb-radio-field input[type="radio"],
.sdb-choice-group input[type="checkbox"],
.sdb-choice-group input[type="radio"] {
flex: 0 0 auto;
width: var(--sdb-choice-size, 16px);
height: var(--sdb-choice-size, 16px);
min-width: var(--sdb-choice-size, 16px);
min-height: var(--sdb-choice-size, 16px);
margin: var(--sdb-choice-input-offset, .16em) 0 0;
padding: 0;
accent-color: var(--sdb-sys-color-primary);
}
.sdb-choice-field input[type="checkbox"]:focus-visible,
.sdb-choice-field input[type="radio"]:focus-visible,
.sdb-checkbox-field input[type="checkbox"]:focus-visible,
.sdb-radio-field input[type="radio"]:focus-visible,
.sdb-choice-group input[type="checkbox"]:focus-visible,
.sdb-choice-group input[type="radio"]:focus-visible {
box-shadow: var(--sdb-state-focus-ring);
outline: none;
}
.sdb-choice-field__body {
display: grid;
gap: var(--sdb-choice-content-gap, .22rem);
min-width: 0;
}
.sdb-choice-field__label {
color: var(--sdb-color-on-surface);
font-weight: var(--sdb-font-weight-medium);
}
.sdb-choice-group {
margin: 0;
padding: 0;
border: 0;
}
.sdb-choice-group__items {
display: grid;
gap: var(--sdb-choice-gap, .7rem);
}
.sdb-choice-group--cards .sdb-choice-field {
padding: var(--sdb-consent-padding, 16px);
border: 1px solid var(--sdb-color-outline-variant);
border-radius: var(--sdb-shape-md);
background: var(--sdb-color-surface-lowest);
transition: background-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), border-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), box-shadow var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard);
}
.sdb-choice-group--cards .sdb-choice-field:hover {
background: var(--sdb-state-hover-bg);
}
.sdb-choice-group--cards .sdb-choice-field:has(input:checked) {
border-color: var(--sdb-state-selected-border);
background: var(--sdb-state-selected-bg);
}
@media (prefers-reduced-motion: reduce) {
.sdb-field__control,
.sdb-text-field input,
.sdb-select-field select,
.sdb-text-field textarea,
.sdb-choice-group--cards .sdb-choice-field {
transition: none;
}
} :root {
--sdb-state-checked-bg: var(--sdb-color-primary, #0058B7);
--sdb-state-checked-border: var(--sdb-color-primary, #0058B7);
--sdb-state-expanded-bg: rgba(0, 88, 183, .08);
--sdb-state-loading-opacity: .64;
--sdb-state-error-border: var(--sdb-color-error, #B42318);
--sdb-state-success-border: var(--sdb-color-success, #087443);
--sdb-motion-duration-instant: 90ms;
--sdb-motion-duration-enter: 180ms;
--sdb-motion-duration-exit: 140ms;
--sdb-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);
--sdb-skeleton-bg: linear-gradient(90deg, rgba(238,243,248,.75), rgba(255,255,255,.92), rgba(238,243,248,.75));
--sdb-toast-z-index: 10020;
}
.sdb-is-selected,
.sdb-is-checked,
.sdb-session-card.is-selected,
.sdb-check-card:has(input:checked) {
border-color: var(--sdb-state-checked-border);
background: var(--sdb-state-selected-bg, rgba(0, 88, 183, .08));
}
.sdb-is-expanded {
background: var(--sdb-state-expanded-bg);
}
.sdb-is-disabled,
.sdb-is-loading {
opacity: var(--sdb-state-disabled-opacity, .58);
}
.sdb-has-error {
border-color: var(--sdb-state-error-border) !important;
}
.sdb-has-success {
border-color: var(--sdb-state-success-border) !important;
}
.sdb-motion-standard {
transition-duration: var(--sdb-motion-duration-base, 160ms);
transition-timing-function: var(--sdb-motion-easing-standard, ease);
}
.sdb-motion-enter {
transition-duration: var(--sdb-motion-duration-enter);
transition-timing-function: var(--sdb-motion-easing-emphasized, cubic-bezier(.2, 0, 0, 1));
}
.sdb-motion-exit {
transition-duration: var(--sdb-motion-duration-exit);
transition-timing-function: var(--sdb-motion-easing-exit);
}
.sdb-loading-state {
display: inline-flex;
align-items: center;
gap: .625rem;
color: var(--sdb-color-muted);
font-family: var(--sdb-font-body);
font-size: var(--sdb-type-body-sm-size, .925rem);
}
.sdb-spinner {
width: 1em;
height: 1em;
border: 2px solid var(--sdb-color-border);
border-top-color: var(--sdb-color-primary);
border-radius: 50%;
animation: sdb-spin var(--sdb-motion-duration-slow, 800ms) linear infinite;
}
@keyframes sdb-spin { to { transform: rotate(360deg); } }
.sdb-skeleton {
display: block;
min-height: 1rem;
border-radius: var(--sdb-radius-sm);
background: var(--sdb-skeleton-bg);
background-size: 220% 100%;
animation: sdb-skeleton-shimmer 1.25s var(--sdb-motion-easing-standard, ease) infinite;
}
.sdb-skeleton--text { width: 100%; max-width: 36rem; height: .95rem; }
.sdb-skeleton--title { width: 70%; height: 1.35rem; }
.sdb-skeleton--card { min-height: 9rem; border-radius: var(--sdb-radius-md); }
@keyframes sdb-skeleton-shimmer { to { background-position-x: -220%; } }
.sdb-toast {
position: fixed;
right: clamp(1rem, 2vw, 1.5rem);
bottom: clamp(1rem, 2vw, 1.5rem);
z-index: var(--sdb-toast-z-index);
max-width: min(28rem, calc(100vw - 2rem));
padding: .875rem 1rem;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: var(--sdb-color-surface);
color: var(--sdb-color-title);
box-shadow: var(--sdb-elevation-3, var(--sdb-shadow-element));
font-family: var(--sdb-font-body);
font-size: var(--sdb-type-body-sm-size, .925rem);
}
.sdb-tooltip,
.sdb-help-popover {
border-radius: var(--sdb-radius-sm);
font-family: var(--sdb-font-body);
font-size: var(--sdb-type-label-md-size, .82rem);
}
.sdb-tooltip {
display: inline-flex;
max-width: 18rem;
padding: .45rem .6rem;
background: var(--sdb-color-surface-inverse, #1f2a36);
color: var(--sdb-color-on-surface-inverse, #fff);
box-shadow: var(--sdb-elevation-3, var(--sdb-shadow-element));
}
.sdb-help-popover,
.sdb-side-panel {
background: var(--sdb-color-surface);
color: var(--sdb-color-text);
border: 1px solid var(--sdb-color-border);
box-shadow: var(--sdb-elevation-4, var(--sdb-shadow-element));
}
.sdb-help-popover {
max-width: 24rem;
padding: 1rem;
}
.sdb-side-panel {
width: min(32rem, 100%);
padding: var(--sdb-card-padding, 1.5rem);
border-radius: var(--sdb-radius-lg) 0 0 var(--sdb-radius-lg);
}
.sdb-stepper {
font-family: var(--sdb-font-body);
color: var(--sdb-color-muted);
}
.sdb-stepper ol {
display: flex;
flex-wrap: wrap;
gap: .75rem;
list-style: none;
padding: 0;
margin: 0;
}
.sdb-stepper li {
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .45rem .75rem;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-pill);
background: var(--sdb-color-surface);
}
.sdb-stepper li.is-current,
.sdb-stepper li[aria-current="step"] {
border-color: var(--sdb-state-selected-border, var(--sdb-color-primary));
background: var(--sdb-state-selected-bg, rgba(0,88,183,.08));
color: var(--sdb-color-primary);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-breadcrumb {
font-family: var(--sdb-font-body);
font-size: var(--sdb-type-label-md-size, .82rem);
color: var(--sdb-color-muted);
}
.sdb-breadcrumb ol {
display: flex;
flex-wrap: wrap;
gap: .35rem;
list-style: none;
padding: 0;
margin: 0;
}
.sdb-breadcrumb li + li::before {
content: "/";
margin-right: .35rem;
color: var(--sdb-color-muted);
}
.sdb-breadcrumb a {
color: var(--sdb-color-primary);
text-decoration: none;
}
.sdb-breadcrumb a:hover,
.sdb-breadcrumb a:focus-visible {
text-decoration: underline;
}
@media (prefers-reduced-motion: reduce) {
.sdb-motion-standard,
.sdb-motion-enter,
.sdb-motion-exit,
.sdb-spinner,
.sdb-skeleton {
animation: none !important;
transition-duration: 1ms !important;
scroll-behavior: auto !important;
}
} :root {
--sdb-asset-strategy-default: legacy;
--sdb-asset-domain-version: "3.4.2";
} :root {
--sdb-choice-size: 16px;
--sdb-choice-gap: .72rem;
--sdb-choice-input-offset: .12em;
--sdb-session-card-control-gutter: .15rem;
--sdb-session-card-selected-ring: 0 0 0 3px rgba(0, 88, 183, .08);
--sdb-hero-title-safe-size-mobile: clamp(2rem, 9.4vw, 2.75rem);
--sdb-card-body-padding-safe: clamp(14px, 2vw, 22px);
}
:where(.sdb-form, .sdb-registration-form, .sdb-session-card, .sdb-consent-block, .sdb-confirmation-panel, .sdb-admin-tool-panel, .sdb-admin-card, .sdb-admin-field-row) :where(input[type="checkbox"], input[type="radio"]) {
inline-size: var(--sdb-choice-size) !important;
block-size: var(--sdb-choice-size) !important;
min-inline-size: var(--sdb-choice-size) !important;
min-block-size: var(--sdb-choice-size) !important;
max-inline-size: var(--sdb-choice-size) !important;
margin: var(--sdb-choice-input-offset) 0 0 !important;
flex: 0 0 var(--sdb-choice-size) !important;
align-self: start !important;
}
:where(label.sdb-form__check, label.sdb-checkbox, label.sdb-radio, label.sdb-check-card, label.sdb-consent-block) {
display: grid !important;
grid-template-columns: var(--sdb-choice-size) minmax(0, 1fr) !important;
align-items: start !important;
column-gap: var(--sdb-choice-gap) !important;
row-gap: var(--sdb-choice-content-gap, .22rem) !important;
}
:where(label.sdb-form__check, label.sdb-checkbox, label.sdb-radio, label.sdb-check-card, label.sdb-consent-block) > :where(input[type="checkbox"], input[type="radio"]) {
grid-column: 1 !important;
justify-self: start !important;
}
:where(label.sdb-form__check, label.sdb-checkbox, label.sdb-radio, label.sdb-check-card, label.sdb-consent-block) > :where(.sdb-form__check-text, .sdb-form__check-body, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text, span, p, div):not(input) {
grid-column: 2 !important;
min-width: 0 !important;
margin: 0 !important;
}
.sdb-form__check-body,
.sdb-form__choice-content,
.sdb-checkbox__body,
.sdb-radio__body {
display: grid;
gap: var(--sdb-choice-content-gap, .22rem);
min-width: 0;
}
.sdb-session-card--choice {
grid-template-columns: var(--sdb-choice-size) minmax(0, 1fr) !important;
align-items: start !important;
column-gap: calc(var(--sdb-session-card-gap, 14px) + var(--sdb-session-card-control-gutter, .15rem)) !important;
}
.sdb-session-card__choice {
grid-column: 1 !important;
inline-size: var(--sdb-choice-size);
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
padding: 0 !important;
margin: 0 !important;
}
.sdb-session-card__choice > :where(input[type="checkbox"], input[type="radio"]) {
margin-block-start: var(--sdb-choice-input-offset) !important;
}
.sdb-session-card__body,
.sdb-session-card__content {
grid-column: 2 !important;
min-width: 0 !important;
align-self: start !important;
}
.sdb-session-card--selected,
.sdb-session-card:has(input:checked) {
border-color: var(--sdb-session-card-selected-border);
background: var(--sdb-session-card-selected-bg);
box-shadow: var(--sdb-session-card-selected-ring);
}
.sdb-session-card--selected::after,
.sdb-session-card:has(input:checked)::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sdb-color-primary, #0058b7) 18%, transparent);
}
.sdb-hero-content,
.sdb-hero-title,
.sdb-hero-subtitle {
min-width: 0;
max-width: 100%;
overflow: visible;
}
.sdb-hero-title,
.sdb-cause-hero__title {
overflow-wrap: anywhere;
word-break: normal;
hyphens: auto;
text-wrap: balance;
max-inline-size: 14ch;
}
.sdb-hero-subtitle {
overflow-wrap: break-word;
max-inline-size: 42ch;
}
.sdb-document-list__item {
min-width: 0;
}
.sdb-document-list__content {
min-width: 0;
display: grid;
gap: .15rem;
}
.sdb-document-list__action,
.sdb-download-action {
flex: 0 0 auto;
white-space: nowrap;
}
.sdb-filter-bar--documents {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: .75rem;
align-items: center;
}
.sdb-editorial-card__inner,
.sdb-editorial-card > :where(h2, h3, h4, p, a, .sdb-editorial-pill):not(.sdb-editorial-card__inner):not(.sdb-u-media-16x9):not(.sdb-u-media-16x10):not(.sdb-visual-qa-media-placeholder) {
max-width: 100%;
}
.sdb-editorial-card > :where(h2, h3, h4, p, a, .sdb-editorial-pill):not(.sdb-editorial-card__inner) {
margin-inline: var(--sdb-card-body-padding-safe);
}
.sdb-editorial-card > :where(.sdb-editorial-pill):not(.sdb-editorial-card__inner) {
margin-top: var(--sdb-card-body-padding-safe);
}
.sdb-editorial-card > :where(a):last-child:not(.sdb-editorial-card__inner) {
margin-bottom: var(--sdb-card-body-padding-safe);
}
.sdb-score-card {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: .55rem !important;
width: fit-content;
max-width: 100%;
min-width: 0;
}
.sdb-score-card__team {
color: var(--sdb-color-muted);
font-size: var(--sdb-type-label-sm-size, .78rem);
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
.sdb-score-card__score {
color: var(--sdb-color-title);
font-size: clamp(1.25rem, 2.4vw, 1.75rem);
line-height: 1;
}
.sdb-score-card__separator {
color: var(--sdb-color-muted);
}
@media (max-width: 640px) {
.sdb-hero-title,
.sdb-cause-hero__title {
font-size: var(--sdb-hero-title-safe-size-mobile) !important;
line-height: 1.06 !important;
max-inline-size: 11ch;
}
.sdb-hero-content {
padding: clamp(20px, 7vw, 28px) !important;
}
.sdb-filter-bar--documents {
grid-template-columns: 1fr;
}
.sdb-document-list__item {
align-items: flex-start;
}
.sdb-document-list__action,
.sdb-download-action {
margin-inline-start: calc(var(--sdb-document-icon-size, 34px) + var(--sdb-space-md, 1rem));
}
.sdb-score-card {
width: 100%;
justify-content: flex-start !important;
}
} :root {
--sdb-choice-column-width: calc(var(--sdb-choice-size, 16px) + .35rem);
--sdb-choice-block-gap: clamp(.7rem, 1.2vw, 1rem);
--sdb-choice-card-control-offset: .08rem;
--sdb-hero-title-mobile-readable-size: clamp(1.72rem, 8.8vw, 2.28rem);
--sdb-hero-title-mobile-line-height: 1.04;
--sdb-sensitive-stack-gap: clamp(12px, 1.5vw, 18px);
--sdb-score-card-max-width: 680px;
}
:where(.sdb-session-card--choice) {
display: grid !important;
grid-template-columns: var(--sdb-choice-column-width) minmax(0, 1fr) !important;
grid-auto-flow: row !important;
column-gap: var(--sdb-choice-block-gap) !important;
align-items: start !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__choice, input[type="radio"], input[type="checkbox"]) {
grid-column: 1 !important;
grid-row: 1 / span 99 !important;
justify-self: start !important;
align-self: start !important;
margin: 0 !important;
padding: var(--sdb-choice-card-control-offset) 0 0 !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__body, .sdb-session-card__content) {
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
margin: 0 !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link):not(.sdb-session-card__body *) {
grid-column: 2 !important;
min-width: 0 !important;
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) {
display: grid !important;
grid-template-columns: var(--sdb-choice-column-width) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-block-gap) !important;
align-items: start !important;
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(input[type="checkbox"], input[type="radio"], .sdb-form__check-control, .sdb-form__choice-control) {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: start !important;
min-width: var(--sdb-choice-size, 16px) !important;
margin: 0 !important;
}
:where(.sdb-form__check-control, .sdb-form__choice-control) {
display: inline-flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
inline-size: var(--sdb-choice-size, 16px);
padding-top: var(--sdb-choice-card-control-offset);
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(.sdb-form__check-body, .sdb-form__check-text, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text, span, p, div):not(input):not(.sdb-form__check-control):not(.sdb-form__choice-control) {
grid-column: 2 !important;
min-width: 0 !important;
margin: 0 !important;
}
.sdb-form__check-control > :where(input[type="checkbox"], input[type="radio"]),
.sdb-form__choice-control > :where(input[type="checkbox"], input[type="radio"]),
.sdb-session-card__choice > :where(input[type="checkbox"], input[type="radio"]) {
margin: 0 !important;
align-self: flex-start !important;
}
.sdb-hero-title,
.sdb-on-image__title,
.sdb-cause-hero__title {
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
text-wrap: balance;
}
.sdb-sensitive-panel {
display: grid;
gap: var(--sdb-sensitive-stack-gap);
}
.sdb-token-lookup {
display: grid;
gap: .55rem;
min-width: 0;
}
.sdb-token-lookup .sdb-form__field {
display: grid;
gap: .42rem;
min-width: 0;
}
.sdb-status-timeline {
display: grid;
gap: .55rem;
margin: 0;
padding-left: 1.25rem;
}
.sdb-status-timeline > li {
line-height: 1.45;
}
.sdb-score-card {
width: min(100%, var(--sdb-score-card-max-width)) !important;
max-width: 100%;
justify-content: flex-start !important;
}
.sdb-editorial-grid--qa {
grid-template-columns: repeat(2, minmax(240px, 340px)) !important;
gap: clamp(20px, 3vw, 32px) !important;
align-items: start !important;
max-width: min(100%, 760px);
}
@media (max-width: 640px) {
:where(.sdb-session-card--choice, label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check) {
grid-template-columns: var(--sdb-choice-column-width) minmax(0, 1fr) !important;
}
.sdb-hero-title,
.sdb-on-image__title,
.sdb-cause-hero__title {
font-size: var(--sdb-hero-title-mobile-readable-size) !important;
line-height: var(--sdb-hero-title-mobile-line-height) !important;
max-inline-size: 11.2ch !important;
letter-spacing: -.025em;
}
.sdb-editorial-grid--qa {
grid-template-columns: 1fr !important;
max-width: 100%;
}
} :root {
--sdb-choice-control-column: var(--sdb-choice-size, 16px);
--sdb-choice-card-padding-x: clamp(16px, 2vw, 22px);
--sdb-choice-card-padding-y: clamp(15px, 1.8vw, 20px);
--sdb-choice-title-baseline-offset: .18rem;
--sdb-choice-card-inline-gap: clamp(10px, 1.4vw, 14px);
}
:where(.sdb-session-card--choice) {
display: grid !important;
grid-template-columns: var(--sdb-choice-control-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-card-inline-gap) !important;
align-items: start !important;
padding-block: var(--sdb-choice-card-padding-y) !important;
padding-inline: var(--sdb-choice-card-padding-x) !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__control, input[type="radio"], input[type="checkbox"], .sdb-session-card__choice) {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
margin: 0 !important;
padding: var(--sdb-choice-title-baseline-offset) 0 0 !important;
inline-size: var(--sdb-choice-control-column) !important;
min-inline-size: var(--sdb-choice-control-column) !important;
max-inline-size: var(--sdb-choice-control-column) !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) > :where(input[type="radio"], input[type="checkbox"]) {
margin: 0 !important;
padding: 0 !important;
align-self: flex-start !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__body, .sdb-session-card__content) {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link):not(.sdb-session-card__body *) {
grid-column: 2 !important;
min-width: 0 !important;
margin-inline-start: 0 !important;
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) {
display: grid !important;
grid-template-columns: var(--sdb-choice-control-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-card-inline-gap) !important;
align-items: start !important;
padding-block: var(--sdb-consent-padding-y, clamp(14px, 1.6vw, 18px)) !important;
padding-inline: var(--sdb-consent-padding-x, var(--sdb-choice-card-padding-x)) !important;
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(.sdb-form__check-control, .sdb-form__choice-control, input[type="checkbox"], input[type="radio"]) {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
margin: 0 !important;
padding: var(--sdb-choice-title-baseline-offset) 0 0 !important;
inline-size: var(--sdb-choice-control-column) !important;
min-inline-size: var(--sdb-choice-control-column) !important;
max-inline-size: var(--sdb-choice-control-column) !important;
}
:where(.sdb-form__check-control, .sdb-form__choice-control):has(> input[type="checkbox"], > input[type="radio"]) {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
:where(.sdb-form__check-control, .sdb-form__choice-control) > :where(input[type="checkbox"], input[type="radio"]) {
margin: 0 !important;
padding: 0 !important;
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(.sdb-form__check-body, .sdb-form__check-text, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text):not(input) {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
:where(.sdb-form__check-body, .sdb-form__choice-content) {
display: block !important;
line-height: 1.45;
}
@media (max-width: 640px) {
:where(.sdb-session-card--choice, label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check) {
grid-template-columns: var(--sdb-choice-control-column) minmax(0, 1fr) !important;
column-gap: max(10px, var(--sdb-choice-card-inline-gap)) !important;
}
} :root {
--sdb-choice-real-control-size: var(--sdb-choice-size, 16px);
--sdb-choice-real-control-column: calc(var(--sdb-choice-real-control-size) + 2px);
--sdb-choice-real-gap: max(var(--sdb-choice-card-inline-gap, 12px), var(--sdb-choice-gap, .65rem));
--sdb-choice-real-baseline-offset: .12rem;
--sdb-choice-real-card-padding-x: max(var(--sdb-choice-card-padding-x, 18px), 18px);
--sdb-choice-real-card-padding-y: max(var(--sdb-choice-card-padding-y, 16px), 14px);
} :where(
.sdb-form__check,
.sdb-form__choice,
.sdb-checkbox,
.sdb-radio,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card,
label.sdb-consent-block,
.sdb-consent-block.sdb-form__check,
.sdb-consent-block:has(> input[type="checkbox"]),
.sdb-consent-block:has(> input[type="radio"]),
.sdb-consent-block:has(> .sdb-form__check-control),
.sdb-consent-block:has(> .sdb-form__choice-control)
) {
display: grid !important;
grid-template-columns: var(--sdb-choice-real-control-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-real-gap) !important;
row-gap: 0 !important;
align-items: start !important;
}
:where(
label.sdb-consent-block,
.sdb-consent-block.sdb-form__check,
.sdb-consent-block:has(> input[type="checkbox"]),
.sdb-consent-block:has(> input[type="radio"]),
.sdb-consent-block:has(> .sdb-form__check-control),
.sdb-consent-block:has(> .sdb-form__choice-control)
) {
padding-block: var(--sdb-consent-padding-y, var(--sdb-choice-real-card-padding-y)) !important;
padding-inline: var(--sdb-consent-padding-x, var(--sdb-choice-real-card-padding-x)) !important;
} :where(.sdb-consent-block, .sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > br {
display: none !important;
} :where(
.sdb-form__check,
.sdb-form__choice,
.sdb-checkbox,
.sdb-radio,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card,
.sdb-consent-block
) > :where(input[type="checkbox"], input[type="radio"], .sdb-form__check-control, .sdb-form__choice-control) {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
margin: var(--sdb-choice-real-baseline-offset) 0 0 0 !important;
padding: 0 !important;
inline-size: var(--sdb-choice-real-control-size) !important;
block-size: var(--sdb-choice-real-control-size) !important;
min-inline-size: var(--sdb-choice-real-control-size) !important;
min-block-size: var(--sdb-choice-real-control-size) !important;
max-inline-size: var(--sdb-choice-real-control-size) !important;
max-block-size: var(--sdb-choice-real-control-size) !important;
} :where(.sdb-consent-block, .sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(label, span, div, p):has(> input[type="checkbox"], > input[type="radio"]):not(.sdb-form__check-body):not(.sdb-form__check-text) {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
display: inline-flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
inline-size: var(--sdb-choice-real-control-size) !important;
min-inline-size: var(--sdb-choice-real-control-size) !important;
margin: var(--sdb-choice-real-baseline-offset) 0 0 0 !important;
padding: 0 !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
}
:where(.sdb-consent-block, .sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(label, span, div, p):has(> input[type="checkbox"], > input[type="radio"]):not(.sdb-form__check-body):not(.sdb-form__check-text) > :where(input[type="checkbox"], input[type="radio"]) {
margin: 0 !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
} :where(
.sdb-form__check,
.sdb-form__choice,
.sdb-checkbox,
.sdb-radio,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card,
.sdb-consent-block
) > :where(.sdb-form__check-body, .sdb-form__check-text, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text, .sdb-checkbox__body, .sdb-radio__body, label, span, p, div):not(input):not(.sdb-form__check-control):not(.sdb-form__choice-control):not(:has(> input[type="checkbox"], > input[type="radio"])) {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
line-height: 1.45 !important;
} :where(.sdb-session-card--choice) {
display: grid !important;
grid-template-columns: var(--sdb-choice-real-control-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-real-gap) !important;
align-items: start !important;
padding-block: var(--sdb-session-card-padding-y, var(--sdb-choice-real-card-padding-y)) !important;
padding-inline: var(--sdb-session-card-padding-x, var(--sdb-choice-real-card-padding-x)) !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__control, input[type="radio"], input[type="checkbox"], .sdb-session-card__choice) {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
margin: var(--sdb-choice-real-baseline-offset) 0 0 0 !important;
padding: 0 !important;
inline-size: var(--sdb-choice-real-control-size) !important;
min-inline-size: var(--sdb-choice-real-control-size) !important;
max-inline-size: var(--sdb-choice-real-control-size) !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) {
display: inline-flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) > :where(input[type="radio"], input[type="checkbox"]) {
margin: 0 !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__body, .sdb-session-card__content, .sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link):not(.sdb-session-card__choice) {
grid-column: 2 !important;
min-width: 0 !important;
margin-inline-start: 0 !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
}
@media (max-width: 640px) {
:where(
.sdb-consent-block:has(> input[type="checkbox"]),
.sdb-consent-block:has(> input[type="radio"]),
.sdb-consent-block.sdb-form__check,
label.sdb-consent-block,
.sdb-form__check,
.sdb-check-card,
.sdb-session-card--choice
) {
grid-template-columns: var(--sdb-choice-real-control-column) minmax(0, 1fr) !important;
column-gap: max(10px, var(--sdb-choice-real-gap)) !important;
}
} :root {
--sdb-choice-native-size: var(--sdb-choice-real-control-size, var(--sdb-choice-size, 16px));
--sdb-choice-native-column: calc(var(--sdb-choice-native-size) + 2px);
--sdb-choice-native-gap: max(var(--sdb-choice-real-gap, 12px), var(--sdb-choice-gap, .65rem));
--sdb-choice-native-baseline: .16em;
} :where(
.sdb-session-card--choice,
.sdb-consent-block,
.sdb-form__check,
.sdb-choice-group,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card
) input.sdb-radio-field,
:where(
.sdb-session-card--choice,
.sdb-consent-block,
.sdb-form__check,
.sdb-choice-group,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card
) input.sdb-checkbox-field,
input.sdb-session-card__control.sdb-radio-field,
input.sdb-session-card__control.sdb-checkbox-field,
input.sdb-form__check-control.sdb-radio-field,
input.sdb-form__check-control.sdb-checkbox-field {
display: inline-block !important;
box-sizing: border-box !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
appearance: auto !important;
-webkit-appearance: auto !important;
inline-size: var(--sdb-choice-native-size) !important;
block-size: var(--sdb-choice-native-size) !important;
min-inline-size: var(--sdb-choice-native-size) !important;
min-block-size: var(--sdb-choice-native-size) !important;
max-inline-size: var(--sdb-choice-native-size) !important;
max-block-size: var(--sdb-choice-native-size) !important;
margin: var(--sdb-choice-native-baseline) 0 0 0 !important;
padding: 0 !important;
border-radius: initial;
line-height: normal !important;
vertical-align: top !important;
accent-color: var(--sdb-sys-color-primary, var(--sdb-color-primary)) !important;
} label.sdb-session-card.sdb-session-card--choice,
.sdb-session-list .sdb-session-card.sdb-session-card--choice,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--line,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--compact,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--line.sdb-session-card--compact {
display: grid !important;
grid-template-columns: var(--sdb-choice-native-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-native-gap) !important;
row-gap: 0 !important;
align-items: start !important;
justify-items: stretch !important;
padding-block: var(--sdb-session-card-padding-y, var(--sdb-choice-real-card-padding-y, 16px)) !important;
padding-inline: var(--sdb-session-card-padding-x, var(--sdb-choice-real-card-padding-x, 18px)) !important;
}
label.sdb-session-card.sdb-session-card--choice > input.sdb-session-card__control,
.sdb-session-list .sdb-session-card.sdb-session-card--choice > input.sdb-session-card__control,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--line > input.sdb-session-card__control,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--compact > input.sdb-session-card__control,
.sdb-session-card.sdb-session-card--choice > input[type="radio"],
.sdb-session-card.sdb-session-card--choice > input[type="checkbox"] {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
display: inline-block !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
inline-size: var(--sdb-choice-native-size) !important;
block-size: var(--sdb-choice-native-size) !important;
min-inline-size: var(--sdb-choice-native-size) !important;
min-block-size: var(--sdb-choice-native-size) !important;
max-inline-size: var(--sdb-choice-native-size) !important;
max-block-size: var(--sdb-choice-native-size) !important;
margin: var(--sdb-choice-native-baseline) 0 0 0 !important;
padding: 0 !important;
}
label.sdb-session-card.sdb-session-card--choice > .sdb-session-card__body,
.sdb-session-list .sdb-session-card.sdb-session-card--choice > .sdb-session-card__body,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--line > .sdb-session-card__body,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--compact > .sdb-session-card__body,
.sdb-session-card.sdb-session-card--choice > .sdb-session-card__content {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
gap: var(--sdb-session-card-content-gap, .4rem) !important;
} label.sdb-consent-block,
.sdb-consent-block.sdb-form__check,
.sdb-form__check.sdb-consent-block,
.sdb-form__check:has(> input[type="checkbox"]),
.sdb-form__check:has(> input[type="radio"]),
.sdb-consent-block:has(> input[type="checkbox"]),
.sdb-consent-block:has(> input[type="radio"]) {
display: grid !important;
grid-template-columns: var(--sdb-choice-native-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-native-gap) !important;
row-gap: 0 !important;
align-items: start !important;
}
label.sdb-consent-block > input[type="checkbox"],
label.sdb-consent-block > input[type="radio"],
.sdb-consent-block.sdb-form__check > input[type="checkbox"],
.sdb-consent-block.sdb-form__check > input[type="radio"],
.sdb-form__check:has(> input[type="checkbox"]) > input[type="checkbox"],
.sdb-form__check:has(> input[type="radio"]) > input[type="radio"] {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
display: inline-block !important;
position: static !important;
float: none !important;
clear: none !important;
transform: none !important;
margin: var(--sdb-choice-native-baseline) 0 0 0 !important;
padding: 0 !important;
inline-size: var(--sdb-choice-native-size) !important;
block-size: var(--sdb-choice-native-size) !important;
min-inline-size: var(--sdb-choice-native-size) !important;
min-block-size: var(--sdb-choice-native-size) !important;
}
label.sdb-consent-block > :where(.sdb-form__check-body, .sdb-form__check-text, span, label, p, div):not(input):not(:has(> input[type="checkbox"], > input[type="radio"])),
.sdb-consent-block.sdb-form__check > :where(.sdb-form__check-body, .sdb-form__check-text, span, label, p, div):not(input):not(:has(> input[type="checkbox"], > input[type="radio"])),
.sdb-form__check:has(> input[type="checkbox"]) > :where(.sdb-form__check-body, .sdb-form__check-text, span, label, p, div):not(input):not(:has(> input[type="checkbox"], > input[type="radio"])) {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.45 !important;
} .sdb-alert-banner--info {
background: var(--sdb-alert-info-bg);
border-color: var(--sdb-alert-info-border);
color: var(--sdb-alert-info-text);
}
.sdb-alert-banner--urgent {
background: var(--sdb-alert-error-bg, var(--sdb-color-error-bg));
border-color: var(--sdb-alert-error-border, var(--sdb-color-error));
color: var(--sdb-alert-error-text, var(--sdb-color-error-text));
}
.sdb-alert-banner--dismissible .sdb-alert-banner__actions {
align-items: center;
}
.sdb-alert-banner__dismiss:focus-visible,
.sdb-dismiss-button:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22));
}
.sdb-dismiss-button--light {
color: var(--sdb-dismiss-color);
}
.sdb-admin-network-operation-panel__header {
margin: 0 0 6px;
color: var(--sdb-admin-heading, var(--sdb-color-title));
font-weight: 800;
}
.sdb-admin-network-operation-panel__scope {
display: inline-flex;
width: fit-content;
margin-block-end: 8px;
padding: 3px 8px;
border-radius: var(--sdb-radius-pill);
background: rgba(0,0,0,.06);
color: var(--sdb-admin-text, var(--sdb-color-text));
font-size: 12px;
font-weight: 700;
}
.sdb-admin-network-operation-panel__warning {
margin: 0;
color: var(--sdb-admin-text, var(--sdb-color-text));
}
.sdb-admin-network-operation-panel__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-block-start: 12px;
} .sdb-action-stack {
gap: var(--sdb-action-stack-gap, var(--sdb-space-sm, .75rem));
}
.sdb-action-stack__trigger,
.sdb-action-stack__menu,
.sdb-calendar-actions,
.sdb-calendar-actions__menu {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-calendar-actions-gap, .5rem);
align-items: center;
}
.sdb-action-stack__menu,
.sdb-calendar-actions__menu {
margin: 0;
padding: 0;
list-style: none;
}
.sdb-calendar-actions {
width: fit-content;
max-width: 100%;
}
.sdb-card-action-link {
text-decoration: none;
}
.sdb-card-action-link:focus-visible,
.sdb-action-stack__trigger:focus-visible,
.sdb-calendar-actions a:focus-visible,
.sdb-calendar-actions button:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22));
}
.sdb-validation-summary {
background: var(--sdb-validation-summary-bg, var(--sdb-color-warning-bg, #fff7e6));
color: var(--sdb-validation-summary-text, var(--sdb-color-warning-text, #7a4b00));
}
.sdb-validation-summary__title {
display: block;
margin: 0 0 .45rem;
color: inherit;
font-weight: 800;
}
.sdb-validation-summary__list {
margin: 0;
padding-inline-start: 1.2rem;
} :root {
--sdb-event-date-bg: var(--sdb-color-primary, #0058B7);
--sdb-event-date-text: var(--sdb-color-on-primary, #fff);
--sdb-event-date-accent: var(--sdb-color-secondary, #009BD8);
--sdb-event-card-bg: var(--sdb-color-surface, #fff);
--sdb-event-card-border: var(--sdb-color-border, #EEF3F8);
--sdb-event-card-radius: var(--sdb-radius-md, 14px);
--sdb-event-card-shadow: var(--sdb-shadow-element, 0 10px 26px rgba(15,35,52,.08));
--sdb-event-meta-color: var(--sdb-color-muted, #8E9AA7);
--sdb-event-title-color: var(--sdb-color-title, #364048);
--sdb-event-internal-bg: var(--sdb-status-internal-bg, #fff7e6);
--sdb-event-internal-text: var(--sdb-status-internal-text, #8a4b00);
--sdb-event-cancelled-bg: var(--sdb-status-cancelled-bg, #fdecec);
--sdb-event-cancelled-text: var(--sdb-status-cancelled-text, #7f1d1d);
--sdb-event-soldout-bg: var(--sdb-status-soldout-bg, #f1f1fe);
--sdb-event-soldout-text: var(--sdb-status-soldout-text, #4b4bb5);
--sdb-date-badge-width: 76px;
--sdb-date-badge-min-height: 86px;
--sdb-date-badge-radius: var(--sdb-radius-md, 14px);
--sdb-date-badge-day-size: 30px;
--sdb-date-badge-month-size: 12px;
--sdb-date-badge-weekday-size: 11px;
--sdb-date-badge-shadow: var(--sdb-shadow-element, 0 10px 26px rgba(15,35,52,.08));
--sdb-filter-bar-bg: var(--sdb-color-surface, #fff);
--sdb-filter-bar-border: var(--sdb-color-border, #EEF3F8);
--sdb-filter-bar-radius: var(--sdb-radius-md, 14px);
--sdb-filter-bar-gap: var(--sdb-space-md, 16px);
--sdb-filter-control-height: 46px;
--sdb-filter-control-radius: var(--sdb-radius-md, 14px);
--sdb-status-internal-bg: #fff7e6;
--sdb-status-internal-text: #8a4b00;
--sdb-status-cancelled-bg: #fdecec;
--sdb-status-cancelled-text: #7f1d1d;
--sdb-status-soldout-bg: #f1f1fe;
--sdb-status-soldout-text: #4b4bb5;
--sdb-status-open-bg: #e9f6ee;
--sdb-status-open-text: #1e5f34;
--sdb-status-closed-bg: #f1f1fe;
--sdb-status-closed-text: #4b4bb5;
--sdb-action-menu-panel-bg: var(--sdb-color-surface, #fff);
--sdb-action-menu-panel-shadow: var(--sdb-elevation-3, var(--sdb-shadow-card, 0 18px 42px rgba(15,35,52,.14)));
--sdb-calendar-hour-width: 64px;
--sdb-calendar-row-height: 56px;
--sdb-calendar-day-min-width: 160px;
--sdb-calendar-grid-border: var(--sdb-color-border, #EEF3F8);
--sdb-calendar-event-bg: var(--sdb-color-primary, #0058B7);
--sdb-calendar-event-text: var(--sdb-color-on-primary, #fff);
--sdb-calendar-event-radius: var(--sdb-radius-sm, 8px);
}
.sdb-date-badge {
inline-size: var(--sdb-date-badge-width);
min-block-size: var(--sdb-date-badge-min-height);
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .12rem;
padding: .6rem .55rem;
color: var(--sdb-event-date-text);
background: var(--sdb-event-date-bg);
border-radius: var(--sdb-date-badge-radius);
box-shadow: var(--sdb-date-badge-shadow);
text-align: center;
line-height: 1;
text-decoration: none;
}
.sdb-date-badge__weekday { font-size: var(--sdb-date-badge-weekday-size); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; opacity: .88; }
.sdb-date-badge__day { font-size: var(--sdb-date-badge-day-size); font-weight: 900; letter-spacing: -.04em; }
.sdb-date-badge__month,
.sdb-date-badge__year { font-size: var(--sdb-date-badge-month-size); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.sdb-date-badge--compact { --sdb-date-badge-width: 56px; --sdb-date-badge-min-height: 62px; --sdb-date-badge-day-size: 22px; }
.sdb-date-badge--horizontal { inline-size: auto; min-block-size: 42px; flex-direction: row; gap: .5rem; padding-inline: .85rem; }
.sdb-date-badge--featured { background: linear-gradient(135deg, var(--sdb-event-date-bg), var(--sdb-event-date-accent)); }
.sdb-date-badge--muted { color: var(--sdb-color-title, #364048); background: var(--sdb-color-surface, #fff); border: 1px solid var(--sdb-color-border, #EEF3F8); box-shadow: none; }
.sdb-schedule { display: grid; gap: var(--sdb-space-md, 16px); }
.sdb-schedule__header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--sdb-space-sm, 12px); }
.sdb-schedule__filters { margin-block-end: var(--sdb-space-sm, 12px); }
.sdb-schedule__list { display: grid; gap: var(--sdb-space-sm, 12px); }
.sdb-schedule--horizontal .sdb-schedule__list { display: flex; overflow-x: auto; scroll-snap-type: x proximity; padding-block-end: .35rem; }
.sdb-schedule--horizontal .sdb-schedule__list > * { flex: 0 0 min(320px, 82vw); scroll-snap-align: start; }
.sdb-schedule--compact { gap: var(--sdb-space-xs, 8px); }
.sdb-schedule--network .sdb-schedule__filters { padding: var(--sdb-filter-bar-gap); border: 1px solid var(--sdb-filter-bar-border); border-radius: var(--sdb-filter-bar-radius); background: var(--sdb-filter-bar-bg); }
.sdb-filter-bar--network,
.sdb-filter-bar--compact,
.sdb-filter-bar--stacked-mobile { background: var(--sdb-filter-bar-bg); border: 1px solid var(--sdb-filter-bar-border); border-radius: var(--sdb-filter-bar-radius); padding: var(--sdb-filter-bar-gap); }
.sdb-filter-bar__field { min-inline-size: min(220px, 100%); display: grid; gap: .35rem; }
.sdb-filter-bar__label { color: var(--sdb-color-title, #364048); font-size: var(--sdb-type-label-sm-size, .78rem); font-weight: 800; }
.sdb-filter-bar__select { min-block-size: var(--sdb-filter-control-height); border-radius: var(--sdb-filter-control-radius); }
.sdb-filter-bar__actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.sdb-filter-bar__reset { color: var(--sdb-color-muted, #8E9AA7); }
@media (max-width: 720px) { .sdb-filter-bar--stacked-mobile, .sdb-filter-bar--network { display: grid; } .sdb-filter-bar__field, .sdb-filter-bar__actions { inline-size: 100%; } }
.sdb-status { display: inline-flex; align-items: center; gap: .35em; min-block-size: 1.6rem; padding: .22rem .62rem; border-radius: var(--sdb-radius-pill, 999px); font-size: var(--sdb-type-label-sm-size, .78rem); font-weight: 800; line-height: 1.15; white-space: nowrap; border: 1px solid transparent; }
.sdb-status--internal { color: var(--sdb-status-internal-text); background: var(--sdb-status-internal-bg); }
.sdb-status--soldout { color: var(--sdb-status-soldout-text); background: var(--sdb-status-soldout-bg); }
.sdb-status--cancelled { color: var(--sdb-status-cancelled-text); background: var(--sdb-status-cancelled-bg); }
.sdb-status--postponed { color: var(--sdb-color-warning-text, #7a4b00); background: var(--sdb-color-warning-bg, #fff7e6); }
.sdb-status--open { color: var(--sdb-status-open-text); background: var(--sdb-status-open-bg); }
.sdb-status--closed,
.sdb-status--past { color: var(--sdb-status-closed-text); background: var(--sdb-status-closed-bg); }
.sdb-action-menu { position: relative; display: inline-block; }
.sdb-action-menu__trigger { cursor: pointer; }
.sdb-action-menu__panel { min-inline-size: 220px; margin-block-start: .45rem; padding: .45rem; background: var(--sdb-action-menu-panel-bg); border: 1px solid var(--sdb-color-border, #EEF3F8); border-radius: var(--sdb-radius-md, 14px); box-shadow: var(--sdb-action-menu-panel-shadow); z-index: var(--sdb-z-dropdown, 40); }
.sdb-action-menu[open] .sdb-action-menu__panel { display: grid; gap: .25rem; }
.sdb-action-menu__item { display: flex; align-items: center; gap: .55rem; padding: .48rem .58rem; border-radius: var(--sdb-radius-sm, 8px); color: var(--sdb-color-text, #6B7785); text-decoration: none; }
.sdb-action-menu__item:hover,
.sdb-action-menu__item:focus-visible { color: var(--sdb-color-primary, #0058B7); background: var(--sdb-state-hover-bg, rgba(0,88,183,.07)); outline: none; }
.sdb-action-menu__item-icon { inline-size: 1.15em; block-size: 1.15em; flex: 0 0 auto; }
.sdb-calendar-actions__button,
.sdb-calendar-actions__option { display: inline-flex; align-items: center; gap: .45rem; min-block-size: 2.25rem; padding: .45rem .75rem; border: 1px solid var(--sdb-color-border, #EEF3F8); border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-color-surface, #fff); color: var(--sdb-color-text, #6B7785); text-decoration: none; font-weight: 750; }
.sdb-calendar-actions__button:hover,
.sdb-calendar-actions__option:hover { color: var(--sdb-color-primary, #0058B7); border-color: color-mix(in srgb, var(--sdb-color-primary, #0058B7) 32%, var(--sdb-color-border, #EEF3F8)); }
.sdb-empty-state--events,
.sdb-empty-state--filtered,
.sdb-empty-state--calendar,
.sdb-empty-state--admin { display: grid; justify-items: start; gap: .5rem; padding: clamp(1.25rem, 3vw, 2rem); border: 1px dashed var(--sdb-color-border, #EEF3F8); border-radius: var(--sdb-radius-lg, 18px); background: var(--sdb-color-surface, #fff); }
.sdb-empty-state__icon { inline-size: 2.25rem; block-size: 2.25rem; border-radius: 999px; background: var(--sdb-color-primary-bg, rgba(0,88,183,.08)); }
.sdb-empty-state__title { margin: 0; color: var(--sdb-color-title, #364048); font-size: var(--sdb-type-title-md-size, 1.15rem); }
.sdb-empty-state__text { margin: 0; color: var(--sdb-color-muted, #8E9AA7); }
.sdb-empty-state__actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-block-start: .25rem; }
.sdb-data-list--event { display: grid; gap: .1rem; }
.sdb-data-list__item { display: grid; grid-template-columns: minmax(8rem, 13rem) minmax(0, 1fr); gap: .75rem; padding: .72rem 0; border-block-end: 1px solid var(--sdb-color-border, #EEF3F8); }
.sdb-data-list__label { color: var(--sdb-event-meta-color); font-weight: 800; }
.sdb-data-list__value { min-inline-size: 0; color: var(--sdb-color-text, #6B7785); }
.sdb-data-list__icon { color: var(--sdb-color-primary, #0058B7); }
@media (max-width: 560px) { .sdb-data-list__item { grid-template-columns: 1fr; gap: .2rem; } }
.sdb-table--schedule,
.sdb-table--sessions { inline-size: 100%; border-collapse: collapse; }
.sdb-table--schedule th,
.sdb-table--schedule td,
.sdb-table--sessions th,
.sdb-table--sessions td { padding: .72rem .85rem; border-block-end: 1px solid var(--sdb-color-border, #EEF3F8); vertical-align: top; }
.sdb-table--schedule th,
.sdb-table--sessions th { color: var(--sdb-color-title, #364048); font-weight: 850; background: var(--sdb-color-surface-low, #F7FAFD); }
.sdb-table__status { white-space: nowrap; }
.sdb-week-calendar { overflow-x: auto; border: 1px solid var(--sdb-calendar-grid-border); border-radius: var(--sdb-radius-lg, 18px); background: var(--sdb-color-surface, #fff); }
.sdb-week-calendar__header { display: grid; grid-template-columns: var(--sdb-calendar-hour-width) repeat(7, minmax(var(--sdb-calendar-day-min-width), 1fr)); border-block-end: 1px solid var(--sdb-calendar-grid-border); min-inline-size: calc(var(--sdb-calendar-hour-width) + 7 * var(--sdb-calendar-day-min-width)); }
.sdb-week-calendar__day { padding: .7rem; font-weight: 850; color: var(--sdb-color-title, #364048); border-inline-start: 1px solid var(--sdb-calendar-grid-border); }
.sdb-week-calendar__hour { inline-size: var(--sdb-calendar-hour-width); min-block-size: var(--sdb-calendar-row-height); padding: .45rem .55rem; color: var(--sdb-color-muted, #8E9AA7); border-block-end: 1px solid var(--sdb-calendar-grid-border); }
.sdb-week-calendar__event { display: block; padding: .45rem .55rem; color: var(--sdb-calendar-event-text); background: var(--sdb-calendar-event-bg); border-radius: var(--sdb-calendar-event-radius); box-shadow: var(--sdb-shadow-element, 0 10px 26px rgba(15,35,52,.08)); overflow: hidden; }
.sdb-week-calendar__event--overlap { outline: 2px solid rgba(255,255,255,.65); }
.sdb-week-calendar__event--all-day { background: var(--sdb-color-secondary, #009BD8); }
.sdb-admin-diagnostic,
.sdb-admin-import-preview { display: grid; gap: .75rem; padding: var(--sdb-admin-card-padding-compact, 16px); border: 1px solid var(--sdb-admin-border, var(--sdb-color-border)); border-radius: var(--sdb-radius-md, 14px); background: var(--sdb-admin-surface, var(--sdb-color-surface, #fff)); }
.sdb-admin-health-row { display: flex; justify-content: space-between; gap: .75rem; padding: .55rem .7rem; border: 1px solid var(--sdb-admin-border, var(--sdb-color-border)); border-radius: var(--sdb-radius-sm, 8px); }
.sdb-admin-log-list { display: grid; gap: .3rem; margin: 0; padding: .75rem .9rem .75rem 1.6rem; border-radius: var(--sdb-radius-md, 14px); background: var(--sdb-color-surface-low, #F7FAFD); font-family: var(--sdb-font-mono, monospace); font-size: .82rem; }
.sdb-admin-import-status,
.sdb-admin-sync-status,
.sdb-admin-status--ok,
.sdb-admin-status--warning,
.sdb-admin-status--error,
.sdb-admin-status--muted { display: inline-flex; align-items: center; min-block-size: 1.55rem; padding: .18rem .55rem; border-radius: var(--sdb-radius-pill, 999px); font-weight: 800; font-size: .76rem; }
.sdb-admin-status--ok { color: var(--sdb-status-open-text); background: var(--sdb-status-open-bg); }
.sdb-admin-status--warning { color: var(--sdb-color-warning-text, #7a4b00); background: var(--sdb-color-warning-bg, #fff7e6); }
.sdb-admin-status--error { color: var(--sdb-status-cancelled-text); background: var(--sdb-status-cancelled-bg); }
.sdb-admin-status--muted { color: var(--sdb-color-muted, #8E9AA7); background: var(--sdb-color-surface-low, #F7FAFD); }
.sdb-u-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-sm, .75rem); }
.sdb-u-inline-meta { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem .65rem; color: var(--sdb-color-muted, #8E9AA7); }
.sdb-u-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sdb-u-visually-muted { color: var(--sdb-color-muted, #8E9AA7) !important; }
.sdb-u-action-row { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.sdb-u-date-stack { display: inline-grid; gap: .08rem; line-height: 1; text-align: center; }
.sdb-u-responsive-grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--sdb-space-md, 16px); } .sdb-status-badge--open,
.sdb-status-badge--available { background: var(--sdb-status-open-bg, var(--sdb-color-success-bg, #e9f6ee)); color: var(--sdb-status-open-text, var(--sdb-color-success-text, #1e5f34)); border-color: var(--sdb-color-success-border, rgba(30,95,52,.18)); }
.sdb-status-badge--closed { background: var(--sdb-status-closed-bg, var(--sdb-color-info-bg, #f1f1fe)); color: var(--sdb-status-closed-text, var(--sdb-color-info-text, #4b4bb5)); border-color: var(--sdb-color-info-border, rgba(75,75,181,.18)); }
.sdb-status-badge--cancelled,
.sdb-status-badge--canceled { background: var(--sdb-status-cancelled-bg, var(--sdb-color-error-bg, #fdecec)); color: var(--sdb-status-cancelled-text, var(--sdb-color-error-text, #7f1d1d)); border-color: var(--sdb-color-error-border, rgba(127,29,29,.18)); }
.sdb-alert { border: 1px solid var(--sdb-color-border, #d8e2ee); border-radius: var(--sdb-radius-md, 12px); padding: var(--sdb-space-sm, 12px) var(--sdb-space-md, 16px); background: var(--sdb-color-surface, #fff); color: var(--sdb-color-text, #364048); }
.sdb-alert--info { background: var(--sdb-color-info-bg, #eef5ff); color: var(--sdb-color-info-text, #16457a); border-color: var(--sdb-color-info-border, rgba(22,69,122,.18)); }
.sdb-alert--success { background: var(--sdb-color-success-bg, #e9f6ee); color: var(--sdb-color-success-text, #146c43); border-color: var(--sdb-color-success-border, rgba(20,108,67,.18)); }
.sdb-alert--warning { background: var(--sdb-color-warning-bg, #fff7e0); color: var(--sdb-color-warning-text, #7a4b00); border-color: var(--sdb-color-warning-border, rgba(122,75,0,.18)); }
.sdb-alert--error { background: var(--sdb-color-error-bg, #fdecec); color: var(--sdb-color-error-text, #7f1d1d); border-color: var(--sdb-color-error-border, rgba(127,29,29,.18)); }
.sdb-btn--neutral { background: var(--sdb-color-surface, #fff); color: var(--sdb-color-text, #364048); border-color: var(--sdb-color-border, #d8e2ee); }
.sdb-btn--danger { background: var(--sdb-color-error, #b42318); color: var(--sdb-color-on-error, #fff); border-color: var(--sdb-color-error, #b42318); }
.sdb-btn--on-image { color: var(--sdb-color-on-image, #fff); border-color: rgba(255,255,255,.45); background: rgba(0,0,0,.18); backdrop-filter: blur(4px); }
.sdb-card-action-link,
.sdb-editorial-link { color: var(--sdb-color-primary, #0058b7); font-weight: 700; text-decoration: none; }
.sdb-card-action-link:hover,
.sdb-editorial-link:hover { text-decoration: underline; text-underline-offset: .18em; }
.sdb-form-help,
.sdb-meta,
.sdb-editorial-meta { color: var(--sdb-color-muted, #6b7785); font-size: var(--sdb-type-label-sm-size, .8125rem); line-height: 1.45; }
.sdb-editorial-title { color: var(--sdb-color-title, #1d2733); font-family: var(--sdb-font-heading, inherit); font-weight: 800; line-height: 1.15; }
.sdb-eyebrow { color: var(--sdb-color-primary, #0058b7); font-size: var(--sdb-type-label-sm-size, .8125rem); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 .4rem; }
.sdb-lead { color: var(--sdb-color-text, #364048); font-size: var(--sdb-type-body-lg-size, 1.125rem); line-height: 1.55; }
.sdb-section { padding-block: var(--sdb-section-padding-y, var(--sdb-space-lg, 24px)); }
.sdb-data-list--compact .sdb-data-list__row { padding-block: var(--sdb-space-xs, 8px); }
.sdb-editorial-pill--on-image { color: var(--sdb-color-on-image, #fff); border-color: rgba(255,255,255,.35); background: rgba(0,0,0,.28); text-shadow: 0 1px 4px rgba(0,0,0,.35); }
.sdb-filter-bar__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-xs, 8px); margin-left: auto; } :root {
--sdb-editorial-title-xs: clamp(0.94rem, 0.78rem + 0.22vw, 1.02rem);
--sdb-editorial-title-sm: clamp(1.02rem, 0.92rem + 0.38vw, 1.18rem);
--sdb-editorial-title-md: clamp(1.18rem, 1.04rem + 0.58vw, 1.42rem);
--sdb-editorial-title-lg: clamp(1.52rem, 1.22rem + 1.05vw, 2.05rem);
--sdb-editorial-card-title-size: var(--sdb-editorial-title-sm);
--sdb-editorial-card-title-line-height: 1.22;
--sdb-editorial-card-title-weight: var(--sdb-font-weight-bold, 700);
--sdb-editorial-feature-title-size: var(--sdb-editorial-title-lg);
--sdb-editorial-feature-title-line-height: 1.12;
--sdb-editorial-compact-title-size: var(--sdb-editorial-title-xs);
--sdb-editorial-compact-title-line-height: 1.28;
--sdb-editorial-gap-xs: 0.45rem;
--sdb-editorial-gap-sm: 0.75rem;
--sdb-editorial-gap-md: 1rem;
--sdb-editorial-gap-lg: 1.5rem;
--sdb-editorial-card-padding-sm: 0.85rem;
--sdb-editorial-card-padding-md: 1.15rem;
--sdb-editorial-list-gap: var(--sdb-editorial-gap-md);
--sdb-editorial-compact-list-gap: var(--sdb-editorial-gap-sm);
--sdb-editorial-adapter-gap: inherit;
--sdb-editorial-adapter-padding: inherit;
--sdb-editorial-adapter-radius: inherit;
--sdb-editorial-adapter-shadow: none;
--sdb-tag-on-image-bg: rgba(0, 0, 0, .36);
--sdb-tag-on-image-color: var(--sdb-color-on-image, #fff);
--sdb-tag-on-image-padding-y: .44em;
--sdb-tag-on-image-padding-x: .7em;
--sdb-tag-on-image-font-size: .72rem;
--sdb-tag-on-image-letter-spacing: .06em;
--sdb-density-editorial-compact-gap: var(--sdb-editorial-gap-sm);
--sdb-density-editorial-comfortable-gap: var(--sdb-editorial-gap-md);
--sdb-density-editorial-relaxed-gap: var(--sdb-editorial-gap-lg);
}
.sdb-editorial-card--adapter,
.sdb-editorial-card--neutral,
.sdb-editorial-card--inherit-layout {
background: var(--sdb-editorial-adapter-bg, inherit);
border: var(--sdb-editorial-adapter-border, 0);
border-radius: var(--sdb-editorial-adapter-radius, inherit);
box-shadow: var(--sdb-editorial-adapter-shadow, none);
overflow: visible;
color: inherit;
}
.sdb-editorial-card--adapter > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-editorial-card--neutral > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-editorial-card--inherit-layout > :where(.sdb-editorial-card__inner, .sdb-editorial-content) {
padding: var(--sdb-editorial-adapter-padding, inherit);
}
.sdb-editorial-card--adapter :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md),
.sdb-editorial-card--neutral :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md),
.sdb-editorial-card--inherit-layout :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md) {
font-size: var(--sdb-editorial-card-title-size, inherit);
line-height: var(--sdb-editorial-card-title-line-height, inherit);
font-weight: var(--sdb-editorial-card-title-weight, inherit);
}
.sdb-editorial-grid--adapter,
.sdb-editorial-grid--inherit-layout,
.sdb-editorial-compact-list--adapter,
.sdb-editorial-topic-block--adapter,
.sdb-editorial-slider--adapter {
gap: var(--sdb-editorial-adapter-gap, inherit);
}
.sdb-editorial-grid--adapter,
.sdb-editorial-grid--inherit-layout,
.sdb-editorial-slider--adapter {
display: inherit;
grid-template-columns: inherit;
align-items: inherit;
}
.sdb-editorial-slider--adapter {
min-height: 0;
height: auto;
width: auto;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
overflow: visible;
}
.sdb-editorial-card--compact,
.sdb-density-compact .sdb-editorial-card:not(.sdb-editorial-card--adapter):not(.sdb-editorial-card--inherit-layout) {
--sdb-editorial-card-title-size: var(--sdb-editorial-compact-title-size);
--sdb-editorial-card-title-line-height: var(--sdb-editorial-compact-title-line-height);
}
.sdb-editorial-card--compact > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-density-compact .sdb-editorial-card > :where(.sdb-editorial-card__inner, .sdb-editorial-content) {
padding: var(--sdb-editorial-card-padding-sm);
}
.sdb-density-compact :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-compact-gap); }
.sdb-density-comfortable :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-comfortable-gap); }
.sdb-density-relaxed :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-relaxed-gap); }
.sdb-editorial-card--comfortable > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: var(--sdb-editorial-card-padding-md); }
.sdb-editorial-card--relaxed > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: clamp(1.25rem, 2vw, 1.85rem); }
.sdb-editorial-link {
display: inline-flex;
align-items: center;
gap: .35em;
color: var(--sdb-editorial-link-color, var(--sdb-color-primary));
font-family: inherit;
font-size: inherit;
font-weight: var(--sdb-editorial-link-weight, var(--sdb-font-weight-semibold, 600));
letter-spacing: inherit;
line-height: inherit;
text-decoration: none;
text-transform: none;
}
.sdb-editorial-link::after { content: none; }
.sdb-editorial-link--arrow::after,
.sdb-editorial-link--with-arrow::after {
content: "→";
display: inline-block;
margin-left: .25em;
transition: transform var(--sdb-transition-fast, 160ms) ease;
}
.sdb-editorial-link--arrow:hover::after,
.sdb-editorial-link--with-arrow:hover::after { transform: translateX(3px); }
.sdb-editorial-link--plain::after { content: none; }
.sdb-editorial-link--underline { text-decoration: underline; text-underline-offset: .22em; }
.sdb-tag-on-image {
padding: var(--sdb-tag-on-image-padding-y) var(--sdb-tag-on-image-padding-x);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-tag-on-image-bg);
color: var(--sdb-tag-on-image-color);
font-size: var(--sdb-tag-on-image-font-size);
letter-spacing: var(--sdb-tag-on-image-letter-spacing);
}
.sdb-tag-on-image--compact {
--sdb-tag-on-image-padding-y: .28em;
--sdb-tag-on-image-padding-x: .52em;
--sdb-tag-on-image-font-size: .68rem;
box-shadow: none;
backdrop-filter: none;
}
.sdb-tag-on-image--adapter {
padding: var(--sdb-tag-on-image-adapter-padding, inherit);
background: var(--sdb-tag-on-image-bg, inherit);
color: var(--sdb-tag-on-image-color, inherit);
border: var(--sdb-tag-on-image-adapter-border, 0);
border-radius: var(--sdb-tag-on-image-adapter-radius, inherit);
box-shadow: none;
backdrop-filter: none;
text-transform: inherit;
letter-spacing: inherit;
}
.sdb-editorial-card--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image),
.sdb-editorial-grid--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image),
.sdb-editorial-slider--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image) {
max-width: 100%;
} .sdb-tabs {
--sdb-tabs-border: var(--sdb-color-border, #d8e0ea);
--sdb-tabs-active: var(--sdb-color-primary, #0058B7);
--sdb-tabs-bg: var(--sdb-color-surface, #fff);
--sdb-tabs-radius: var(--sdb-radius-md, 12px);
display: block;
}
.sdb-tabs__list {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-space-xs, .35rem);
border-bottom: 1px solid var(--sdb-tabs-border);
margin-bottom: var(--sdb-space-md, 1rem);
}
.sdb-tabs__tab {
appearance: none;
border: 0;
border-bottom: 2px solid transparent;
background: transparent;
color: var(--sdb-color-text, #1f2a36);
cursor: pointer;
font: inherit;
font-weight: var(--sdb-font-weight-semibold, 600);
padding: .65rem .85rem;
border-radius: var(--sdb-radius-sm, 8px) var(--sdb-radius-sm, 8px) 0 0;
}
.sdb-tabs__tab:hover,
.sdb-tabs__tab:focus-visible {
background: var(--sdb-state-hover-bg, rgba(0,88,183,.06));
outline: none;
}
.sdb-tabs__tab:focus-visible {
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.25));
}
.sdb-tabs__tab.is-active,
.sdb-tabs__tab[aria-selected="true"] {
color: var(--sdb-tabs-active);
border-bottom-color: var(--sdb-tabs-active);
}
.sdb-tabs__panel {
display: block;
color: var(--sdb-color-text, #1f2a36);
}
.sdb-tabs__panel[hidden] { display: none; }
.sdb-tabs--boxed .sdb-tabs__list {
gap: .25rem;
border: 1px solid var(--sdb-tabs-border);
background: var(--sdb-color-surface-alt, #f7f9fc);
border-radius: var(--sdb-tabs-radius);
padding: .25rem;
}
.sdb-tabs--boxed .sdb-tabs__tab {
border-bottom: 0;
border-radius: calc(var(--sdb-tabs-radius) - 3px);
}
.sdb-tabs--boxed .sdb-tabs__tab.is-active,
.sdb-tabs--boxed .sdb-tabs__tab[aria-selected="true"] {
background: var(--sdb-tabs-bg);
box-shadow: var(--sdb-shadow-element, 0 8px 22px rgba(15,35,55,.08));
}
.sdb-tabs--underline .sdb-tabs__tab { border-radius: 0; }
.sdb-accordion {
--sdb-accordion-border: var(--sdb-color-border, #d8e0ea);
--sdb-accordion-bg: var(--sdb-color-surface, #fff);
--sdb-accordion-radius: var(--sdb-radius-md, 12px);
display: grid;
gap: var(--sdb-space-sm, .75rem);
}
.sdb-accordion__item {
border: 1px solid var(--sdb-accordion-border);
border-radius: var(--sdb-accordion-radius);
background: var(--sdb-accordion-bg);
overflow: clip;
}
.sdb-accordion__summary {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--sdb-space-sm, .75rem);
font-weight: var(--sdb-font-weight-semibold, 600);
padding: .9rem 1rem;
}
.sdb-accordion__summary::-webkit-details-marker { display: none; }
.sdb-accordion__summary::after {
content: "";
width: .55rem;
height: .55rem;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform var(--sdb-transition-fast, .16s ease);
}
.sdb-accordion__item[open] .sdb-accordion__summary::after { transform: rotate(225deg); }
.sdb-accordion__summary:focus-visible {
outline: none;
box-shadow: inset var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.25));
}
.sdb-accordion__panel {
border-top: 1px solid var(--sdb-accordion-border);
padding: 1rem;
color: var(--sdb-color-text, #1f2a36);
}
.sdb-accordion--boxed .sdb-accordion__item { box-shadow: var(--sdb-shadow-element, 0 8px 22px rgba(15,35,55,.08)); }
.sdb-accordion--editorial .sdb-accordion__summary { font-family: var(--sdb-font-heading, inherit); } :root {
--sdb-interactive-transition: background-color var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), color var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), border-color var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), box-shadow var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), transform var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease);
--sdb-card-radius-refined: var(--sdb-shape-lg, var(--sdb-radius-lg, 16px));
--sdb-card-shadow-refined: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05));
--sdb-card-shadow-interactive: var(--sdb-elevation-2, 0 10px 24px rgba(31,42,54,.08));
--sdb-card-border-refined: var(--sdb-color-outline-variant, var(--sdb-color-border, #EEF3F8));
--sdb-control-radius-refined: var(--sdb-shape-md, var(--sdb-radius-md, 10px));
--sdb-control-height-refined: var(--sdb-control-height-md, 42px);
--sdb-table-row-height: 46px;
--sdb-table-row-height-dense: 38px;
}
.sdb-card {
border-color: var(--sdb-card-border-refined);
border-radius: var(--sdb-card-radius-refined);
box-shadow: var(--sdb-card-shadow-refined);
transition: var(--sdb-interactive-transition);
}
.sdb-card:not(.sdb-card--interactive):not(.sdb-card--clickable):not(:where(a, button)):hover {
transform: none;
box-shadow: var(--sdb-card-shadow-refined);
}
:where(.sdb-card--interactive, .sdb-card--clickable, a.sdb-card, button.sdb-card):hover {
transform: translateY(-1px);
border-color: var(--sdb-color-outline, var(--sdb-color-border, #D6E0EA));
box-shadow: var(--sdb-card-shadow-interactive);
}
.sdb-card__body {
padding: var(--sdb-card-padding, clamp(16px, 2vw, 24px));
}
.sdb-card__footer {
padding-inline: var(--sdb-card-padding, clamp(16px, 2vw, 24px));
padding-bottom: var(--sdb-card-padding, clamp(16px, 2vw, 24px));
}
.sdb-btn,
a.sdb-btn,
button.sdb-btn {
min-height: var(--sdb-control-height-refined) !important;
border-radius: var(--sdb-control-radius-refined) !important;
transition: var(--sdb-interactive-transition) !important;
}
.sdb-btn:hover,
a.sdb-btn:hover,
button.sdb-btn:hover {
transform: translateY(-1px);
}
.sdb-btn:focus-visible,
a.sdb-btn:focus-visible,
button.sdb-btn:focus-visible {
outline: 2px solid transparent !important;
outline-offset: 2px !important;
box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22))) !important;
}
.sdb-btn[aria-disabled="true"],
.sdb-btn.is-disabled,
.sdb-btn:disabled {
transform: none !important;
cursor: not-allowed !important;
}
.sdb-btn--secondary,
a.sdb-btn--secondary,
button.sdb-btn--secondary,
.sdb-btn--neutral,
a.sdb-btn--neutral,
button.sdb-btn--neutral,
.sdb-btn--ghost,
a.sdb-btn--ghost,
button.sdb-btn--ghost,
.sdb-btn--subtle,
a.sdb-btn--subtle,
button.sdb-btn--subtle {
box-shadow: none !important;
}
.sdb-btn--sm,
a.sdb-btn--sm,
button.sdb-btn--sm,
.sdb-btn--compact,
a.sdb-btn--compact,
button.sdb-btn--compact,
.sdb-btn--table-action,
a.sdb-btn--table-action,
button.sdb-btn--table-action {
min-height: var(--sdb-btn-sm-min-height, 32px) !important;
border-radius: var(--sdb-shape-sm, var(--sdb-radius-sm, 6px)) !important;
}
.sdb-form :where(input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], select, textarea),
.sdb-form__control {
border-color: var(--sdb-comp-field-border, var(--sdb-field-border, var(--sdb-color-outline, #D6E0EA)));
border-radius: var(--sdb-control-radius-refined);
background: var(--sdb-comp-field-bg, var(--sdb-field-bg, var(--sdb-color-surface, #fff)));
transition: var(--sdb-interactive-transition);
}
.sdb-form :where(input, select, textarea):focus-visible,
.sdb-form__control:focus-visible {
border-color: var(--sdb-color-primary, #0058B7);
outline: 2px solid transparent;
outline-offset: 1px;
box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22)));
}
.sdb-form :where(input, select, textarea):disabled,
.sdb-form :where(input, select, textarea)[aria-disabled="true"],
.sdb-form__control:disabled,
.sdb-form__control[aria-disabled="true"] {
opacity: var(--sdb-state-disabled-opacity, .56);
cursor: not-allowed;
}
.sdb-form__help,
.sdb-form-help {
color: var(--sdb-color-on-surface-muted, var(--sdb-color-muted, #8E9AA7));
font-size: var(--sdb-type-body-sm-size, .925rem);
line-height: 1.45;
}
.sdb-form__error,
.sdb-field-message--error,
.sdb-form [aria-invalid="true"] + .sdb-form__help {
color: var(--sdb-color-error-text, #7f1d1d);
}
.sdb-form [aria-invalid="true"],
.sdb-form .is-error :where(input, select, textarea),
.sdb-form__control[aria-invalid="true"] {
border-color: var(--sdb-state-error-border, var(--sdb-color-error, #b42318));
}
.sdb-consent-block,
.sdb-form__check,
.sdb-check-card {
transition: var(--sdb-interactive-transition);
}
.sdb-consent-block__text,
.sdb-consent-block > span:not(.sdb-consent-block__control),
.sdb-consent-block > :where(.sdb-form__check-text, .sdb-form__check-body) {
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
}
.sdb-consent-block:has(> input[type="checkbox"]:checked),
.sdb-consent-block.sdb-consent-block--checked {
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
background: var(--sdb-state-selected-bg, rgba(0, 88, 183, .085));
border-color: var(--sdb-state-checked-border, var(--sdb-color-primary, #0058B7));
}
.sdb-consent-block:has(> input[type="checkbox"]:checked) :where(.sdb-consent-block__text, span, p, div):not(input),
.sdb-consent-block.sdb-consent-block--checked :where(.sdb-consent-block__text, span, p, div):not(input) {
color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048));
}
.sdb-table-wrap,
.sdb-admin-table-scroll,
.sdb-admin-table-region {
border-color: var(--sdb-color-outline-variant, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-card-radius-refined);
}
.sdb-table th,
.sdb-table td {
min-height: var(--sdb-table-row-height);
vertical-align: middle;
}
.sdb-table--dense th,
.sdb-table--dense td,
.sdb-density-compact .sdb-table th,
.sdb-density-compact .sdb-table td {
min-height: var(--sdb-table-row-height-dense);
}
@media (max-width: 782px) {
.sdb-card__body,
.sdb-card__footer {
padding: clamp(14px, 4vw, 18px);
}
.sdb-btn,
a.sdb-btn,
button.sdb-btn {
min-height: var(--sdb-touch-target-min, 44px) !important;
}
} .sdb-tabs {
--sdb-tabs-gap: var(--sdb-tabs-gap, 6px);
--sdb-tabs-item-padding: var(--sdb-tabs-item-padding, .58rem .82rem);
--sdb-tabs-active-indicator: var(--sdb-tabs-active-indicator, 2px);
display: grid;
gap: .85rem;
inline-size: 100%;
}
.sdb-tabs__list {
display: flex;
align-items: center;
gap: var(--sdb-tabs-gap, 6px);
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
border-bottom: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
-webkit-overflow-scrolling: touch;
}
.sdb-tabs__tab,
.sdb-tabs [role="tab"] {
appearance: none;
position: relative;
flex: 0 0 auto;
min-height: 38px;
padding: var(--sdb-tabs-item-padding, .58rem .82rem);
border: 0;
border-bottom: var(--sdb-tabs-active-indicator, 2px) solid transparent;
border-radius: var(--sdb-radius-sm, 6px) var(--sdb-radius-sm, 6px) 0 0;
background: transparent;
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
font-family: var(--sdb-font-body, inherit);
font-size: var(--sdb-type-label-md-size, .875rem);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.2;
text-decoration: none;
cursor: pointer;
transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease);
}
.sdb-tabs__tab:hover,
.sdb-tabs [role="tab"]:hover {
color: var(--sdb-color-primary, #0058B7);
background: var(--sdb-state-hover-bg, rgba(0,88,183,.06));
}
.sdb-tabs__tab:focus-visible,
.sdb-tabs [role="tab"]:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22)));
}
.sdb-tabs__tab.is-active,
.sdb-tabs__tab[aria-selected="true"],
.sdb-tabs [role="tab"][aria-selected="true"] {
color: var(--sdb-color-primary, #0058B7);
border-bottom-color: var(--sdb-color-primary, #0058B7);
background: transparent;
}
.sdb-tabs__tab:disabled,
.sdb-tabs__tab[aria-disabled="true"] {
opacity: var(--sdb-state-disabled-opacity, .56);
pointer-events: none;
}
.sdb-tabs__panel {
min-width: 0;
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
}
.sdb-tabs__panel[hidden] { display: none; }
.sdb-tabs--boxed .sdb-tabs__list {
gap: 4px;
padding: 4px;
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface-high, #f5f8fb);
}
.sdb-tabs--boxed .sdb-tabs__tab,
.sdb-tabs--boxed [role="tab"] {
border: 0;
border-radius: calc(var(--sdb-radius-md, 12px) - 4px);
}
.sdb-tabs--boxed .sdb-tabs__tab.is-active,
.sdb-tabs--boxed .sdb-tabs__tab[aria-selected="true"],
.sdb-tabs--boxed [role="tab"][aria-selected="true"] {
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05));
}
.sdb-accordion {
display: grid;
gap: var(--sdb-accordion-gap, 10px);
}
.sdb-accordion__item {
overflow: clip;
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-elevation-0, none);
}
.sdb-accordion__summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: var(--sdb-accordion-padding, 16px);
color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048));
font-weight: var(--sdb-font-weight-semibold, 600);
cursor: pointer;
transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease);
}
.sdb-accordion__summary:hover {
background: var(--sdb-state-hover-bg, rgba(0,88,183,.06));
}
.sdb-accordion__summary:focus-visible {
outline: none;
box-shadow: inset var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22));
}
.sdb-accordion__summary::-webkit-details-marker { display: none; }
.sdb-accordion__summary::after {
content: "";
inline-size: .55rem;
block-size: .55rem;
flex: 0 0 auto;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease);
}
.sdb-accordion__item[open] .sdb-accordion__summary::after { transform: rotate(225deg); }
.sdb-accordion__panel {
padding: var(--sdb-accordion-padding, 16px);
border-top: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
}
.sdb-accordion--boxed .sdb-accordion__item { box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); }
.sdb-accordion--editorial .sdb-accordion__summary { font-family: var(--sdb-font-heading, inherit); }
.sdb-breadcrumb {
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
font-size: var(--sdb-type-label-md-size, .875rem);
}
.sdb-breadcrumb__list,
.sdb-breadcrumb ol {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-breadcrumb-gap, .45rem);
margin: 0;
padding: 0;
list-style: none;
}
.sdb-breadcrumb__item,
.sdb-breadcrumb li { display: inline-flex; align-items: center; gap: var(--sdb-breadcrumb-gap, .45rem); }
.sdb-breadcrumb__item + .sdb-breadcrumb__item::before,
.sdb-breadcrumb li + li::before {
content: "/";
color: var(--sdb-color-muted, #8E9AA7);
}
.sdb-breadcrumb__link,
.sdb-breadcrumb a {
color: inherit;
text-decoration: none;
}
.sdb-breadcrumb__link:hover,
.sdb-breadcrumb__link:focus-visible,
.sdb-breadcrumb a:hover,
.sdb-breadcrumb a:focus-visible {
color: var(--sdb-color-primary, #0058B7);
text-decoration: underline;
text-underline-offset: .18em;
}
.sdb-breadcrumb__current,
.sdb-breadcrumb [aria-current="page"] {
color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048));
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-action-menu {
position: relative;
display: inline-block;
text-align: left;
}
.sdb-action-menu__trigger {
cursor: pointer;
list-style: none;
}
.sdb-action-menu__trigger::-webkit-details-marker { display: none; }
.sdb-action-menu__panel {
position: absolute;
inset-inline-end: 0;
z-index: var(--sdb-z-dropdown, 40);
display: grid;
gap: .25rem;
min-inline-size: var(--sdb-action-menu-min-width, 220px);
margin-block-start: .45rem;
padding: .45rem;
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-action-menu-panel-bg, var(--sdb-color-surface, #fff));
box-shadow: var(--sdb-action-menu-panel-shadow, var(--sdb-elevation-3, 0 16px 36px rgba(31,42,54,.12)));
}
.sdb-action-menu:not([open]) .sdb-action-menu__panel { display: none; }
.sdb-action-menu__item {
appearance: none;
display: flex;
align-items: center;
gap: .55rem;
inline-size: 100%;
min-height: 36px;
padding: .48rem .58rem;
border: 0;
border-radius: var(--sdb-radius-sm, 6px);
background: transparent;
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
font: inherit;
text-align: left;
text-decoration: none;
cursor: pointer;
transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease);
}
.sdb-action-menu__item:hover,
.sdb-action-menu__item:focus-visible {
outline: none;
color: var(--sdb-color-primary, #0058B7);
background: var(--sdb-state-hover-bg, rgba(0,88,183,.06));
}
.sdb-action-menu__item:focus-visible { box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); }
.sdb-action-menu__item-icon { inline-size: 1.1em; flex: 0 0 auto; text-align: center; }
.sdb-skeleton-group { display: grid; gap: .65rem; inline-size: 100%; }
.sdb-skeleton {
display: block;
inline-size: 100%;
min-block-size: .95rem;
border-radius: var(--sdb-skeleton-radius, var(--sdb-radius-sm, 6px));
background: var(--sdb-skeleton-bg, linear-gradient(90deg, rgba(238,243,248,.75), rgba(255,255,255,.92), rgba(238,243,248,.75)));
background-size: 220% 100%;
animation: sdb-skeleton-shimmer 1.25s var(--sdb-motion-easing-standard, ease) infinite;
}
.sdb-skeleton--title { max-inline-size: 70%; block-size: 1.35rem; }
.sdb-skeleton--text { max-inline-size: 100%; block-size: .95rem; }
.sdb-skeleton--short { max-inline-size: 52%; }
.sdb-skeleton--card { min-block-size: 9rem; border-radius: var(--sdb-radius-md, 12px); }
.sdb-toast-stack { display: grid; gap: .65rem; max-inline-size: var(--sdb-toast-width, min(100%, 420px)); }
.sdb-toast {
max-inline-size: var(--sdb-toast-width, min(100%, 420px));
padding: var(--sdb-toast-padding, .8rem 1rem);
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface, #fff);
color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048));
box-shadow: var(--sdb-elevation-2, 0 10px 24px rgba(31,42,54,.08));
z-index: var(--sdb-toast-z-index, 10020);
}
.sdb-toast--success { border-color: var(--sdb-color-success, #2e7d32); background: var(--sdb-color-success-bg, #e9f6ee); color: var(--sdb-color-success-text, #1e5f34); }
.sdb-toast--warning { border-color: var(--sdb-color-warning, #f59e0b); background: var(--sdb-color-warning-bg, #fff7e6); color: var(--sdb-color-warning-text, #7a4b00); }
.sdb-toast--error { border-color: var(--sdb-color-error, #c62828); background: var(--sdb-color-error-bg, #fdecec); color: var(--sdb-color-error-text, #7f1d1d); }
@media (prefers-reduced-motion: reduce) {
.sdb-skeleton { animation: none; }
}
@media (max-width: 782px) {
.sdb-action-menu__panel {
inset-inline: auto 0;
max-inline-size: min(92vw, 320px);
}
.sdb-tabs__list { padding-block-end: 2px; }
} .sdb-responsive-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--sdb-responsive-grid-min, min(100%, 260px)), 1fr));
gap: var(--sdb-responsive-gap-md, var(--sdb-space-md, 1.25rem));
inline-size: 100%;
min-width: 0;
box-sizing: border-box;
}
.sdb-responsive-grid--2 { --sdb-responsive-grid-min: min(100%, 340px); }
.sdb-responsive-grid--3 { --sdb-responsive-grid-min: min(100%, 260px); }
.sdb-responsive-grid--4 { --sdb-responsive-grid-min: min(100%, 220px); }
.sdb-adaptive-stack,
.sdb-responsive-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--sdb-responsive-gap-sm, var(--sdb-space-sm, .75rem));
inline-size: 100%;
min-width: 0;
box-sizing: border-box;
}
.sdb-adaptive-stack > *,
.sdb-responsive-toolbar > * { min-width: 0; }
.sdb-adaptive-stack__actions,
.sdb-responsive-toolbar__actions,
.sdb-responsive-toolbar__main {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--sdb-responsive-gap-sm, var(--sdb-space-sm, .75rem));
min-width: 0;
}
.sdb-responsive-toolbar__main { flex: 1 1 22rem; }
.sdb-responsive-toolbar__actions { justify-content: flex-end; flex: 0 1 auto; }
.sdb-scroll-region {
overflow-x: auto;
overflow-y: hidden;
max-inline-size: 100%;
min-width: 0;
border-radius: var(--sdb-radius-md, 12px);
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable both-edges;
}
.sdb-scroll-region:focus-visible { outline: none; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); }
.sdb-scroll-region > :where(table, .sdb-admin-data-table, .sdb-table) { min-inline-size: max-content; }
.sdb-u-touch-target {
min-inline-size: var(--sdb-touch-target-min, 44px);
min-block-size: var(--sdb-touch-target-min, 44px);
}
.sdb-density-comfortable { --sdb-density-current-gap: var(--sdb-density-comfortable-gap, var(--sdb-space-lg, 2rem)); }
.sdb-density-compact { --sdb-density-current-gap: var(--sdb-density-compact-gap, var(--sdb-space-sm, .75rem)); }
.sdb-density-dense { --sdb-density-current-gap: var(--sdb-density-dense-gap, .5rem); }
.sdb-density-comfortable :where(.sdb-responsive-grid, .sdb-adaptive-stack, .sdb-responsive-toolbar),
.sdb-density-compact :where(.sdb-responsive-grid, .sdb-adaptive-stack, .sdb-responsive-toolbar),
.sdb-density-dense :where(.sdb-responsive-grid, .sdb-adaptive-stack, .sdb-responsive-toolbar) {
gap: var(--sdb-density-current-gap);
}
.sdb-density-dense :where(.sdb-card, .sdb-admin-card, .sdb-admin-tool-panel) { padding: var(--sdb-admin-card-padding-compact, 14px 16px); }
.sdb-density-dense :where(.sdb-btn, .sdb-form__control) { min-block-size: var(--sdb-admin-control-height-sm, 34px); }
.sdb-motion-safe {
transition: var(--sdb-motion-safe-transition, transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease);
}
@media (hover: hover) and (pointer: fine) {
.sdb-motion-safe:is(a, button, [role="button"], .sdb-card, .sdb-admin-card):hover {
transform: var(--sdb-motion-transform-hover, translateY(-1px));
}
}
@media (prefers-reduced-motion: reduce) {
.sdb-motion-safe,
.sdb-motion-safe * {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transform: none !important;
}
}
@media (max-width: 1024px) {
.sdb-responsive-grid { --sdb-responsive-grid-min: min(100%, 240px); }
}
@media (max-width: 782px) {
.sdb-adaptive-stack,
.sdb-responsive-toolbar {
align-items: stretch;
flex-direction: column;
}
.sdb-adaptive-stack__actions,
.sdb-responsive-toolbar__main,
.sdb-responsive-toolbar__actions {
inline-size: 100%;
flex-direction: column;
align-items: stretch;
}
.sdb-responsive-toolbar :where(.sdb-btn, button, input, select, textarea) { inline-size: 100%; }
.sdb-u-touch-target { min-block-size: var(--sdb-touch-target-min, 44px); }
} :root {
--sdb-mdb-color-surface: var(--sdb-color-surface, #FFFFFF);
--sdb-mdb-color-surface-soft: #F7FBF8;
--sdb-mdb-color-surface-strong: #EAF7F2;
--sdb-mdb-color-text: var(--sdb-color-title, #364048);
--sdb-mdb-color-text-soft: var(--sdb-color-text, #6B7785);
--sdb-mdb-color-border: #DDEEE5;
--sdb-mdb-color-overlay: linear-gradient(180deg, rgba(8,53,40,.04), rgba(8,53,40,.72));
--sdb-mdb-color-badge-bg: var(--sdb-mdb-color-surface-strong);
--sdb-mdb-color-badge-text: #007A5A;
--sdb-mdb-progress-track: var(--sdb-mdb-color-surface-strong);
--sdb-mdb-progress-fill: var(--sdb-gradient-mdb);
--sdb-mdb-metric-value: var(--sdb-mdb-color-primary, #F26722);
--sdb-mdb-metric-label: var(--sdb-mdb-color-text-soft);
--sdb-mdb-card-radius: var(--sdb-mdb-radius-card, var(--sdb-radius-lg, 20px));
--sdb-mdb-card-shadow: var(--sdb-mdb-shadow-card, var(--sdb-shadow-card, 0 12px 30px rgba(19,39,61,.08)));
--sdb-mdb-card-shadow-hover: var(--sdb-shadow-element, 0 8px 22px rgba(19,39,61,.10));
--sdb-mdb-card-padding: var(--sdb-card-padding, 1.5rem);
--sdb-mdb-card-gap: var(--sdb-space-md, 1.25rem);
--sdb-mdb-hero-bg: var(--sdb-mdb-color-surface-soft);
--sdb-mdb-hero-accent-shape: rgba(242,103,34,.16);
--sdb-mdb-hero-surface: rgba(255,255,255,.92);
--sdb-mdb-info-box-bg: var(--sdb-mdb-color-surface-soft);
--sdb-mdb-tab-bg: var(--sdb-mdb-color-surface);
--sdb-mdb-tab-active-bg: var(--sdb-mdb-color-primary, #F26722);
--sdb-mdb-tab-active-text: #FFFFFF;
--sdb-mdb-tab-text: var(--sdb-mdb-color-text-soft);
--sdb-mdb-tab-hover-bg: var(--sdb-mdb-color-surface-strong);
}
.sdb-cause-card {
position: relative;
overflow: hidden;
display: grid;
gap: 0;
min-width: 0;
background: var(--sdb-mdb-color-surface);
border: 1px solid var(--sdb-mdb-color-border);
border-radius: var(--sdb-mdb-card-radius);
box-shadow: var(--sdb-mdb-card-shadow);
color: var(--sdb-mdb-color-text);
}
.sdb-cause-card:is(a),
a.sdb-cause-card { text-decoration: none; color: var(--sdb-mdb-color-text); }
.sdb-cause-card__media {
position: relative;
overflow: hidden;
margin: 0;
aspect-ratio: 16 / 9;
background: var(--sdb-mdb-color-surface-strong);
}
.sdb-cause-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdb-cause-card__body { display: grid; gap: var(--sdb-mdb-card-gap); padding: var(--sdb-mdb-card-padding); min-width: 0; }
.sdb-cause-card__badge { justify-self: start; display: inline-flex; align-items: center; min-height: 26px; padding: .34em .72em; border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-mdb-color-badge-bg); color: var(--sdb-mdb-color-badge-text); font-family: var(--sdb-font-meta, inherit); font-size: .76rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.sdb-cause-card__title { margin: 0; color: var(--sdb-mdb-color-text); font-family: var(--sdb-mdb-font-title, var(--sdb-font-heading, inherit)); font-size: var(--sdb-mdb-title-card, var(--sdb-editorial-title-md, 1.35rem)); line-height: 1.14; }
.sdb-cause-card__text { margin: 0; color: var(--sdb-mdb-color-text-soft); line-height: 1.55; }
.sdb-cause-card__meta { display: flex; flex-wrap: wrap; gap: .45rem .7rem; color: var(--sdb-mdb-color-text-soft); font-size: .9rem; }
@media (hover: hover) and (pointer: fine) {
.sdb-cause-card:is(a, [role="link"]):hover,
a.sdb-cause-card:hover,
.sdb-cause-card.is-clickable:hover {
box-shadow: var(--sdb-mdb-card-shadow-hover);
transform: translateY(-1px);
}
}
.sdb-cause-card--featured {
min-height: clamp(360px, 46vw, 560px);
align-items: end;
background: var(--sdb-mdb-hero-bg);
color: #fff;
}
.sdb-cause-card--featured .sdb-cause-card__media { position: absolute; inset: 0; aspect-ratio: auto; z-index: 0; }
.sdb-cause-card--featured .sdb-cause-card__media::after { content: ""; position: absolute; inset: 0; background: var(--sdb-mdb-color-overlay); }
.sdb-cause-card--featured .sdb-cause-card__body { position: relative; z-index: 1; width: min(100%, 760px); padding: clamp(24px, 4vw, 48px); color: #fff; }
.sdb-cause-card--featured .sdb-cause-card__title,
.sdb-cause-card--featured .sdb-cause-card__text,
.sdb-cause-card--featured .sdb-cause-card__meta { color: currentColor; }
.sdb-cause-card--featured .sdb-cause-card__badge { background: rgba(255,255,255,.18); color: #fff; backdrop-filter: blur(8px); }
.sdb-cause-card--compact { grid-template-columns: minmax(104px, 32%) 1fr; align-items: stretch; }
.sdb-cause-card--compact .sdb-cause-card__media { aspect-ratio: auto; min-height: 100%; }
.sdb-cause-card--compact .sdb-cause-card__body { padding: clamp(14px, 2vw, 18px); gap: .72rem; }
.sdb-cause-card--compact .sdb-cause-card__title { font-size: clamp(1rem, 1.2vw, 1.18rem); }
.sdb-cause-card--compact .sdb-cause-card__text { font-size: .92rem; }
.sdb-cause-card--related { box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); }
.sdb-cause-card--related .sdb-cause-card__body { padding: clamp(14px, 2vw, 18px); gap: .65rem; }
.sdb-cause-card--related .sdb-cause-card__title { font-size: clamp(1rem, 1.1vw, 1.14rem); }
.sdb-filter-tabs { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem; padding: .35rem; border: 1px solid var(--sdb-mdb-color-border); border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-mdb-tab-bg); }
.sdb-filter-tabs__item { appearance: none; display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: .48rem .9rem; border: 0; border-radius: var(--sdb-radius-pill, 999px); background: transparent; color: var(--sdb-mdb-tab-text); font-family: var(--sdb-font-body, inherit); font-weight: 700; line-height: 1; text-decoration: none; cursor: pointer; transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease); }
.sdb-filter-tabs__item:hover { background: var(--sdb-mdb-tab-hover-bg); color: var(--sdb-mdb-color-text); }
.sdb-filter-tabs__item:focus-visible { outline: none; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); }
.sdb-filter-tabs__item--active,
.sdb-filter-tabs__item[aria-selected="true"],
.sdb-filter-tabs__item[aria-current="true"] { background: var(--sdb-mdb-tab-active-bg); color: var(--sdb-mdb-tab-active-text); }
.sdb-impact-progress { --sdb-progress-value: var(--sdb-impact-progress-value, 0%); display: grid; gap: .65rem; min-width: 0; }
.sdb-impact-progress__summary { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .35rem .75rem; }
.sdb-impact-progress__value { color: var(--sdb-mdb-metric-value); font-family: var(--sdb-font-heading, inherit); font-size: clamp(1.2rem, 2vw, 1.65rem); font-weight: 800; line-height: 1; }
.sdb-impact-progress__goal,
.sdb-impact-progress__percent { color: var(--sdb-mdb-metric-label); font-family: var(--sdb-font-meta, inherit); font-size: .88rem; font-weight: 700; }
.sdb-impact-progress__track { overflow: hidden; height: var(--sdb-progress-height, 10px); border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-mdb-progress-track); }
.sdb-impact-progress__bar { display: block; width: var(--sdb-progress-value); height: 100%; border-radius: inherit; background: var(--sdb-mdb-progress-fill); transition: width 350ms ease; }
.sdb-meta-box { display: grid; gap: .28rem; padding: .9rem 1rem; border: 1px solid var(--sdb-mdb-color-border); border-radius: var(--sdb-radius-md, 12px); background: var(--sdb-mdb-info-box-bg); min-width: 0; }
.sdb-meta-box__label { color: var(--sdb-mdb-metric-label); font-family: var(--sdb-font-meta, inherit); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-meta-box__value { color: var(--sdb-mdb-color-text); font-size: 1rem; line-height: 1.25; }
.sdb-meta-box-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: var(--sdb-space-sm, .75rem); }
.sdb-related-editorial-card { overflow: hidden; display: grid; grid-template-columns: minmax(96px, 34%) 1fr; gap: 0; min-width: 0; border: 1px solid var(--sdb-mdb-color-border); border-radius: var(--sdb-mdb-card-radius); background: var(--sdb-mdb-color-surface); box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); color: var(--sdb-mdb-color-text); text-decoration: none; }
.sdb-related-editorial-card__media { margin: 0; min-height: 100%; background: var(--sdb-mdb-color-surface-strong); }
.sdb-related-editorial-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sdb-related-editorial-card__body { display: grid; align-content: center; gap: .45rem; padding: clamp(14px, 2vw, 18px); }
.sdb-related-editorial-card__meta { color: var(--sdb-mdb-metric-label); font-family: var(--sdb-font-meta, inherit); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-related-editorial-card__title { margin: 0; color: var(--sdb-mdb-color-text); font-family: var(--sdb-mdb-font-title, var(--sdb-font-heading, inherit)); font-size: clamp(1rem, 1.12vw, 1.18rem); line-height: 1.18; }
@media (hover: hover) and (pointer: fine) {
.sdb-related-editorial-card:is(a):hover,
a.sdb-related-editorial-card:hover { box-shadow: var(--sdb-mdb-card-shadow-hover); transform: translateY(-1px); }
}
@media (max-width: 782px) {
.sdb-cause-card--compact,
.sdb-related-editorial-card { grid-template-columns: 1fr; }
.sdb-cause-card--compact .sdb-cause-card__media,
.sdb-related-editorial-card__media { aspect-ratio: 16 / 9; }
.sdb-filter-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; max-width: 100%; border-radius: var(--sdb-radius-md, 12px); }
.sdb-filter-tabs__item { flex: 0 0 auto; }
} .sdb-pagination__link,
a.sdb-share-action,
.sdb-slider-control--minimal,
.sdb-tabs [role="tab"],
.sdb-action-menu__item,
.sdb-filter-tabs__item,
a.sdb-nav-strip__link,
.sdb-nav__cta,
.sdb-dismiss-button {
min-width: var(--sdb-touch-target-min, 44px);
min-height: var(--sdb-touch-target-min, 44px);
}
.sdb-share-action,
.sdb-slider-control--minimal,
.sdb-dismiss-button {
width: var(--sdb-touch-target-min, 44px);
height: var(--sdb-touch-target-min, 44px);
}
@media (prefers-contrast: more) {
.sdb-card,
.sdb-alert,
.sdb-empty-state,
.sdb-filter-bar,
.sdb-table,
.sdb-admin-card,
.sdb-cta-panel,
.sdb-transparency-panel {
border-color: var(--sdb-color-border-strong, #D8E2EE);
}
.sdb-btn,
.sdb-pagination__link,
.sdb-tabs [role="tab"],
.sdb-action-menu__item,
a.sdb-nav-strip__link {
outline: var(--sdb-focus-ring-width, 2px) solid transparent;
outline-offset: var(--sdb-focus-ring-offset, 2px);
}
.sdb-btn:focus-visible,
.sdb-pagination__link:focus-visible,
.sdb-tabs [role="tab"]:focus-visible,
.sdb-action-menu__item:focus-visible,
a.sdb-nav-strip__link:focus-visible {
outline-color: var(--sdb-color-primary, #0058B7);
box-shadow: 0 0 0 4px rgba(0, 88, 183, .22);
}
.sdb-alert--info,
.sdb-admin-note,
.sdb-origin-chip {
color: var(--sdb-color-info-text, #34348A);
border-color: var(--sdb-color-info, #4B4BB5);
}
} :root {
--sdb-visual-language: minimal-institutional-ui;
--sdb-color-primary-soft: #EAF3FF;
--sdb-color-primary-muted: #D8E9FF;
--sdb-color-primary-border: #BFD8FF;
--sdb-color-background: #F7FAFD;
--sdb-color-surface: #FFFFFF;
--sdb-color-surface-soft: #FAFCFE;
--sdb-color-border: #E8EEF5;
--sdb-color-border-soft: #F0F4F8;
--sdb-color-title: #17212B;
--sdb-color-text: #5F6B7A;
--sdb-color-muted: #94A0AE;
--sdb-color-soft-black: #161E28;
--sdb-shadow-card: 0 6px 18px rgba(20, 35, 50, .035);
--sdb-shadow-card-hover: 0 10px 26px rgba(20, 35, 50, .055);
--sdb-shadow-element: 0 8px 24px rgba(20, 35, 50, .06);
--sdb-shadow-modal: 0 18px 50px rgba(20, 35, 50, .14);
--sdb-radius-sm: 8px;
--sdb-radius-md: 12px;
--sdb-radius-lg: 16px;
--sdb-radius-xl: 20px;
--sdb-ui-page-bg: var(--sdb-color-background);
--sdb-ui-surface: var(--sdb-color-surface);
--sdb-ui-surface-soft: var(--sdb-color-surface-soft);
--sdb-ui-border: var(--sdb-color-border);
--sdb-ui-border-soft: var(--sdb-color-border-soft);
--sdb-ui-shadow-flat: var(--sdb-shadow-card);
--sdb-ui-shadow-floating: var(--sdb-shadow-modal);
--sdb-ui-active-bg: var(--sdb-color-primary-soft);
--sdb-ui-active-text: var(--sdb-color-primary);
--sdb-ui-control-height: 40px;
--sdb-ui-control-radius: 10px;
--sdb-ui-card-radius: 16px;
--sdb-ui-card-padding: 18px;
--sdb-ui-grid-gap: 16px;
--sdb-admin-title-size: clamp(23px, 1.8vw, 30px);
--sdb-admin-section-title-size: 19px;
--sdb-admin-card-title-size: 15px;
--sdb-admin-body-size: 14px;
--sdb-admin-meta-size: 12px;
} :root {
--sdb-visual-language: sdb-next-minimal-institutional;
--sdb-blue-50: #EFF6FF;
--sdb-blue-100: #DBE9FE;
--sdb-blue-200: #BBD3FB;
--sdb-blue-300: #84B0F6;
--sdb-blue-400: #4A86EC;
--sdb-blue-500: #1E72D0;
--sdb-blue-600: #0058B7;
--sdb-blue-700: #00468F;
--sdb-blue-800: #073A72;
--sdb-blue-900: #0C2F58;
--sdb-sky-50: #EBF8FD;
--sdb-sky-100: #DEF3FB;
--sdb-sky-300: #7FD3F0;
--sdb-sky-500: #009BD8;
--sdb-sky-600: #0082B8;
--sdb-ink: #16233B;
--sdb-text: #51606F;
--sdb-muted: #8895A4;
--sdb-border: #E7EEF5;
--sdb-border-strong: #D6E0EB;
--sdb-surface: #FFFFFF;
--sdb-surface-2: #F8FAFC;
--sdb-background: #F4F7FB;
--sdb-on-image: #FFFFFF;
--sdb-success: #16A34A;
--sdb-success-bg: #E7F6ED;
--sdb-success-text: #0F7A37;
--sdb-warning: #F59E0B;
--sdb-warning-bg: #FEF4E2;
--sdb-warning-text: #B5740A;
--sdb-danger: #F14545;
--sdb-danger-bg: #FDECEC;
--sdb-danger-text: #C92C2C;
--sdb-info: #009BD8;
--sdb-info-bg: #E2F4FB;
--sdb-info-text: #0A7AA8;
--sdb-acc-blue: #3863C6;
--sdb-acc-sky: #2BB7E3;
--sdb-acc-violet: #6C5CE7;
--sdb-acc-amber: #F59E0B;
--sdb-acc-green: #16A34A;
--sdb-acc-coral: #F1645A;
--sdb-color-primary: var(--sdb-blue-600);
--sdb-color-secondary: var(--sdb-sky-500);
--sdb-color-title: var(--sdb-ink);
--sdb-color-text: var(--sdb-text);
--sdb-color-muted: var(--sdb-muted);
--sdb-color-border: var(--sdb-border);
--sdb-color-border-strong: var(--sdb-border-strong);
--sdb-color-surface: var(--sdb-surface);
--sdb-color-background: var(--sdb-background);
--sdb-color-primary-soft: var(--sdb-blue-50);
--sdb-color-primary-muted: var(--sdb-blue-100);
--sdb-color-primary-border: var(--sdb-blue-200);
--sdb-text-display: clamp(2.6rem, 4.2vw, 3.6rem);
--sdb-text-h1: clamp(1.9rem, 2.65vw, 2.35rem);
--sdb-text-h2: 1.625rem;
--sdb-text-h3: 1.25rem;
--sdb-text-h4: 1.0625rem;
--sdb-text-lg: 1.0625rem;
--sdb-text-base: 0.9375rem;
--sdb-text-sm: 0.8125rem;
--sdb-text-xs: 0.75rem;
--sdb-text-overline: 0.6875rem;
--sdb-leading-tight: 1.15;
--sdb-leading-snug: 1.35;
--sdb-leading-body: 1.65;
--sdb-tracking-overline: 0.12em;
--sdb-control-height: 44px;
--sdb-control-height-sm: 36px;
--sdb-control-height-md: 44px;
--sdb-control-height-lg: 52px;
--sdb-card-padding: 1.25rem;
--sdb-radius-sm: 8px;
--sdb-radius-md: 12px;
--sdb-radius-lg: 16px;
--sdb-radius-xl: 20px;
--sdb-radius-pill: 999px;
--sdb-shadow-xs: 0 1px 2px rgba(16, 40, 70, .06);
--sdb-shadow-sm: 0 4px 14px rgba(16, 40, 70, .06);
--sdb-shadow-md: 0 12px 30px rgba(19, 39, 61, .08);
--sdb-shadow-lg: 0 24px 60px rgba(19, 39, 61, .12);
--sdb-shadow-focus: 0 0 0 4px rgba(0, 88, 183, .16);
--sdb-shadow-card: var(--sdb-shadow-sm);
--sdb-shadow-card-hover: 0 10px 26px rgba(20, 35, 50, .055);
--sdb-shadow-modal: var(--sdb-shadow-lg);
--sdb-ease: cubic-bezier(.22, .61, .36, 1);
--sdb-dur: 180ms;
--sdb-next-page-bg: var(--sdb-background);
--sdb-next-surface: var(--sdb-surface);
--sdb-next-surface-muted: var(--sdb-surface-2);
--sdb-next-border: var(--sdb-border);
--sdb-next-border-strong: var(--sdb-border-strong);
--sdb-next-control-height: var(--sdb-control-height);
--sdb-next-control-radius: var(--sdb-radius-md);
--sdb-next-card-radius: var(--sdb-radius-lg);
--sdb-next-card-shadow: var(--sdb-shadow-sm);
--sdb-next-card-shadow-hover: var(--sdb-shadow-md);
}
.sdb-overline,
.sdb-next-overline {
font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif);
font-size: var(--sdb-text-overline);
font-weight: 700;
letter-spacing: var(--sdb-tracking-overline);
text-transform: uppercase;
color: var(--sdb-blue-600);
}
.sdb-btn {
--_bg: var(--sdb-blue-600);
--_fg: #fff;
--_bd: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5rem;
min-height: var(--sdb-control-height);
padding: 0 1.15rem;
border: 1px solid var(--_bd);
border-radius: var(--sdb-radius-md);
background: var(--_bg);
color: var(--_fg);
font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif);
font-size: var(--sdb-text-base);
font-weight: 650;
line-height: 1;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
box-shadow: none;
transition: transform var(--sdb-dur) var(--sdb-ease), box-shadow var(--sdb-dur) var(--sdb-ease), background-color var(--sdb-dur) var(--sdb-ease), border-color var(--sdb-dur) var(--sdb-ease), color var(--sdb-dur) var(--sdb-ease);
}
.sdb-btn:hover { box-shadow: var(--sdb-shadow-sm); }
.sdb-btn:active { transform: translateY(1px); }
.sdb-btn:focus-visible { outline: 0; box-shadow: var(--sdb-shadow-focus); }
.sdb-btn--primary { --_bg: var(--sdb-blue-600); --_fg: #fff; }
.sdb-btn--secondary,
.sdb-btn--subtle { --_bg: var(--sdb-blue-50); --_fg: var(--sdb-blue-700); --_bd: var(--sdb-blue-100); }
.sdb-btn--outline { --_bg: #fff; --_fg: var(--sdb-ink); --_bd: var(--sdb-border-strong); }
.sdb-btn--ghost { --_bg: transparent; --_fg: var(--sdb-text); --_bd: transparent; }
.sdb-btn--danger { --_bg: var(--sdb-danger); --_fg: #fff; }
.sdb-btn--success { --_bg: var(--sdb-success); --_fg: #fff; }
.sdb-btn--sm { min-height: var(--sdb-control-height-sm); padding-inline: .875rem; font-size: var(--sdb-text-sm); border-radius: var(--sdb-radius-sm); }
.sdb-btn--lg { min-height: var(--sdb-control-height-lg); padding-inline: 1.65rem; font-size: var(--sdb-text-lg); }
.sdb-btn--icon { width: var(--sdb-control-height); padding: 0; }
.sdb-btn[disabled],
.sdb-btn[aria-disabled="true"] { opacity: .5; pointer-events: none; }
.sdb-field { display: flex; flex-direction: column; gap: .4rem; }
.sdb-label { font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-sm); font-weight: 650; color: var(--sdb-ink); }
.sdb-label .req { color: var(--sdb-danger); }
.sdb-hint { font-size: var(--sdb-text-xs); color: var(--sdb-muted); }
.sdb-error-text { display: flex; align-items: center; gap: 4px; font-size: var(--sdb-text-xs); color: var(--sdb-danger-text); }
.sdb-input,
.sdb-select,
.sdb-textarea {
width: 100%;
min-height: var(--sdb-control-height);
padding: 0 .875rem;
border: 1px solid var(--sdb-border-strong);
border-radius: var(--sdb-radius-md);
background: var(--sdb-surface);
color: var(--sdb-ink);
font-family: var(--sdb-font-body, Archivo, Arial, sans-serif);
font-size: var(--sdb-text-base);
box-shadow: none;
transition: border-color var(--sdb-dur) var(--sdb-ease), box-shadow var(--sdb-dur) var(--sdb-ease), background-color var(--sdb-dur) var(--sdb-ease);
}
.sdb-textarea { min-height: 96px; padding-block: .75rem; line-height: 1.5; resize: vertical; }
.sdb-input::placeholder,
.sdb-textarea::placeholder { color: var(--sdb-muted); }
.sdb-input:focus,
.sdb-select:focus,
.sdb-textarea:focus { outline: 0; border-color: var(--sdb-blue-500); box-shadow: var(--sdb-shadow-focus); }
.sdb-field--error .sdb-input,
.sdb-field--error .sdb-select,
.sdb-field--error .sdb-textarea { border-color: var(--sdb-danger); box-shadow: 0 0 0 4px rgba(241, 69, 69, .12); }
.sdb-select { appearance: none; padding-right: 2.5rem; background-image: linear-gradient(45deg, transparent 50%, var(--sdb-muted) 50%), linear-gradient(135deg, var(--sdb-muted) 50%, transparent 50%); background-position: calc(100% - 18px) 52%, calc(100% - 12px) 52%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; }
.sdb-input-group { position: relative; display: flex; align-items: center; }
.sdb-input-group .sdb-input { padding-left: 2.6rem; }
.sdb-input-icon { position: absolute; left: .875rem; color: var(--sdb-muted); display: inline-flex; }
.sdb-radio-row { display: flex; gap: .5rem; }
.sdb-radio { display: flex; align-items: center; gap: .5rem; min-height: var(--sdb-control-height); padding: 0 1rem; border: 1px solid var(--sdb-border-strong); border-radius: var(--sdb-radius-md); background: var(--sdb-surface); color: var(--sdb-ink); font-size: var(--sdb-text-base); cursor: pointer; }
.sdb-radio--active { border-color: var(--sdb-blue-500); background: var(--sdb-blue-50); }
.sdb-toggle { position: relative; flex: none; width: 42px; height: 24px; border-radius: var(--sdb-radius-pill); background: var(--sdb-border-strong); cursor: pointer; transition: background-color var(--sdb-dur) var(--sdb-ease); }
.sdb-toggle::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: var(--sdb-shadow-xs); transition: transform var(--sdb-dur) var(--sdb-ease); }
.sdb-toggle--on { background: var(--sdb-blue-600); }
.sdb-toggle--on::after { transform: translateX(18px); }
.sdb-badge,
.sdb-tag {
display: inline-flex;
align-items: center;
gap: .375rem;
border-radius: var(--sdb-radius-pill);
font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif);
font-size: var(--sdb-text-xs);
font-weight: 650;
line-height: 1.4;
white-space: nowrap;
}
.sdb-badge { padding: .25rem .625rem; background: var(--sdb-surface-2); color: var(--sdb-text); }
.sdb-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.sdb-badge--success { background: var(--sdb-success-bg); color: var(--sdb-success-text); }
.sdb-badge--warning { background: var(--sdb-warning-bg); color: var(--sdb-warning-text); }
.sdb-badge--danger { background: var(--sdb-danger-bg); color: var(--sdb-danger-text); }
.sdb-badge--info { background: var(--sdb-info-bg); color: var(--sdb-info-text); }
.sdb-badge--primary { background: var(--sdb-blue-50); color: var(--sdb-blue-700); }
.sdb-badge--neutral { background: var(--sdb-surface-2); color: var(--sdb-text); }
.sdb-tag { padding: .25rem .625rem; border: 1px solid var(--sdb-blue-100); background: var(--sdb-blue-50); color: var(--sdb-blue-700); }
.sdb-card {
background: var(--sdb-surface);
border: 1px solid var(--sdb-border);
border-radius: var(--sdb-radius-lg);
padding: var(--sdb-card-padding);
box-shadow: var(--sdb-shadow-sm);
}
.sdb-card--flat { box-shadow: none; }
.sdb-kpi { display: flex; flex-direction: column; gap: .875rem; }
.sdb-kpi-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.sdb-kpi-ico { width: 42px; height: 42px; border-radius: var(--sdb-radius-md); display: grid; place-items: center; background: var(--sdb-blue-50); color: var(--sdb-blue-600); }
.sdb-kpi-label { color: var(--sdb-muted); font-size: var(--sdb-text-sm); font-weight: 500; }
.sdb-kpi-value { color: var(--sdb-ink); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: 2rem; font-weight: 700; line-height: 1; }
.sdb-kpi-delta { display: inline-flex; align-items: center; gap: 3px; font-size: var(--sdb-text-xs); font-weight: 650; }
.sdb-kpi-delta--up { color: var(--sdb-success-text); }
.sdb-kpi-delta--down { color: var(--sdb-danger-text); }
.sdb-table-wrap { overflow: hidden; background: var(--sdb-surface); border: 1px solid var(--sdb-border); border-radius: var(--sdb-radius-lg); }
.sdb-table { width: 100%; border-collapse: collapse; font-size: var(--sdb-text-sm); }
.sdb-table thead th { padding: .875rem 1.25rem; border-bottom: 1px solid var(--sdb-border); background: var(--sdb-surface-2); color: var(--sdb-muted); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-xs); font-weight: 650; text-align: left; white-space: nowrap; }
.sdb-table tbody td { padding: .875rem 1.25rem; border-bottom: 1px solid var(--sdb-border); color: var(--sdb-text); vertical-align: middle; }
.sdb-table tbody tr:last-child td { border-bottom: 0; }
.sdb-table tbody tr:hover { background: var(--sdb-blue-50); }
.sdb-cell-strong { color: var(--sdb-ink); font-weight: 650; }
.sdb-cell-user { display: flex; align-items: center; gap: .625rem; }
.sdb-pagination { display: flex; align-items: center; gap: .25rem; }
.sdb-page { display: grid; place-items: center; min-width: 34px; height: 34px; padding: 0 .5rem; border: 1px solid transparent; border-radius: var(--sdb-radius-sm); background: transparent; color: var(--sdb-text); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-sm); font-weight: 500; cursor: pointer; }
.sdb-page:hover { background: var(--sdb-surface-2); }
.sdb-page--active { background: var(--sdb-blue-600); color: #fff; }
.sdb-sidebar { width: 248px; background: var(--sdb-surface); border-right: 1px solid var(--sdb-border); display: flex; flex-direction: column; flex: none; }
.sdb-side-group { padding: .5rem .75rem; }
.sdb-side-group-label { padding: .75rem .75rem .4rem; color: var(--sdb-muted); font-size: var(--sdb-text-overline); font-weight: 700; letter-spacing: var(--sdb-tracking-overline); text-transform: uppercase; }
.sdb-nav-item { display: flex; align-items: center; gap: .75rem; padding: .6rem .75rem; border-radius: var(--sdb-radius-md); color: var(--sdb-text); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-base); font-weight: 500; cursor: pointer; text-decoration: none; transition: background-color var(--sdb-dur) var(--sdb-ease), color var(--sdb-dur) var(--sdb-ease); }
.sdb-nav-item:hover { background: var(--sdb-surface-2); color: var(--sdb-ink); }
.sdb-nav-item--active { background: var(--sdb-blue-50); color: var(--sdb-blue-700); font-weight: 650; }
.sdb-tabs { display: flex; gap: 1.5rem; border-bottom: 1px solid var(--sdb-border); }
.sdb-tab { position: relative; padding: .75rem 0; border: 0; background: none; color: var(--sdb-muted); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-base); font-weight: 650; cursor: pointer; }
.sdb-tab--active { color: var(--sdb-blue-700); }
.sdb-tab--active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2.5px; border-radius: 2px; background: var(--sdb-blue-600); }
.sdb-search { display: flex; align-items: center; gap: .5rem; height: 40px; padding: 0 .875rem; border: 1px solid var(--sdb-border); border-radius: var(--sdb-radius-md); background: var(--sdb-surface-2); color: var(--sdb-muted); }
.sdb-search__input { width: 100%; border: 0; background: transparent; outline: 0; color: var(--sdb-ink); font-family: var(--sdb-font-body, Archivo, Arial, sans-serif); font-size: var(--sdb-text-sm); }
.sdb-iconbtn { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--sdb-border); border-radius: var(--sdb-radius-md); background: var(--sdb-surface); color: var(--sdb-text); cursor: pointer; }
.sdb-iconbtn:hover { background: var(--sdb-surface-2); }
.sdb-modal-overlay { position: absolute; inset: 0; background: rgba(16, 40, 70, .35); backdrop-filter: blur(2px); }
.sdb-modal { width: 440px; max-width: 100%; overflow: hidden; border-radius: var(--sdb-radius-xl); background: var(--sdb-surface); box-shadow: var(--sdb-shadow-lg); }
.sdb-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; }
.sdb-modal-title { color: var(--sdb-ink); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-h4); font-weight: 700; }
.sdb-modal-body { display: flex; flex-direction: column; gap: 1rem; padding: 0 1.5rem 1.25rem; }
.sdb-modal-foot { display: flex; align-items: center; justify-content: flex-end; gap: .75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--sdb-border); }
.sdb-stepper { display: flex; align-items: center; padding: 0 1.5rem 1.25rem; }
.sdb-step { display: flex; flex: none; flex-direction: column; align-items: center; gap: .4rem; text-align: center; }
.sdb-step-dot { width: 38px; height: 38px; border: 1.5px solid var(--sdb-border-strong); border-radius: 50%; display: grid; place-items: center; background: var(--sdb-surface-2); color: var(--sdb-muted); }
.sdb-step-name { color: var(--sdb-muted); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-sm); font-weight: 500; }
.sdb-step-num { color: var(--sdb-muted); font-size: var(--sdb-text-overline); font-weight: 700; letter-spacing: var(--sdb-tracking-overline); text-transform: uppercase; }
.sdb-step-line { flex: 1; align-self: flex-start; height: 2px; margin: 18px .5rem 0; border-radius: 2px; background: var(--sdb-border-strong); }
.sdb-step--active .sdb-step-dot { border-color: var(--sdb-blue-600); background: var(--sdb-blue-50); color: var(--sdb-blue-600); box-shadow: var(--sdb-shadow-focus); }
.sdb-step--active .sdb-step-name { color: var(--sdb-ink); font-weight: 650; }
.sdb-step--done .sdb-step-dot { border-color: var(--sdb-success); background: var(--sdb-success); color: #fff; }
.sdb-step-line--done { background: var(--sdb-success); }
.sdb-bars { display: flex; align-items: flex-end; gap: .75rem; height: 180px; }
.sdb-bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: .5rem; height: 100%; }
.sdb-bar { width: 60%; max-width: 34px; border-radius: 8px 8px 4px 4px; background: var(--sdb-blue-100); }
.sdb-bar--active { background: linear-gradient(180deg, var(--sdb-blue-500), var(--sdb-blue-600)); box-shadow: var(--sdb-shadow-md); }
.sdb-bar-label { color: var(--sdb-muted); font-size: var(--sdb-text-xs); }
.sdb-progress-bar-track { height: 10px; overflow: hidden; border-radius: var(--sdb-radius-pill); background: var(--sdb-blue-50); }
.sdb-progress-bar-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sdb-blue-500), var(--sdb-sky-500)); }
.sdb-week { display: flex; gap: .4rem; }
.sdb-day { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: .5rem 0; border-radius: var(--sdb-radius-md); cursor: pointer; }
.sdb-day .dow { color: var(--sdb-muted); font-size: var(--sdb-text-xs); }
.sdb-day .dom { color: var(--sdb-ink); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-weight: 650; }
.sdb-day--active { background: var(--sdb-blue-600); }
.sdb-day--active .dow,
.sdb-day--active .dom { color: #fff; }
.sdb-agenda-item { display: flex; gap: .75rem; padding: .75rem; border-radius: var(--sdb-radius-md); }
.sdb-agenda-item .bar { width: 3px; border-radius: 3px; flex: none; }
.sdb-agenda-item--green { background: var(--sdb-success-bg); }
.sdb-agenda-item--green .bar { background: var(--sdb-success); }
.sdb-agenda-item--amber { background: var(--sdb-warning-bg); }
.sdb-agenda-item--amber .bar { background: var(--sdb-warning); }
.sdb-agenda-item--blue { background: var(--sdb-blue-50); }
.sdb-agenda-item--blue .bar { background: var(--sdb-blue-600); }
.sdb-flex { display: flex; }
.sdb-items-center { align-items: center; }
.sdb-justify-between { justify-content: space-between; }
.sdb-wrap { flex-wrap: wrap; }
.sdb-grid { display: grid; }
.sdb-gap-1 { gap: .25rem; }
.sdb-gap-2 { gap: .5rem; }
.sdb-gap-3 { gap: .75rem; }
.sdb-gap-4 { gap: 1rem; }
.sdb-gap-6 { gap: 1.5rem; }
.sdb-divider { height: 1px; margin: 0; border: 0; background: var(--sdb-border); }  .sdb-admin-icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: var(--sdb-admin-control-height, 36px);
block-size: var(--sdb-admin-control-height, 36px);
padding: 0;
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border));
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-admin-surface, #fff);
color: var(--sdb-admin-text, var(--sdb-color-title));
cursor: pointer;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.sdb-admin-icon-button:hover {
background: var(--sdb-admin-surface-muted, var(--sdb-color-background));
border-color: var(--sdb-admin-border-strong, var(--sdb-color-border));
}
.sdb-admin-icon-button:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
}
.sdb-admin-icon-button[disabled],
.sdb-admin-icon-button[aria-disabled="true"] {
opacity: var(--sdb-state-disabled-opacity, 0.56);
pointer-events: none;
}
.sdb-admin-icon-button .sdb-icon { inline-size: 1.15em; block-size: 1.15em; }
.sdb-admin-icon-button--sm { inline-size: 30px; block-size: 30px; }
.sdb-admin-icon-button--ghost { border-color: transparent; background: transparent; }
.sdb-admin-icon-button--danger { color: var(--sdb-color-error, #c53030); }
.sdb-admin-icon-button--danger:hover { background: var(--sdb-color-error-bg, #fdecec); border-color: var(--sdb-color-error, #c53030); } .sdb-admin-search-control {
display: inline-flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
inline-size: 100%;
max-inline-size: var(--sdb-admin-search-width, 320px);
min-block-size: var(--sdb-admin-control-height, 36px);
padding-inline: var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border));
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-search-control:focus-within {
border-color: var(--sdb-admin-primary, var(--sdb-color-primary));
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
}
.sdb-admin-search-control__icon { color: var(--sdb-admin-text-muted, var(--sdb-color-muted)); flex: 0 0 auto; }
.sdb-admin-search-control__input {
flex: 1 1 auto;
min-inline-size: 0;
border: 0;
background: transparent;
color: var(--sdb-admin-text, var(--sdb-color-title));
font: inherit;
}
.sdb-admin-search-control__input:focus { outline: none; }
.sdb-admin-search-control__clear { flex: 0 0 auto; border: 0; background: transparent; color: var(--sdb-admin-text-muted, var(--sdb-color-muted)); cursor: pointer; } .sdb-admin-chart-card {
display: flex;
flex-direction: column;
gap: var(--sdb-space-3, 12px);
padding: var(--sdb-admin-dashboard-card-padding, var(--sdb-space-4, 16px));
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border));
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-chart-card__header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--sdb-space-3, 12px);
}
.sdb-admin-chart-card__title {
margin: 0;
font-family: var(--sdb-font-heading, inherit);
font-size: var(--sdb-admin-card-title-size, 16px);
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-admin-heading, var(--sdb-color-title));
}
.sdb-admin-chart-card__meta { font-size: var(--sdb-admin-meta-size, 12px); color: var(--sdb-admin-text-muted, var(--sdb-color-muted)); } .sdb-admin-chart-card__fallback {
margin: 0;
font-size: var(--sdb-admin-meta-size, 12px);
color: var(--sdb-admin-text-muted, var(--sdb-color-muted));
} .sdb-admin-error-state {
display: grid;
justify-items: center;
gap: var(--sdb-space-3, 12px);
padding: var(--sdb-space-8, 32px);
border: 1px solid var(--sdb-color-error, #c53030);
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-color-error-bg, #fdecec);
color: var(--sdb-color-error-text, #7f1d1d);
text-align: center;
}
.sdb-admin-error-state__title { margin: 0; font-family: var(--sdb-font-heading, inherit); font-weight: var(--sdb-font-weight-semibold, 600); }
.sdb-admin-error-state__actions { display: flex; flex-wrap: wrap; gap: var(--sdb-space-2, 8px); justify-content: center; } .sdb-admin-fullscreen-layout {
display: grid;
grid-template-rows: auto minmax(0, 1fr);
block-size: min(100vh, var(--sdb-admin-fullscreen-height, 100vh));
background: var(--sdb-admin-bg, var(--sdb-color-background));
}
.sdb-admin-fullscreen-layout__bar {
display: flex;
align-items: center;
gap: var(--sdb-space-3, 12px);
padding: var(--sdb-space-3, 12px) var(--sdb-space-4, 16px);
border-block-end: 1px solid var(--sdb-admin-border, var(--sdb-color-border));
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-fullscreen-layout__canvas {
min-block-size: 0;
overflow: auto;
padding: var(--sdb-space-4, 16px);
} .sdb-confirm-dialog { max-inline-size: var(--sdb-modal-width-sm, 420px); }
.sdb-confirm-dialog__title { margin: 0 0 var(--sdb-space-2, 8px); font-family: var(--sdb-font-heading, inherit); font-weight: var(--sdb-font-weight-semibold, 600); color: var(--sdb-color-title); }
.sdb-confirm-dialog__body { margin: 0 0 var(--sdb-space-4, 16px); color: var(--sdb-color-text); }
.sdb-confirm-dialog__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--sdb-space-2, 8px); }
.sdb-confirm-dialog--danger .sdb-confirm-dialog__title { color: var(--sdb-color-error, #c53030); }
:where(.sdb-design-system-ready) { --sdb-asset-domain-core-loaded: 1; }:where(.sdb-u-asset-domain-debug) { outline: 1px dashed var(--sdb-color-outline, #d9e2ec); }:where(.sdb-form,.sdb-registration-form,.sdb-consent-block,.sdb-choice-group) { --sdb-asset-domain-forms-loaded: 1; }:where(.sdb-alert,.sdb-modal,.sdb-toast,.sdb-tooltip,.sdb-loading-state) { --sdb-asset-domain-feedback-loaded: 1; }:where(.sdb-editorial-grid,.sdb-editorial-card,.sdb-editorial-panel) { --sdb-asset-domain-editorial-loaded: 1; } :root {
--sdb-editorial-title-xs: clamp(0.94rem, 0.78rem + 0.22vw, 1.02rem);
--sdb-editorial-title-sm: clamp(1.02rem, 0.92rem + 0.38vw, 1.18rem);
--sdb-editorial-title-md: clamp(1.18rem, 1.04rem + 0.58vw, 1.42rem);
--sdb-editorial-title-lg: clamp(1.52rem, 1.22rem + 1.05vw, 2.05rem);
--sdb-editorial-card-title-size: var(--sdb-editorial-title-sm);
--sdb-editorial-card-title-line-height: 1.22;
--sdb-editorial-card-title-weight: var(--sdb-font-weight-bold, 700);
--sdb-editorial-feature-title-size: var(--sdb-editorial-title-lg);
--sdb-editorial-feature-title-line-height: 1.12;
--sdb-editorial-compact-title-size: var(--sdb-editorial-title-xs);
--sdb-editorial-compact-title-line-height: 1.28;
--sdb-editorial-gap-xs: 0.45rem;
--sdb-editorial-gap-sm: 0.75rem;
--sdb-editorial-gap-md: 1rem;
--sdb-editorial-gap-lg: 1.5rem;
--sdb-editorial-card-padding-sm: 0.85rem;
--sdb-editorial-card-padding-md: 1.15rem;
--sdb-editorial-list-gap: var(--sdb-editorial-gap-md);
--sdb-editorial-compact-list-gap: var(--sdb-editorial-gap-sm);
--sdb-editorial-adapter-gap: inherit;
--sdb-editorial-adapter-padding: inherit;
--sdb-editorial-adapter-radius: inherit;
--sdb-editorial-adapter-shadow: none;
--sdb-tag-on-image-bg: rgba(0, 0, 0, .36);
--sdb-tag-on-image-color: var(--sdb-color-on-image, #fff);
--sdb-tag-on-image-padding-y: .44em;
--sdb-tag-on-image-padding-x: .7em;
--sdb-tag-on-image-font-size: .72rem;
--sdb-tag-on-image-letter-spacing: .06em;
--sdb-density-editorial-compact-gap: var(--sdb-editorial-gap-sm);
--sdb-density-editorial-comfortable-gap: var(--sdb-editorial-gap-md);
--sdb-density-editorial-relaxed-gap: var(--sdb-editorial-gap-lg);
}
.sdb-editorial-card--adapter,
.sdb-editorial-card--neutral,
.sdb-editorial-card--inherit-layout {
background: var(--sdb-editorial-adapter-bg, inherit);
border: var(--sdb-editorial-adapter-border, 0);
border-radius: var(--sdb-editorial-adapter-radius, inherit);
box-shadow: var(--sdb-editorial-adapter-shadow, none);
overflow: visible;
color: inherit;
}
.sdb-editorial-card--adapter > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-editorial-card--neutral > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-editorial-card--inherit-layout > :where(.sdb-editorial-card__inner, .sdb-editorial-content) {
padding: var(--sdb-editorial-adapter-padding, inherit);
}
.sdb-editorial-card--adapter :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md),
.sdb-editorial-card--neutral :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md),
.sdb-editorial-card--inherit-layout :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md) {
font-size: var(--sdb-editorial-card-title-size, inherit);
line-height: var(--sdb-editorial-card-title-line-height, inherit);
font-weight: var(--sdb-editorial-card-title-weight, inherit);
}
.sdb-editorial-grid--adapter,
.sdb-editorial-grid--inherit-layout,
.sdb-editorial-compact-list--adapter,
.sdb-editorial-topic-block--adapter,
.sdb-editorial-slider--adapter {
gap: var(--sdb-editorial-adapter-gap, inherit);
}
.sdb-editorial-grid--adapter,
.sdb-editorial-grid--inherit-layout,
.sdb-editorial-slider--adapter {
display: inherit;
grid-template-columns: inherit;
align-items: inherit;
}
.sdb-editorial-slider--adapter {
min-height: 0;
height: auto;
width: auto;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
overflow: visible;
}
.sdb-editorial-card--compact,
.sdb-density-compact .sdb-editorial-card:not(.sdb-editorial-card--adapter):not(.sdb-editorial-card--inherit-layout) {
--sdb-editorial-card-title-size: var(--sdb-editorial-compact-title-size);
--sdb-editorial-card-title-line-height: var(--sdb-editorial-compact-title-line-height);
}
.sdb-editorial-card--compact > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-density-compact .sdb-editorial-card > :where(.sdb-editorial-card__inner, .sdb-editorial-content) {
padding: var(--sdb-editorial-card-padding-sm);
}
.sdb-density-compact :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-compact-gap); }
.sdb-density-comfortable :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-comfortable-gap); }
.sdb-density-relaxed :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-relaxed-gap); }
.sdb-editorial-card--comfortable > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: var(--sdb-editorial-card-padding-md); }
.sdb-editorial-card--relaxed > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: clamp(1.25rem, 2vw, 1.85rem); }
.sdb-editorial-link {
display: inline-flex;
align-items: center;
gap: .35em;
color: var(--sdb-editorial-link-color, var(--sdb-color-primary));
font-family: inherit;
font-size: inherit;
font-weight: var(--sdb-editorial-link-weight, var(--sdb-font-weight-semibold, 600));
letter-spacing: inherit;
line-height: inherit;
text-decoration: none;
text-transform: none;
}
.sdb-editorial-link::after { content: none; }
.sdb-editorial-link--arrow::after,
.sdb-editorial-link--with-arrow::after {
content: "→";
display: inline-block;
margin-left: .25em;
transition: transform var(--sdb-transition-fast, 160ms) ease;
}
.sdb-editorial-link--arrow:hover::after,
.sdb-editorial-link--with-arrow:hover::after { transform: translateX(3px); }
.sdb-editorial-link--plain::after { content: none; }
.sdb-editorial-link--underline { text-decoration: underline; text-underline-offset: .22em; }
.sdb-tag-on-image {
padding: var(--sdb-tag-on-image-padding-y) var(--sdb-tag-on-image-padding-x);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-tag-on-image-bg);
color: var(--sdb-tag-on-image-color);
font-size: var(--sdb-tag-on-image-font-size);
letter-spacing: var(--sdb-tag-on-image-letter-spacing);
}
.sdb-tag-on-image--compact {
--sdb-tag-on-image-padding-y: .28em;
--sdb-tag-on-image-padding-x: .52em;
--sdb-tag-on-image-font-size: .68rem;
box-shadow: none;
backdrop-filter: none;
}
.sdb-tag-on-image--adapter {
padding: var(--sdb-tag-on-image-adapter-padding, inherit);
background: var(--sdb-tag-on-image-bg, inherit);
color: var(--sdb-tag-on-image-color, inherit);
border: var(--sdb-tag-on-image-adapter-border, 0);
border-radius: var(--sdb-tag-on-image-adapter-radius, inherit);
box-shadow: none;
backdrop-filter: none;
text-transform: inherit;
letter-spacing: inherit;
}
.sdb-editorial-card--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image),
.sdb-editorial-grid--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image),
.sdb-editorial-slider--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image) {
max-width: 100%;
}:where(.sdb-document-list,.sdb-data-list--documents) { --sdb-asset-domain-documents-loaded: 1; }:root {
--sdb-admin-primary: #0058B7;
--sdb-admin-secondary: #009BD8;
--sdb-admin-title: #364048;
--sdb-admin-text: #6B7785;
--sdb-admin-border: #EEF3F8;
--sdb-admin-bg: #F5F8FB;
--sdb-admin-radius: 10px;
--sdb-touch-target-min: 44px;
--sdb-color-info: #4B4BB5;
--sdb-color-info-text: #34348A;
--sdb-color-info-border: rgba(75, 75, 181, .30);
--sdb-color-success: #2F8F4E;
--sdb-color-success-bg: #E9F6EE;
--sdb-color-success-text: #1E5F34;
--sdb-color-border-strong: #D8E2EE;
}
.sdb-admin-page {
max-width: 1180px;
margin: 24px 20px 40px 0;
}
.sdb-admin-header {
padding: 24px;
margin-bottom: 20px;
background: #fff;
border: 1px solid var(--sdb-admin-border);
border-radius: 14px;
box-shadow: 0 5px 5px rgba(143, 155, 164, .05);
}
.sdb-admin-header h1 {
margin: 0 0 8px;
color: var(--sdb-admin-title);
font-weight: 700;
}
.sdb-admin-header p {
margin: 0;
color: var(--sdb-admin-text);
font-size: 15px;
}
.sdb-admin-card {
padding: 22px;
margin-bottom: 20px;
background: #fff;
border: 1px solid var(--sdb-admin-border);
border-radius: 14px;
box-shadow: 0 5px 5px rgba(143, 155, 164, .05);
}
.sdb-admin-card h2 {
margin-top: 0;
color: var(--sdb-admin-title);
}
.sdb-admin-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
@media (max-width: 782px) {
.sdb-admin-grid { grid-template-columns: 1fr; }
}
.sdb-admin-badge {
display: inline-flex;
align-items: center;
min-height: 26px;
padding: 4px 10px;
border-radius: 999px;
background: #E4F5FF;
color: #0058B7;
font-size: 12px;
font-weight: 700;
} .sdb-admin-page,
.sdb-admin-page * {
box-sizing: border-box;
}
.sdb-admin-page .sdb-admin-eyebrow {
display: inline-flex;
align-items: center;
min-height: 26px;
padding: 4px 10px;
margin: 0 0 14px;
border-radius: 999px;
background: #E4F5FF;
color: #0058B7;
font-size: 12px;
font-weight: 700;
}
.sdb-admin-section {
margin: 20px 0;
}
.sdb-admin-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
margin-top: 18px;
}
.sdb-admin-card--compact {
padding: 16px 18px;
margin-bottom: 14px;
}
.sdb-admin-card--compact h2,
.sdb-admin-card--compact h3 {
margin-bottom: 6px;
}
.sdb-admin-page input[type="text"],
.sdb-admin-page input[type="search"],
.sdb-admin-page input[type="email"],
.sdb-admin-page input[type="url"],
.sdb-admin-page input[type="number"],
.sdb-admin-page select,
.sdb-admin-page textarea {
border-color: #D6E0EA;
border-radius: 10px;
min-height: 38px;
}
.sdb-admin-page textarea.sdb-admin-textarea--single-line {
min-height: 38px;
height: 38px;
resize: vertical;
}
.sdb-admin-page input:focus,
.sdb-admin-page select:focus,
.sdb-admin-page textarea:focus {
border-color: var(--sdb-admin-primary);
box-shadow: 0 0 0 1px var(--sdb-admin-primary), 0 0 0 4px rgba(0, 155, 216, .14);
outline: none;
}
.sdb-admin-kpi {
display: inline-flex;
flex-direction: column;
justify-content: center;
min-width: 150px;
padding: 16px 18px;
border: 1px solid var(--sdb-admin-border);
border-radius: 14px;
background: #F8FAFC;
text-align: center;
}
.sdb-admin-kpi strong {
color: var(--sdb-admin-primary);
font-size: 30px;
line-height: 1;
}
.sdb-admin-kpi span {
margin-top: 8px;
color: #8E9AA7;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
@media (max-width: 782px) {
.sdb-admin-page {
margin-right: 10px;
}
.sdb-admin-header,
.sdb-admin-card {
padding: 18px;
}
} :root {
--sdb-admin-muted: #8E9AA7;
--sdb-admin-surface: #FFFFFF;
--sdb-admin-soft-bg: #F8FAFC;
--sdb-admin-blue-bg: #E4F5FF;
--sdb-admin-blue-border: #CAECFF;
--sdb-admin-control-border: #D6E0EA;
--sdb-admin-control-height-sm: 34px;
--sdb-admin-control-height-md: 38px;
--sdb-admin-shadow-soft: 0 5px 5px rgba(143, 155, 164, .05);
--sdb-admin-z-sticky-actions: 20;
}
.sdb-admin-header--split,
.sdb-admin-toolbar,
.sdb-admin-action-bar,
.sdb-admin-list,
.sdb-admin-list-row,
.sdb-admin-empty,
.sdb-admin-code-pill {
box-sizing: border-box;
}
.sdb-admin-header--split {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 24px;
align-items: center;
}
.sdb-admin-header__summary,
.sdb-admin-summary-box {
min-width: 150px;
padding: 16px 18px;
text-align: center;
border-radius: 14px;
background: linear-gradient(180deg, var(--sdb-admin-bg), #fff);
border: 1px solid var(--sdb-admin-border);
}
.sdb-admin-header__summary strong,
.sdb-admin-summary-box strong {
display: block;
font-size: 32px;
line-height: 1;
color: var(--sdb-admin-primary);
}
.sdb-admin-header__summary span,
.sdb-admin-summary-box span {
display: block;
margin-top: 7px;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--sdb-admin-muted);
}
.sdb-admin-toolbar,
.sdb-admin-action-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 14px;
margin: 16px 0;
}
.sdb-admin-toolbar__main,
.sdb-admin-toolbar__actions,
.sdb-admin-action-bar__main,
.sdb-admin-action-bar__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.sdb-admin-action-bar--sticky {
position: sticky;
bottom: 0;
z-index: var(--sdb-admin-z-sticky-actions);
margin-top: 18px;
padding: 16px 0 4px;
background: linear-gradient(180deg, rgba(240, 240, 241, 0), #f0f0f1 42%);
}
.sdb-admin-list {
display: grid;
gap: 10px;
}
.sdb-admin-list--compact {
gap: 8px;
}
.sdb-admin-list-row {
display: grid;
grid-template-columns: var(--sdb-admin-list-columns, minmax(250px, .92fr) minmax(170px, .34fr) minmax(340px, 1fr));
gap: 18px;
align-items: start;
padding: 16px 22px;
background: var(--sdb-admin-surface);
border: 1px solid var(--sdb-admin-border);
border-radius: 14px;
box-shadow: var(--sdb-admin-shadow-soft);
}
.sdb-admin-list-row--compact {
padding: 12px 18px;
gap: 14px;
border-radius: 12px;
}
.sdb-admin-list-cell {
min-width: 0;
}
.sdb-admin-label,
.sdb-admin-list-label,
.sdb-admin-field label.sdb-admin-label {
display: block;
margin: 0 0 5px;
font-size: 10.5px;
font-weight: 700;
line-height: 1.3;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--sdb-admin-muted);
}
.sdb-admin-list-title {
display: block;
margin: 0;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
color: var(--sdb-admin-title);
}
.sdb-admin-list-meta {
display: block;
margin-top: 4px;
font-size: 11.5px;
line-height: 1.35;
color: var(--sdb-admin-text);
word-break: break-word;
}
.sdb-admin-code-pill {
display: inline-flex;
align-items: center;
max-width: 100%;
min-height: 28px;
padding: 4px 9px;
border: 1px solid var(--sdb-admin-blue-border);
border-radius: 999px;
background: var(--sdb-admin-blue-bg);
color: var(--sdb-admin-primary);
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
font-size: 12.5px;
font-weight: 700;
line-height: 1.25;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sdb-admin-code-pill--neutral {
border-color: var(--sdb-admin-border);
background: var(--sdb-admin-soft-bg);
color: var(--sdb-admin-title);
}
.sdb-admin-page textarea.sdb-admin-textarea--compact,
.sdb-admin-field--compact textarea {
width: 100%;
min-height: var(--sdb-admin-control-height-sm);
height: var(--sdb-admin-control-height-sm);
padding: 6px 10px;
resize: vertical;
}
.sdb-admin-empty {
text-align: center;
padding: 28px;
}
.sdb-admin-empty__icon {
font-size: 28px;
color: var(--sdb-admin-primary);
line-height: 1;
}
.sdb-admin-empty h2,
.sdb-admin-empty h3 {
margin: 10px 0 8px;
color: var(--sdb-admin-title);
}
.sdb-admin-empty p {
max-width: 680px;
margin: 0 auto;
color: var(--sdb-admin-text);
}
.sdb-admin-note {
margin: 0;
color: var(--sdb-admin-text);
font-size: 14px;
line-height: 1.6;
}
.sdb-admin-note--compact {
font-size: 12.5px;
line-height: 1.45;
}
@media screen and (max-width: 1100px) {
.sdb-admin-list-row {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 782px) {
.sdb-admin-header--split {
grid-template-columns: 1fr;
}
.sdb-admin-header__summary,
.sdb-admin-summary-box {
width: auto;
text-align: left;
}
.sdb-admin-header__summary strong,
.sdb-admin-header__summary span,
.sdb-admin-summary-box strong,
.sdb-admin-summary-box span {
display: inline-block;
vertical-align: baseline;
}
.sdb-admin-header__summary span,
.sdb-admin-summary-box span {
margin: 0 0 0 8px;
}
.sdb-admin-list-row,
.sdb-admin-list-row--compact {
padding: 16px;
}
} .sdb-admin-page--design-system {
max-width: 1240px;
}
.sdb-admin-grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sdb-admin-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sdb-admin-status-card {
min-height: 116px;
}
.sdb-admin-status-card__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 8px;
}
.sdb-admin-status-card__head h2 {
margin: 0;
font-size: 15px;
line-height: 1.35;
}
.sdb-admin-token-grid {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 16px;
}
.sdb-admin-code-block {
display: block;
padding: 12px 14px;
margin-top: 12px;
border: 1px solid var(--sdb-admin-border);
border-radius: 10px;
background: var(--sdb-admin-soft-bg);
color: var(--sdb-admin-title);
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
font-size: 12px;
line-height: 1.55;
white-space: normal;
}
.sdb-admin-badge.sdb-pill--success {
background: #E9F6EE;
color: #1E5F34;
}
.sdb-admin-badge.sdb-pill--warning {
background: #FFF5E1;
color: #8A4B00;
}
.sdb-density-compact .sdb-admin-card,
.sdb-density-compact.sdb-admin-card,
.sdb-admin-page .sdb-density-compact .sdb-admin-card {
padding: 14px 16px;
margin-bottom: 12px;
}
.sdb-density-compact .sdb-admin-list,
.sdb-density-compact.sdb-admin-list {
gap: 7px;
}
.sdb-density-compact .sdb-admin-list-row,
.sdb-density-compact.sdb-admin-list-row {
padding: 10px 14px;
gap: 12px;
}
.sdb-density-relaxed .sdb-admin-card,
.sdb-density-relaxed.sdb-admin-card {
padding: 28px;
}
.sdb-admin-save-bar {
position: sticky;
bottom: 0;
z-index: var(--sdb-admin-z-sticky-actions);
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 10px;
padding: 16px 0 6px;
margin-top: 20px;
background: linear-gradient(180deg, rgba(240, 240, 241, 0), #f0f0f1 42%);
}
.sdb-admin-inline-help {
display: block;
margin-top: 6px;
color: var(--sdb-admin-muted);
font-size: 12.5px;
line-height: 1.45;
}
.sdb-admin-field-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px 20px;
}
@media screen and (max-width: 1100px) {
.sdb-admin-grid--3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 782px) {
.sdb-admin-grid--2,
.sdb-admin-grid--3,
.sdb-admin-field-grid {
grid-template-columns: 1fr;
}
.sdb-admin-status-card {
min-height: 0;
}
} .sdb-admin-tabs {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 18px 0 22px;
padding: 6px;
border: 1px solid var(--sdb-admin-border);
border-radius: 12px;
background: #fff;
}
.sdb-admin-tab,
a.sdb-admin-tab {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 7px 13px;
border-radius: 999px;
color: var(--sdb-admin-text);
text-decoration: none;
font-size: 13px;
font-weight: 600;
}
.sdb-admin-tab:hover,
.sdb-admin-tab[aria-current="page"],
.sdb-admin-tab.is-active {
background: var(--sdb-admin-primary-soft);
color: var(--sdb-admin-primary);
}
.sdb-admin-settings-group {
display: grid;
gap: 0;
border: 1px solid var(--sdb-admin-border);
border-radius: 14px;
background: #fff;
overflow: hidden;
}
.sdb-admin-settings-row {
display: grid;
grid-template-columns: minmax(190px, 260px) minmax(0, 1fr);
gap: 18px;
padding: 18px 20px;
border-bottom: 1px solid var(--sdb-admin-border);
}
.sdb-admin-settings-row:last-child { border-bottom: 0; }
.sdb-admin-settings-row__label { font-weight: 700; color: var(--sdb-admin-title); }
.sdb-admin-settings-row__description { margin-top: 5px; color: var(--sdb-admin-muted); font-size: 12.5px; line-height: 1.45; }
.sdb-admin-notice {
padding: 12px 14px;
border-left: 4px solid var(--sdb-admin-primary);
border-radius: 8px;
background: #fff;
color: var(--sdb-admin-text);
box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.sdb-admin-notice--success { border-left-color: var(--sdb-color-success); background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); }
.sdb-admin-notice--warning { border-left-color: #F59E0B; background: #FFF5E1; }
.sdb-admin-notice--error { border-left-color: #C53030; background: #FDECEC; }
.sdb-admin-danger-zone {
padding: 18px 20px;
border: 1px solid #F3B8B8;
border-radius: 14px;
background: #FFF7F7;
}
.sdb-admin-danger-zone h2,
.sdb-admin-danger-zone h3 {
margin-top: 0;
color: #7F1D1D;
}
.sdb-admin-status-dot {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 12px;
font-weight: 700;
color: var(--sdb-admin-muted);
}
.sdb-admin-status-dot::before {
content: "";
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--sdb-admin-muted);
}
.sdb-admin-status-dot--success::before { background: #2F8F4E; }
.sdb-admin-status-dot--warning::before { background: #F59E0B; }
.sdb-admin-status-dot--error::before { background: #C53030; }
@media screen and (max-width: 782px) {
.sdb-admin-settings-row {
grid-template-columns: 1fr;
gap: 10px;
padding: 15px 16px;
}
} .sdb-admin-token-swatch-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 12px;
margin-top: 16px;
}
.sdb-admin-token-swatch {
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
grid-template-rows: auto auto;
gap: 4px 12px;
align-items: center;
padding: 12px;
border: 1px solid var(--sdb-color-border, #e5edf5);
border-radius: var(--sdb-radius-md, 10px);
background: #fff;
}
.sdb-admin-token-swatch__color {
grid-row: 1 / span 2;
width: 42px;
height: 42px;
border-radius: 10px;
border: 1px solid rgba(31, 42, 54, .08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}
.sdb-admin-token-swatch code {
font-weight: 700;
color: var(--sdb-color-title, #364048);
}
.sdb-admin-token-swatch span:not(.sdb-admin-token-swatch__color) {
color: var(--sdb-color-muted, #8e9aa7);
font-size: 12px;
}
.sdb-admin-list-cell--wide {
min-width: min(100%, 420px);
}
.sdb-admin-notice {
margin: 16px 0;
padding: 12px 14px;
border: 1px solid var(--sdb-color-border, #e5edf5);
border-left: 4px solid var(--sdb-color-primary, #0058b7);
border-radius: var(--sdb-radius-md, 10px);
background: #fff;
color: var(--sdb-color-text, #6b7785);
}
.sdb-admin-notice--info {
border-left-color: var(--sdb-color-secondary, #009bd8);
background: var(--sdb-color-primary-soft, #e4f5ff);
}
.sdb-admin-code-block {
display: block;
width: 100%;
max-width: 100%;
padding: 10px 12px;
border: 1px solid var(--sdb-color-border, #e5edf5);
border-radius: var(--sdb-radius-md, 10px);
background: #f8fafc;
color: #334155;
white-space: pre-wrap;
overflow-wrap: anywhere;
font-size: 12px;
line-height: 1.55;
}
@media (max-width: 782px) {
.sdb-admin-token-swatch-grid {
grid-template-columns: 1fr;
}
} .sdb-admin-field-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
}
.sdb-admin-form-section {
padding: 18px;
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-lg, 16px);
background: #fff;
}
.sdb-admin-form-section__title {
margin: 0 0 6px;
font-family: var(--sdb-font-heading, Arial, sans-serif);
font-size: 18px;
color: var(--sdb-color-title, #364048);
}
.sdb-admin-form-help,
.sdb-admin-inline-help {
display: block;
margin-top: 5px;
color: var(--sdb-color-muted, #8e9aa7);
font-size: 13px;
line-height: 1.4;
}
.sdb-admin-form-error {
display: block;
margin-top: 5px;
color: var(--sdb-color-error-text, #7f1d1d);
font-size: 13px;
font-weight: 600;
}
.sdb-admin-status {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 4px 9px;
border-radius: 999px;
background: #f3f4f6;
color: #4b5563;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
letter-spacing: .04em;
}
.sdb-admin-status::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: currentColor;
}
.sdb-admin-status--active,
.sdb-admin-status--public { background: var(--sdb-color-success-bg, #e9f6ee); color: var(--sdb-color-success-text, #1e5f34); }
.sdb-admin-status--review { background: var(--sdb-color-warning-bg, #fff5e1); color: var(--sdb-color-warning-text, #8a4b00); }
.sdb-admin-status--expired { background: var(--sdb-color-error-bg, #fdecec); color: var(--sdb-color-error-text, #7f1d1d); }
.sdb-admin-status--hidden,
.sdb-admin-status--internal { background: #f1f5f9; color: #475569; }
.sdb-admin-media-thumb {
display: block;
width: 88px;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-background, #f5f8fb);
border: 1px solid var(--sdb-color-border, #eef3f8);
}
.sdb-admin-media-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sdb-admin-document-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid var(--sdb-color-border, #eef3f8);
}
@media (max-width: 782px) {
.sdb-admin-document-row {
grid-template-columns: auto minmax(0, 1fr);
}
} .sdb-admin-list-row--head {
background: var(--sdb-color-background, #f5f8fb);
border-color: var(--sdb-color-border, #eef3f8);
}
.sdb-admin-list-row--head .sdb-admin-list-cell {
color: var(--sdb-color-title, #364048);
font-size: 12px;
letter-spacing: .05em;
text-transform: uppercase;
}
.sdb-admin-page--design-system .sdb-admin-badge.sdb-pill--warning {
background: var(--sdb-color-warning-bg, #fff5e1);
color: var(--sdb-color-warning-text, #8a4b00);
}
.sdb-admin-page--design-system .sdb-admin-badge.sdb-pill--success {
background: var(--sdb-color-success-bg, #e9f6ee);
color: var(--sdb-color-success-text, #1e5f34);
} .sdb-admin-tool-grid,
.sdb-admin-dashboard-grid { display: grid; gap: 20px; margin-bottom: 20px; }
.sdb-admin-tool-grid--two-columns,
.sdb-admin-dashboard-grid--two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-admin-tool-panel,
.sdb-admin-code-editor,
.sdb-admin-danger-zone { background: #fff; border: 1px solid var(--sdb-admin-border); border-radius: 14px; box-shadow: 0 5px 5px rgba(143,155,164,.05); padding: 22px; }
.sdb-admin-tool-panel__title { margin: 0 0 6px; color: var(--sdb-admin-title); }
.sdb-admin-tool-panel__description { margin: 0; color: var(--sdb-admin-text); }
.sdb-admin-tool-panel__header { margin-bottom: 14px; }
.sdb-admin-tool-panel__body { display: grid; gap: 14px; }
.sdb-admin-site-selector { display: grid; gap: 8px; }
.sdb-admin-site-selector__label { font-weight: 700; color: var(--sdb-admin-title); }
.sdb-admin-site-selector__control { min-height: 40px; border: 1px solid #d8e2ee; border-radius: 10px; }
.sdb-admin-site-selector__description { margin: 0; color: var(--sdb-admin-text); }
.sdb-admin-scan-status { display: flex; gap: 12px; padding: 14px; border-radius: 10px; border: 1px solid #d8e2ee; background: #f5f8fb; }
.sdb-admin-scan-status__icon { width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: 999px; background: var(--sdb-admin-primary); color: #fff; }
.sdb-admin-scan-status__content { display: grid; gap: 2px; color: var(--sdb-admin-text); }
.sdb-admin-scan-status__content strong { color: var(--sdb-admin-title); }
.sdb-admin-scan-status--running { background: #f1f1fe; border-color: #ccccff; }
.sdb-admin-progress-panel { display: grid; gap: 10px; }
.sdb-admin-progress-panel__meta { display: flex; justify-content: space-between; color: var(--sdb-admin-text); }
.sdb-admin-progress-panel__bar { height: 8px; overflow: hidden; border-radius: 999px; background: #e7eef6; }
.sdb-admin-progress-panel__bar > span { display: block; height: 100%; background: linear-gradient(90deg, var(--sdb-admin-primary), var(--sdb-admin-secondary)); }
.sdb-admin-progress-panel__actions,
.sdb-admin-export-actions,
.sdb-admin-danger-zone__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.sdb-admin-result-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; }
.sdb-admin-result-summary__item { padding: 14px; border: 1px solid var(--sdb-admin-border); border-radius: 10px; background: #f8fafc; }
.sdb-admin-result-summary__item strong { display: block; font-size: 26px; color: var(--sdb-admin-primary); line-height: 1; }
.sdb-admin-result-summary__item span { display: block; margin-top: 5px; color: var(--sdb-admin-text); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.sdb-admin-danger-zone { border-color: rgba(197,48,48,.28); background: #fdecec; }
.sdb-admin-danger-zone__title { color: #7f1d1d; margin-top: 0; }
.sdb-admin-danger-zone__text { color: #7f1d1d; }
.sdb-admin-code-editor { padding: 0; overflow: hidden; }
.sdb-admin-code-editor__header,
.sdb-admin-code-editor__footer { display: flex; justify-content: space-between; gap: 10px; padding: 12px 16px; background: #f5f8fb; color: var(--sdb-admin-title); }
.sdb-admin-code-editor__body { padding: 16px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.sdb-admin-file-status { display: inline-flex; padding: 3px 9px; border-radius: 999px; background: #e9f6ee; color: #1e5f34; font-weight: 700; font-size: 12px; }
.sdb-is-spinning { animation: sdb-admin-spin 900ms linear infinite; }
@keyframes sdb-admin-spin { to { transform: rotate(360deg); } }
@media (max-width: 782px) { .sdb-admin-tool-grid--two-columns, .sdb-admin-dashboard-grid--two-columns { grid-template-columns: 1fr; } } .sdb-admin-page .sdb-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 16px;
border-radius: 9px;
border: 1px solid transparent;
text-decoration: none;
font-weight: 700;
cursor: pointer;
}
.sdb-admin-page .sdb-btn--primary { background: var(--sdb-admin-primary); border-color: var(--sdb-admin-primary); color: #fff; }
.sdb-admin-page .sdb-btn--secondary { background: #fff; border-color: #2b8fe8; color: var(--sdb-admin-primary); }
.sdb-admin-page .sdb-btn--neutral { background: #fff; border-color: #b9c6d6; color: var(--sdb-admin-title); }
.sdb-admin-page .sdb-hero-slider { position: relative; width: 100%; margin-bottom: 20px; }
.sdb-admin-page .sdb-hero-slider--contained { overflow: hidden; border-radius: 18px; box-shadow: 0 8px 20px rgba(31,42,54,.08); }
.sdb-admin-page .sdb-hero-slide { position: relative; min-height: 420px; display: grid; align-items: end; overflow: hidden; background: #1f2a36; }
.sdb-admin-page .sdb-hero-media { position: absolute; inset: 0; }
.sdb-admin-page .sdb-hero-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdb-admin-page .sdb-hero-overlay { position: absolute; inset: 0; background: rgba(12,24,38,.58); }
.sdb-admin-page .sdb-hero-overlay--gradient-left { background: linear-gradient(90deg, rgba(10,20,32,.78), rgba(10,20,32,.35), rgba(10,20,32,.08)); }
.sdb-admin-page .sdb-hero-overlay--gradient-bottom { background: linear-gradient(0deg, rgba(10,20,32,.78), rgba(10,20,32,.35), rgba(10,20,32,.08)); }
.sdb-admin-page .sdb-hero-content { position: relative; z-index: 2; max-width: 720px; padding: 48px; color: #fff; }
.sdb-admin-page .sdb-hero-title { margin: 0; color: #fff; font-size: clamp(32px, 4vw, 56px); line-height: 1.04; }
.sdb-admin-page .sdb-hero-subtitle { color: rgba(255,255,255,.86); font-size: 18px; }
.sdb-admin-page .sdb-hero-tag { display: inline-flex; margin-bottom: 12px; padding: 5px 12px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; color: #fff; text-transform: uppercase; letter-spacing: .09em; font-size: 12px; font-weight: 700; }
.sdb-admin-page .sdb-slider-control { position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.14); color: #fff; display: inline-grid; place-items: center; cursor: pointer; }
.sdb-admin-page .sdb-slider-control--prev { left: 16px; }
.sdb-admin-page .sdb-slider-control--next { right: 16px; }
.sdb-admin-page .sdb-slider-pagination { display: flex; gap: 8px; align-items: center; justify-content: center; }
.sdb-admin-page .sdb-slider-pagination--on-image { position: absolute; z-index: 3; left: 0; right: 0; bottom: 20px; }
.sdb-admin-page .sdb-slider-pagination__item { width: 9px; height: 9px; border-radius: 999px; background: #fff; opacity: .55; }
.sdb-admin-page .sdb-slider-pagination__item--active { width: 24px; opacity: 1; }
.sdb-admin-page .sdb-slider-preview-card { position: relative; overflow: hidden; min-height: 220px; border-radius: 14px; box-shadow: 0 18px 42px rgba(0,0,0,.18); background: #1f2a36; }
.sdb-admin-page .sdb-slider-preview-card__image { position: absolute; inset: 0; }
.sdb-admin-page .sdb-slider-preview-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdb-admin-page .sdb-slider-preview-card__overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,20,32,.72), rgba(10,20,32,.12)); }
.sdb-admin-page .sdb-slider-preview-card__title { position: absolute; left: 20px; right: 20px; bottom: 20px; margin: 0; color: #fff; }
@media (max-width: 782px) { .sdb-admin-page .sdb-hero-content { padding: 28px; } .sdb-admin-page .sdb-slider-control { display: none; } } .sdb-admin-scanner-list .sdb-admin-list-row,
.sdb-admin-contract-list .sdb-admin-list-row {
align-items: flex-start;
}
.sdb-admin-result-summary--scanner {
margin: 18px 0;
}
.sdb-admin-recommendations {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--sdb-color-border, #dbe4ef);
}
.sdb-admin-recommendations ul,
.sdb-admin-checklist {
margin: 8px 0 0 18px;
padding: 0;
}
.sdb-admin-recommendations li,
.sdb-admin-checklist li {
margin: 0 0 6px;
color: var(--sdb-color-muted, #607087);
line-height: 1.45;
}
.sdb-admin-code-block--multiline {
display: block;
white-space: pre-wrap;
width: 100%;
max-width: 100%;
margin: 0 0 10px;
padding: 14px 16px;
overflow-x: auto;
font-family: var(--sdb-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
font-size: 12px;
line-height: 1.55;
color: var(--sdb-color-text, #243447);
background: var(--sdb-color-surface-muted, #f5f8fb);
border: 1px solid var(--sdb-color-border, #dbe4ef);
border-radius: var(--sdb-radius-md, 12px);
}
.sdb-admin-migration-rules {
display: grid;
gap: 12px;
}
.sdb-admin-migration-rule {
display: grid;
grid-template-columns: minmax(70px, 90px) 1fr;
gap: 6px 12px;
padding: 12px;
border: 1px solid var(--sdb-color-border, #dbe4ef);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface, #fff);
}
.sdb-admin-migration-rule code {
display: block;
width: 100%;
padding: 3px 0;
white-space: normal;
color: var(--sdb-color-text, #243447);
background: transparent;
}
@media (max-width: 782px) {
.sdb-admin-migration-rule {
grid-template-columns: 1fr;
}
} .sdb-admin-nav {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin: -6px 0 20px;
padding: 10px;
background: #fff;
border: 1px solid var(--sdb-admin-border, #EEF3F8);
border-radius: 14px;
box-shadow: var(--sdb-admin-shadow-soft, 0 5px 5px rgba(143, 155, 164, .05));
}
.sdb-admin-nav__link {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 7px 11px;
border-radius: 999px;
color: var(--sdb-admin-text, #6B7785);
font-size: 13px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
border: 1px solid transparent;
}
.sdb-admin-nav__link:hover,
.sdb-admin-nav__link:focus {
color: var(--sdb-admin-primary, #0058B7);
background: var(--sdb-admin-blue-bg, #E4F5FF);
border-color: var(--sdb-admin-blue-border, #CAECFF);
outline: none;
box-shadow: 0 0 0 3px rgba(0, 155, 216, .14);
}
.sdb-admin-nav__link.is-active {
color: #fff;
background: var(--sdb-admin-primary, #0058B7);
border-color: var(--sdb-admin-primary, #0058B7);
}
@media (max-width: 782px) {
.sdb-admin-nav {
overflow-x: auto;
flex-wrap: nowrap;
padding: 8px;
scrollbar-width: thin;
}
.sdb-admin-nav__link {
white-space: nowrap;
}
} .sdb-admin-adoption-levels .sdb-admin-tool-panel__header {
align-items: center;
gap: 12px;
}
.sdb-admin-adoption-letter {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #e4f5ff;
color: #0058b7;
font-family: var(--sdb-font-heading, sans-serif);
font-weight: 800;
}
.sdb-admin-adoption-pills {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 12px;
}
.sdb-admin-page .sdb-btn--subtle {
color: var(--sdb-admin-primary, #0058b7);
background: #e4f5ff;
border-color: #caecff;
}
.sdb-admin-page .sdb-btn--ghost {
color: var(--sdb-admin-text, #506173);
background: transparent;
border-color: #d9e3ee;
}
.sdb-admin-page .sdb-action-link {
color: var(--sdb-admin-primary, #0058b7);
font-weight: 700;
text-decoration: none;
border-bottom: 1px solid rgba(0, 88, 183, .24);
}
.sdb-admin-page .sdb-share-action {
width: 36px;
height: 36px;
}
.sdb-detail--preview {
margin-top: 24px;
} .sdb-admin-result-summary--adoption {
margin-top: -12px;
}
.sdb-admin-checklist li {
margin: 0 0 10px;
padding-left: 2px;
}
.sdb-admin-checklist li::marker {
color: var(--sdb-admin-primary, #0058B7);
}
.sdb-admin-page .sdb-admin-tool-panel .sdb-admin-code-block--multiline {
width: 100%;
box-sizing: border-box;
white-space: pre-wrap;
}
.sdb-admin-page .sdb-admin-tool-panel__body > p:first-child {
margin-top: 0;
}
@media (max-width: 782px) {
.sdb-admin-result-summary--adoption {
margin-top: 0;
}
} .sdb-admin-settings-group {
display: grid;
gap: 12px;
margin: 16px 0 28px;
}
.sdb-admin-settings-row {
display: grid;
grid-template-columns: minmax(180px, 280px) minmax(260px, 1fr);
gap: 16px;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid var(--sdb-color-border, #e6edf5);
}
.sdb-admin-settings-row span {
display: flex;
flex-direction: column;
gap: 2px;
}
.sdb-admin-settings-row em {
color: var(--sdb-color-muted, #8e9aa7);
font-size: 12px;
font-style: normal;
}
.sdb-admin-typography-table th,
.sdb-admin-typography-table td {
vertical-align: middle;
}
.sdb-admin-typography-table .small-text {
width: 84px;
max-width: 100%;
}
@media (max-width: 782px) {
.sdb-admin-settings-row {
grid-template-columns: 1fr;
gap: 8px;
}
.sdb-admin-typography-table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
} .sdb-admin-page--design-system .sdb-admin-grid {
align-items: start;
}
.sdb-admin-advanced-card {
min-height: 0;
height: auto;
}
.sdb-admin-advanced-card .sdb-btn {
margin-top: 6px;
}
.sdb-admin-page--design-system .sdb-alert + .sdb-admin-grid {
margin-top: 18px;
}
.sdb-admin-nav__link[href*="sdb-design-system-advanced"] {
margin-left: auto;
}
@media (max-width: 782px) {
.sdb-admin-nav__link[href*="sdb-design-system-advanced"] {
margin-left: 0;
}
} .sdb-admin-registry-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: var(--sdb-space-md, 18px);
margin-top: var(--sdb-space-md, 18px);
}
.sdb-admin-registry-list {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.sdb-admin-registry-list li {
display: grid;
grid-template-columns: minmax(150px, 0.9fr) minmax(0, 1.5fr) auto;
gap: 10px;
align-items: start;
padding: 10px 0;
border-bottom: 1px solid var(--sdb-color-border, #eef3f8);
}
.sdb-admin-registry-list li:last-child {
border-bottom: 0;
}
.sdb-admin-registry-list code {
white-space: normal;
word-break: break-word;
}
.sdb-admin-registry-list span {
color: var(--sdb-color-text, #364048);
}
.sdb-admin-registry-list em {
justify-self: end;
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-background, #f5f8fb);
color: var(--sdb-color-muted, #6b7785);
font-style: normal;
font-size: 11px;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: .04em;
}
.sdb-admin-note-list {
margin: 16px 0 0;
padding-left: 18px;
}
@media (max-width: 782px) {
.sdb-admin-registry-list li {
grid-template-columns: 1fr;
}
.sdb-admin-registry-list em {
justify-self: start;
}
} .sdb-admin-operational-dashboard {
margin-bottom: var(--sdb-space-md, 18px);
}
.sdb-admin-card--health .sdb-progress,
.sdb-admin-card--scanner-summary .sdb-admin-result-summary {
margin-top: 14px;
}
.sdb-admin-priority-list li strong {
color: var(--sdb-color-title, #1f3b5b);
}
.sdb-admin-next-actions {
margin: var(--sdb-space-md, 18px) 0;
}
.sdb-admin-next-actions .sdb-admin-grid > div {
padding: 12px 0;
}
.sdb-admin-usage-patterns {
margin-top: var(--sdb-space-md, 18px);
}
.sdb-admin-usage-card h2 {
margin-top: 0;
}
.sdb-admin-usage-columns {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 14px 0;
}
.sdb-admin-usage-columns > div {
display: grid;
gap: 8px;
align-content: start;
padding: 14px;
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface, #fff);
}
.sdb-admin-usage-columns span {
display: inline-flex;
width: fit-content;
padding: 2px 8px;
border-radius: var(--sdb-radius-pill, 999px);
font-size: 11px;
font-weight: var(--sdb-font-weight-semibold, 600);
letter-spacing: .04em;
text-transform: uppercase;
}
.sdb-admin-usage-do span {
background: color-mix(in srgb, var(--sdb-color-success, #1f8f4d) 12%, white);
color: var(--sdb-color-success, #1f8f4d);
}
.sdb-admin-usage-dont span {
background: color-mix(in srgb, var(--sdb-color-warning, #b7791f) 14%, white);
color: var(--sdb-color-warning, #b7791f);
}
.sdb-admin-usage-columns code {
display: block;
white-space: pre-wrap;
word-break: break-word;
font-size: 12px;
}
@media (max-width: 782px) {
.sdb-admin-usage-columns {
grid-template-columns: 1fr;
}
} .sdb-admin-page--design-system .sdb-admin-registry-list {
gap: 0;
}
.sdb-admin-page--design-system .sdb-admin-registry-list li {
grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) auto;
column-gap: 14px;
row-gap: 10px;
padding: 18px 0;
align-items: start;
}
.sdb-admin-page--design-system .sdb-admin-registry-list code {
display: inline-block;
max-width: 100%;
padding: 4px 7px;
background: var(--sdb-color-background, #f5f8fb);
border-radius: 4px;
line-height: 1.45;
white-space: normal;
overflow-wrap: anywhere;
}
.sdb-admin-page--design-system .sdb-admin-registry-list span {
min-width: 0;
max-width: 60ch;
line-height: 1.5;
overflow-wrap: normal;
word-break: normal;
}
.sdb-admin-page--design-system .sdb-admin-registry-list em {
max-width: 220px;
justify-content: center;
text-align: center;
white-space: normal;
}
.sdb-admin-page--design-system .sdb-admin-registry-list small,
.sdb-admin-page--design-system .sdb-admin-registry-list pre {
grid-column: 1 / -1;
min-width: 0;
}
.sdb-admin-page--design-system .sdb-admin-registry-list small {
display: block;
max-width: none;
color: var(--sdb-color-muted, #607087);
line-height: 1.55;
}
.sdb-admin-page--design-system .sdb-admin-registry-list small + small {
margin-top: -4px;
}
.sdb-admin-page--design-system .sdb-admin-registry-list .sdb-admin-code-block,
.sdb-admin-page--design-system .sdb-admin-registry-list .sdb-admin-code-block--multiline {
margin: 2px 0 0;
max-width: 100%;
box-sizing: border-box;
white-space: pre-wrap;
overflow-x: auto;
}
@media screen and (max-width: 1180px) {
.sdb-admin-page--design-system .sdb-admin-grid--2 {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 782px) {
.sdb-admin-page--design-system .sdb-admin-registry-list li {
grid-template-columns: 1fr;
}
.sdb-admin-page--design-system .sdb-admin-registry-list em {
justify-self: start;
max-width: 100%;
}
} .sdb-admin-page--qa-release .sdb-admin-header__summary--ready strong,
.sdb-admin-release-readiness--ready .sdb-admin-tool-panel__title {
color: #0f7a4f;
}
.sdb-admin-page--qa-release .sdb-admin-header__summary--attention strong,
.sdb-admin-release-readiness--attention .sdb-admin-tool-panel__title {
color: #9a6700;
}
.sdb-admin-page--qa-release .sdb-admin-header__summary--not-recommended strong,
.sdb-admin-release-readiness--not-recommended .sdb-admin-tool-panel__title {
color: #b42318;
}
.sdb-admin-result-summary--qa-release {
margin: 18px 0;
}
.sdb-admin-release-readiness {
margin: 18px 0 22px;
}
.sdb-admin-inline-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 14px 0 0;
padding: 0;
list-style: none;
}
.sdb-admin-inline-list li {
display: inline-flex;
align-items: center;
border: 1px solid var(--sdb-color-border, #d7dee8);
border-radius: var(--sdb-radius-pill, 999px);
padding: 5px 10px;
background: var(--sdb-color-surface, #fff);
font-size: 12px;
color: var(--sdb-color-muted, #637083);
}
.sdb-admin-qa-grid {
align-items: stretch;
}
.sdb-admin-qa-group .sdb-admin-tool-panel__header {
align-items: flex-start;
}
.sdb-admin-checklist--interactive {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.sdb-admin-checklist__item label {
display: flex;
gap: 12px;
align-items: flex-start;
padding: 12px;
border: 1px solid var(--sdb-color-border, #d7dee8);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface, #fff);
cursor: pointer;
}
.sdb-admin-checklist__item label:hover {
border-color: var(--sdb-color-primary, #1d4f91);
}
.sdb-admin-checklist__item input {
margin-top: 3px;
}
.sdb-admin-checklist__item strong {
display: block;
color: var(--sdb-color-text, #152238);
}
.sdb-admin-checklist__item small {
display: block;
margin-top: 3px;
color: var(--sdb-color-muted, #637083);
line-height: 1.45;
}
.sdb-admin-checklist__item--required strong::after {
content: "Obrigatório";
display: inline-flex;
margin-left: 8px;
padding: 2px 7px;
border-radius: var(--sdb-radius-pill, 999px);
background: #eef3f8;
color: var(--sdb-color-muted, #637083);
font-size: 10px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
vertical-align: middle;
}
.sdb-admin-qa-notes {
margin-top: 18px;
}
.sdb-admin-field {
display: grid;
gap: 8px;
}
.sdb-admin-field > span {
font-weight: 700;
color: var(--sdb-color-text, #152238);
}
.sdb-admin-field textarea {
max-width: 100%;
border-radius: var(--sdb-radius-md, 12px);
}
.sdb-admin-actions--sticky {
position: sticky;
bottom: 0;
z-index: 10;
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 18px;
padding: 14px 0;
background: rgba(246, 248, 251, .94);
backdrop-filter: blur(8px);
}
@media (max-width: 960px) {
.sdb-admin-page--qa-release .sdb-admin-tool-grid--two-columns {
grid-template-columns: 1fr;
}
} .sdb-admin-page--design-system,
.sdb-admin-page--qa-release,
.sdb-admin-page--security {
--sdb-admin-bg: #f4f7fb;
--sdb-admin-surface: #ffffff;
--sdb-admin-surface-soft: #f8fbff;
--sdb-admin-border: #e5edf6;
--sdb-admin-border-strong: #d6e2ef;
--sdb-admin-title: #1d2a36;
--sdb-admin-text: #526274;
--sdb-admin-muted: #7a8898;
--sdb-admin-primary: #0058b7;
--sdb-admin-secondary: #009bd8;
--sdb-admin-accent-soft: #eaf5ff;
--sdb-admin-radius: 18px;
--sdb-admin-radius-sm: 12px;
--sdb-admin-shadow-card: 0 18px 45px rgba(26, 47, 73, .07);
--sdb-admin-shadow-subtle: 0 8px 24px rgba(26, 47, 73, .045);
--sdb-admin-gradient: linear-gradient(135deg, rgba(0, 88, 183, .10), rgba(0, 155, 216, .08) 45%, rgba(255, 255, 255, .96));
max-width: 1240px;
}
.sdb-admin-page--design-system .sdb-admin-header,
.sdb-admin-page--qa-release .sdb-admin-header,
.sdb-admin-page--security .sdb-admin-header {
position: relative;
overflow: hidden;
padding: 30px 32px;
border: 1px solid var(--sdb-admin-border);
border-radius: 24px;
background: var(--sdb-admin-gradient), var(--sdb-admin-surface);
box-shadow: var(--sdb-admin-shadow-card);
}
.sdb-admin-page--design-system .sdb-admin-header::before,
.sdb-admin-page--qa-release .sdb-admin-header::before,
.sdb-admin-page--security .sdb-admin-header::before {
content: "";
position: absolute;
inset: auto -120px -160px auto;
width: 320px;
height: 320px;
border-radius: 999px;
background: radial-gradient(circle, rgba(0, 155, 216, .18), rgba(0, 155, 216, 0) 68%);
pointer-events: none;
}
.sdb-admin-page--design-system .sdb-admin-header h1,
.sdb-admin-page--qa-release .sdb-admin-header h1,
.sdb-admin-page--security .sdb-admin-header h1 {
max-width: 780px;
color: var(--sdb-admin-title);
font-size: clamp(28px, 3vw, 42px);
line-height: 1.08;
letter-spacing: -0.035em;
}
.sdb-admin-page--design-system .sdb-admin-header p:not(.sdb-admin-eyebrow),
.sdb-admin-page--qa-release .sdb-admin-header p:not(.sdb-admin-eyebrow),
.sdb-admin-page--security .sdb-admin-header p:not(.sdb-admin-eyebrow) {
max-width: 760px;
color: var(--sdb-admin-text);
font-size: 15.5px;
line-height: 1.7;
}
.sdb-admin-page--design-system .sdb-admin-eyebrow,
.sdb-admin-page--qa-release .sdb-admin-eyebrow,
.sdb-admin-page--security .sdb-admin-eyebrow {
border: 1px solid rgba(0, 88, 183, .12);
background: rgba(255, 255, 255, .78);
color: var(--sdb-admin-primary);
box-shadow: 0 6px 16px rgba(0, 88, 183, .06);
letter-spacing: .08em;
text-transform: uppercase;
}
.sdb-admin-page--design-system .sdb-admin-header__summary,
.sdb-admin-page--qa-release .sdb-admin-header__summary,
.sdb-admin-page--security .sdb-admin-header__summary {
border: 1px solid rgba(255, 255, 255, .72);
background: rgba(255, 255, 255, .74);
box-shadow: 0 12px 28px rgba(26, 47, 73, .07);
backdrop-filter: blur(10px);
}
.sdb-admin-page--design-system .sdb-admin-card,
.sdb-admin-page--design-system .sdb-admin-tool-panel,
.sdb-admin-page--qa-release .sdb-admin-card,
.sdb-admin-page--qa-release .sdb-admin-tool-panel,
.sdb-admin-page--security .sdb-admin-card,
.sdb-admin-page--security .sdb-admin-tool-panel {
border: 1px solid var(--sdb-admin-border);
border-radius: var(--sdb-admin-radius);
background: linear-gradient(180deg, #fff, var(--sdb-admin-surface-soft));
box-shadow: var(--sdb-admin-shadow-subtle);
}
.sdb-admin-page--design-system .sdb-admin-card:hover,
.sdb-admin-page--design-system .sdb-admin-tool-panel:hover,
.sdb-admin-page--qa-release .sdb-admin-card:hover,
.sdb-admin-page--qa-release .sdb-admin-tool-panel:hover,
.sdb-admin-page--security .sdb-admin-card:hover,
.sdb-admin-page--security .sdb-admin-tool-panel:hover {
border-color: var(--sdb-admin-border-strong);
box-shadow: var(--sdb-admin-shadow-card);
}
.sdb-admin-page--design-system .sdb-admin-card h2,
.sdb-admin-page--design-system .sdb-admin-card h3,
.sdb-admin-page--design-system .sdb-admin-tool-panel__title,
.sdb-admin-page--qa-release .sdb-admin-card h2,
.sdb-admin-page--qa-release .sdb-admin-card h3,
.sdb-admin-page--qa-release .sdb-admin-tool-panel__title,
.sdb-admin-page--security .sdb-admin-card h2,
.sdb-admin-page--security .sdb-admin-card h3,
.sdb-admin-page--security .sdb-admin-tool-panel__title {
color: var(--sdb-admin-title);
letter-spacing: -0.015em;
}
.sdb-admin-page--design-system .sdb-admin-note,
.sdb-admin-page--design-system .sdb-admin-list-meta,
.sdb-admin-page--qa-release .sdb-admin-note,
.sdb-admin-page--security .sdb-admin-note {
color: var(--sdb-admin-text);
line-height: 1.62;
}
.sdb-admin-page--design-system .button.button-primary,
.sdb-admin-page--qa-release .button.button-primary,
.sdb-admin-page--security .button.button-primary {
min-height: 38px;
padding: 4px 16px;
border: 0;
border-radius: 999px;
background: linear-gradient(135deg, var(--sdb-admin-primary), #0076d7);
box-shadow: 0 10px 22px rgba(0, 88, 183, .20);
font-weight: 700;
}
.sdb-admin-page--design-system .button:not(.button-primary),
.sdb-admin-page--qa-release .button:not(.button-primary),
.sdb-admin-page--security .button:not(.button-primary) {
min-height: 38px;
padding: 4px 14px;
border-color: var(--sdb-admin-border-strong);
border-radius: 999px;
background: #fff;
color: var(--sdb-admin-primary);
font-weight: 650;
}
.sdb-admin-page--design-system .button:hover,
.sdb-admin-page--qa-release .button:hover,
.sdb-admin-page--security .button:hover {
transform: translateY(-1px);
}
.sdb-admin-page--design-system .sdb-admin-result-summary__item,
.sdb-admin-page--qa-release .sdb-admin-result-summary__item,
.sdb-admin-page--security .sdb-admin-result-summary__item {
border: 1px solid var(--sdb-admin-border);
border-radius: 16px;
background: #fff;
box-shadow: 0 8px 18px rgba(26, 47, 73, .04);
}
.sdb-admin-page--design-system .sdb-admin-registry-list li,
.sdb-admin-page--design-system .sdb-admin-list-row,
.sdb-admin-page--qa-release .sdb-admin-checklist__item label,
.sdb-admin-page--security .sdb-admin-checklist__item label {
border-color: var(--sdb-admin-border);
border-radius: 16px;
background: rgba(255, 255, 255, .88);
box-shadow: 0 8px 22px rgba(26, 47, 73, .035);
}
.sdb-admin-page--design-system .sdb-admin-code-block,
.sdb-admin-page--qa-release .sdb-admin-code-block,
.sdb-admin-page--security .sdb-admin-code-block,
.sdb-admin-page--design-system code.sdb-admin-code-pill {
border: 1px solid #dfe8f2;
background: #f6f9fd;
color: #24364a;
}
.sdb-admin-page--design-system .sdb-admin-empty-state,
.sdb-admin-page--qa-release .sdb-admin-empty-state,
.sdb-admin-page--security .sdb-admin-empty-state,
.sdb-admin-page--design-system .sdb-empty-state {
padding: 34px;
border: 1px dashed var(--sdb-admin-border-strong);
border-radius: 22px;
background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 251, 255, .94));
text-align: center;
}
.sdb-admin-page--design-system .sdb-admin-token-swatch,
.sdb-admin-page--design-system .sdb-admin-token-grid .sdb-admin-code-pill,
.sdb-admin-page--design-system .sdb-admin-advanced-card {
transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.sdb-admin-page--design-system .sdb-admin-token-swatch:hover,
.sdb-admin-page--design-system .sdb-admin-advanced-card:hover {
transform: translateY(-2px);
}
.sdb-admin-page--design-system .sdb-admin-tabs,
.sdb-admin-page--qa-release .sdb-admin-tabs,
.sdb-admin-page--security .sdb-admin-tabs {
padding: 6px;
border: 1px solid var(--sdb-admin-border);
border-radius: 999px;
background: rgba(255, 255, 255, .72);
box-shadow: 0 10px 24px rgba(26, 47, 73, .045);
}
.sdb-admin-page--design-system .sdb-admin-tab,
.sdb-admin-page--qa-release .sdb-admin-tab,
.sdb-admin-page--security .sdb-admin-tab {
border-radius: 999px;
}
.sdb-admin-page--design-system .widefat,
.sdb-admin-page--qa-release .widefat,
.sdb-admin-page--security .widefat {
overflow: hidden;
border-color: var(--sdb-admin-border);
border-radius: 16px;
box-shadow: 0 8px 24px rgba(26, 47, 73, .04);
}
@media screen and (max-width: 782px) {
.sdb-admin-page--design-system,
.sdb-admin-page--qa-release,
.sdb-admin-page--security {
margin-right: 10px;
}
.sdb-admin-page--design-system .sdb-admin-header,
.sdb-admin-page--qa-release .sdb-admin-header,
.sdb-admin-page--security .sdb-admin-header {
padding: 22px;
border-radius: 20px;
}
.sdb-admin-page--design-system .sdb-admin-header h1,
.sdb-admin-page--qa-release .sdb-admin-header h1,
.sdb-admin-page--security .sdb-admin-header h1 {
font-size: 28px;
}
} .sdb-admin-page--production .sdb-production-header {
border-left: 5px solid var(--sdb-color-primary, #0058b7);
}
.sdb-production-readiness {
border-left: 5px solid var(--sdb-color-primary, #0058b7);
}
.sdb-production-readiness--attention,
.sdb-production-header--attention {
border-left-color: #d98f00;
}
.sdb-production-readiness--blocked,
.sdb-production-header--blocked {
border-left-color: #b42318;
}
.sdb-production-kpi {
display: block;
margin-top: .5rem;
font-family: var(--sdb-font-heading, inherit);
font-size: clamp(1.6rem, 3vw, 2.4rem);
line-height: 1;
color: var(--sdb-color-title, #364048);
}
.sdb-admin-ordered-list {
margin: 0;
padding-left: 1.35rem;
}
.sdb-admin-ordered-list li + li {
margin-top: .55rem;
}
.sdb-production-table td:first-child {
font-weight: 700;
color: var(--sdb-color-title, #364048);
} .sdb-admin-page--design-system .sdb-admin-grid.sdb-density-comfortable {
align-items: start;
}
.sdb-admin-page--design-system .sdb-admin-advanced-card {
min-height: 0 !important;
height: auto;
align-self: start;
}
.sdb-admin-page--design-system .sdb-admin-advanced-card p:last-child {
margin-bottom: 0;
} .sdb-admin-page--scanner .sdb-admin-scanner-list .sdb-admin-list-row {
grid-template-columns: minmax(220px, 0.38fr) minmax(0, 1fr);
gap: 26px;
align-items: start;
}
.sdb-admin-page--scanner .sdb-admin-scanner-list .sdb-admin-list-cell--wide {
min-width: 0;
width: 100%;
}
.sdb-admin-page--scanner .sdb-admin-scanner-list .sdb-admin-token-grid {
justify-content: flex-start;
}
.sdb-admin-page--scanner .sdb-admin-scanner-list .sdb-admin-recommendations {
max-width: 820px;
}
.sdb-admin-page--scanner .sdb-admin-scanner-list .sdb-admin-recommendations ul {
margin-left: 1.15rem;
}
@media screen and (max-width: 960px) {
.sdb-admin-page--scanner .sdb-admin-scanner-list .sdb-admin-list-row {
grid-template-columns: 1fr;
}
} .sdb-admin-page .sdb-admin-notice,
.sdb-admin-notice {
position: relative;
margin: 18px 0;
padding: 15px 18px 15px 20px;
border: 1px solid #d8e5f2;
border-left: 5px solid var(--sdb-admin-primary, #0058b7);
border-radius: 16px;
background: #ffffff;
color: #42526a;
box-shadow: 0 10px 24px rgba(26, 47, 73, .045);
line-height: 1.62;
}
.sdb-admin-notice strong { color: #203040; }
.sdb-admin-notice--info {
border-color: #cfe6f7;
border-left-color: #009bd8;
background: linear-gradient(180deg, #f4fbff, #ffffff);
color: #38546d;
}
.sdb-admin-notice--success {
border-color: #cfeadd;
border-left-color: var(--sdb-color-success, #2f8f4e);
background: linear-gradient(180deg, var(--sdb-color-success-bg, #e9f6ee), #ffffff);
color: var(--sdb-color-success-text, #1e5f34);
}
.sdb-admin-notice--warning {
border-color: #f3d6a4;
border-left-color: #d98f00;
background: linear-gradient(180deg, #fff8ec, #ffffff);
color: #60420b;
}
.sdb-admin-notice--error {
border-color: #f0c0c0;
border-left-color: #b42318;
background: linear-gradient(180deg, #fff4f4, #ffffff);
color: #631f1f;
}
.sdb-admin-notice--architecture {
border-color: #d8d4ff;
border-left-color: #5b5bd6;
background: linear-gradient(180deg, #f7f6ff, #ffffff);
color: #3f3d64;
}
.sdb-admin-page--design-system .sdb-admin-notice--info,
.sdb-admin-page--scanner .sdb-admin-notice--info {
background: linear-gradient(180deg, #f4fbff, #ffffff);
color: #38546d;
}
.sdb-admin-page .sdb-hero-slider--contained,
.sdb-admin-page .sdb-on-image.sdb-hero-slide {
isolation: isolate;
background: linear-gradient(135deg, #082241, var(--sdb-admin-primary, #0058b7));
}
.sdb-admin-page .sdb-hero-slide {
min-height: clamp(300px, 38vw, 460px);
}
.sdb-admin-page .sdb-hero-image {
opacity: .42;
filter: saturate(.82) contrast(.92);
}
.sdb-admin-page .sdb-hero-overlay,
.sdb-admin-page .sdb-hero-overlay--gradient-left {
background: linear-gradient(90deg, rgba(5, 16, 31, .90) 0%, rgba(5, 29, 57, .76) 44%, rgba(0, 88, 183, .54) 100%);
}
.sdb-admin-page .sdb-hero-overlay--gradient-bottom {
background: linear-gradient(0deg, rgba(5, 16, 31, .88), rgba(5, 29, 57, .58), rgba(0, 88, 183, .28));
}
.sdb-admin-page .sdb-hero-content {
max-width: min(680px, 68%);
padding: clamp(30px, 4vw, 56px);
color: #fff;
}
.sdb-admin-page .sdb-hero-title,
.sdb-admin-page .sdb-on-image__title {
max-width: 12ch;
margin: 0 0 12px;
color: #fff !important;
font-size: clamp(32px, 4.4vw, 62px);
line-height: .98;
letter-spacing: -0.045em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-shadow: 0 2px 18px rgba(0,0,0,.34);
}
.sdb-admin-page .sdb-hero-subtitle,
.sdb-admin-page .sdb-on-image__text {
max-width: 620px;
color: rgba(255,255,255,.92) !important;
font-size: clamp(15px, 1.5vw, 20px);
line-height: 1.48;
text-shadow: 0 1px 8px rgba(0,0,0,.22);
}
.sdb-admin-page .sdb-hero-tag,
.sdb-admin-page .sdb-tag-on-image {
color: #fff !important;
border-color: rgba(255,255,255,.46);
background: rgba(255,255,255,.08);
backdrop-filter: blur(6px);
}
.sdb-admin-page .sdb-link-on-image,
.sdb-admin-page .sdb-btn--on-image,
.sdb-admin-page .sdb-btn.sdb-btn--primary.sdb-hero-cta {
color: #fff !important;
background: rgba(0, 101, 204, .92);
border-color: rgba(255,255,255,.16);
box-shadow: 0 12px 28px rgba(0,0,0,.20);
}
.sdb-admin-page .sdb-link-on-image {
background: transparent;
box-shadow: none;
}
.sdb-admin-page .sdb-slider-preview-card {
min-height: 180px;
background: linear-gradient(135deg, #dfe6ee, #b9c3cf);
}
.sdb-admin-page .sdb-slider-preview-card__image img {
opacity: .26;
filter: saturate(.2);
}
.sdb-admin-page .sdb-slider-preview-card__overlay {
background: linear-gradient(0deg, rgba(16, 27, 40, .72), rgba(16, 27, 40, .18));
}
.sdb-admin-page .sdb-slider-preview-card__title {
color: #fff !important;
font-size: clamp(22px, 3vw, 38px);
line-height: 1.04;
}
.sdb-sites-legend ul {
display: flex;
flex-wrap: wrap;
gap: 10px 18px;
margin: 10px 0 0;
padding: 0;
list-style: none;
}
.sdb-sites-list .sdb-sites-row {
grid-template-columns: minmax(260px, .45fr) minmax(360px, 1fr) minmax(180px, .25fr);
gap: 24px;
align-items: start;
}
.sdb-sites-list .sdb-admin-list-row--head {
padding-top: 14px;
padding-bottom: 14px;
background: #f8fbff;
}
.sdb-sites-diagnostics {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 10px;
}
.sdb-sites-diagnostic {
display: grid;
gap: 6px;
min-width: 0;
}
.sdb-sites-diagnostic__label {
color: var(--sdb-admin-muted, #8e9aa7);
font-size: 10.5px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.sdb-admin-state {
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 27px;
padding: 5px 11px;
border-radius: 999px;
font-size: 12.5px;
font-weight: 800;
line-height: 1;
white-space: nowrap;
}
.sdb-admin-state--ok {
background: #e8f7ef;
color: #166239;
}
.sdb-admin-state--attention,
.sdb-admin-state--warning {
background: #fff3d8;
color: #8a5200;
}
.sdb-admin-state--off {
background: #f2f5f8;
color: #607087;
}
.sdb-admin-state--neutral {
background: #eef6ff;
color: #0058b7;
}
.sdb-sites-status-note {
margin: 10px 0 0;
max-width: 260px;
}
@media screen and (max-width: 1100px) {
.sdb-sites-list .sdb-sites-row { grid-template-columns: 1fr; }
.sdb-admin-page .sdb-hero-content { max-width: 82%; }
}
@media screen and (max-width: 782px) {
.sdb-admin-page .sdb-hero-slide { min-height: 340px; }
.sdb-admin-page .sdb-hero-content { max-width: 100%; padding: 26px; }
.sdb-admin-page .sdb-hero-title,
.sdb-admin-page .sdb-on-image__title { font-size: 34px; }
} .sdb-admin-page--contracts-governance .sdb-governance-levels {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.sdb-governance-level {
border: 1px solid var(--sdb-admin-border, #dfe8f2);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-admin-surface-muted, #f8fbff);
padding: 16px;
}
.sdb-governance-level__key {
display: inline-grid;
place-items: center;
width: 36px;
height: 36px;
margin-bottom: 10px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-primary, #0058b7);
color: #fff;
font-weight: 700;
font-size: .9rem;
}
.sdb-governance-level strong,
.sdb-governance-kpi strong {
display: block;
color: var(--sdb-admin-heading, var(--sdb-color-title, #364048));
}
.sdb-governance-level p,
.sdb-governance-kpi em {
margin: 6px 0 0;
color: var(--sdb-admin-text-muted, var(--sdb-color-muted, #7a8795));
font-style: normal;
}
.sdb-governance-kpi strong {
font-size: clamp(1.5rem, 2.6vw, 2.4rem);
line-height: 1;
color: var(--sdb-color-primary, #0058b7);
}
.sdb-governance-kpi span {
display: block;
margin-top: 6px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
color: var(--sdb-admin-text, var(--sdb-color-text, #536171));
}
.sdb-integration-pack-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.sdb-integration-pack {
border: 1px solid var(--sdb-admin-border, #dfe8f2);
border-radius: var(--sdb-radius-lg, 18px);
background: var(--sdb-admin-surface, #fff);
padding: 18px;
}
.sdb-integration-pack__head {
display: flex;
gap: 12px;
align-items: flex-start;
justify-content: space-between;
}
.sdb-integration-pack__head h3 {
margin: 0;
font-size: 1.05rem;
color: var(--sdb-admin-heading, var(--sdb-color-title, #364048));
}
.sdb-integration-pack__list {
margin-top: 14px;
}
.sdb-integration-pack__list strong {
display: block;
margin-bottom: 8px;
font-size: .78rem;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--sdb-admin-text-muted, var(--sdb-color-muted, #7a8795));
}
.sdb-integration-pack__list ul {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
.sdb-integration-pack__list li {
margin: 0;
}
.sdb-integration-pack__list code {
display: inline-block;
padding: 4px 7px;
border-radius: 8px;
background: var(--sdb-admin-surface-muted, #f4f7fb);
color: var(--sdb-admin-text, #536171);
font-size: .78rem;
}
.sdb-integration-pack__list--avoid code {
background: var(--sdb-color-warning-soft, #fff5d8);
color: #7a4b00;
}
.sdb-risk-pill {
display: inline-flex;
align-items: center;
white-space: nowrap;
border-radius: var(--sdb-radius-pill, 999px);
padding: 5px 9px;
font-size: .75rem;
font-weight: 700;
letter-spacing: .03em;
}
.sdb-risk-pill--high {
background: var(--sdb-color-danger-soft, #ffe5e5);
color: var(--sdb-color-danger, #a51d1d);
}
.sdb-risk-pill--medium {
background: var(--sdb-color-warning-soft, #fff2cf);
color: #7a4b00;
}
.sdb-risk-pill--low {
background: var(--sdb-color-success-soft, #dff5e7);
color: var(--sdb-color-success, #176b3a);
}
.sdb-risk-pill--info {
background: var(--sdb-color-info-soft, #e3f3ff);
color: var(--sdb-color-info, #0058b7);
}
.sdb-governance-table-wrap {
overflow-x: auto;
}
.sdb-governance-table td,
.sdb-governance-table th {
vertical-align: top;
}
@media (max-width: 1100px) {
.sdb-admin-page--contracts-governance .sdb-governance-levels,
.sdb-integration-pack-grid {
grid-template-columns: 1fr;
}
} :root {
--sdb-admin-control-height-sm: 34px;
--sdb-admin-toolbar-padding: 8px 10px;
--sdb-admin-table-cell-padding-sm: 7px 10px;
--sdb-admin-tabs-gap: 4px;
--sdb-admin-card-padding-compact: 14px 16px;
}
.sdb-admin-context-bar,
.sdb-admin-compact-toolbar,
.sdb-admin-filter-bar,
.sdb-admin-action-group {
box-sizing: border-box;
}
.sdb-admin-context-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 14px;
margin: 14px 0 18px;
padding: var(--sdb-admin-toolbar-padding);
border: 1px solid var(--sdb-admin-border, #dfe8f2);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-admin-surface, #fff);
box-shadow: 0 4px 14px rgba(15, 35, 60, .035);
}
.sdb-admin-context-bar__main,
.sdb-admin-context-bar__meta,
.sdb-admin-context-bar__actions,
.sdb-admin-compact-toolbar__main,
.sdb-admin-compact-toolbar__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
min-width: 0;
}
.sdb-admin-context-bar__title {
margin: 0;
color: var(--sdb-admin-title, #364048);
font-size: .95rem;
font-weight: 700;
line-height: 1.25;
}
.sdb-admin-context-bar__description {
margin: 0;
color: var(--sdb-admin-muted, #8e9aa7);
font-size: .84rem;
line-height: 1.35;
}
.sdb-admin-compact-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 12px;
margin: 12px 0 16px;
padding: var(--sdb-admin-toolbar-padding);
border: 1px solid var(--sdb-admin-border, #dfe8f2);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-admin-soft-bg, #f8fafc);
}
.sdb-admin-compact-toolbar :where(input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], select),
.sdb-admin-context-bar :where(input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], select),
.sdb-admin-filter-bar--inline :where(input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], select) {
min-height: var(--sdb-admin-control-height-sm);
height: var(--sdb-admin-control-height-sm);
padding-block: 4px;
font-size: 13px;
}
.sdb-admin-compact-toolbar :where(.button, .button-primary, .button-secondary),
.sdb-admin-context-bar :where(.button, .button-primary, .button-secondary),
.sdb-admin-filter-bar--inline :where(.button, .button-primary, .button-secondary),
.sdb-admin-action-group :where(.button, .button-primary, .button-secondary) {
min-height: var(--sdb-admin-control-height-sm);
padding: 4px 12px;
line-height: calc(var(--sdb-admin-control-height-sm) - 10px);
}
.sdb-admin-tabs--compact {
gap: var(--sdb-admin-tabs-gap);
margin: 10px 0 14px;
padding: 4px;
border-radius: var(--sdb-radius-md, 12px);
}
.sdb-admin-tabs--compact .sdb-admin-tab,
.sdb-admin-tabs--compact a.sdb-admin-tab {
min-height: var(--sdb-admin-control-height-sm);
padding: 5px 10px;
font-size: 12.5px;
line-height: 1.2;
}
.sdb-admin-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
}
.sdb-admin-data-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.sdb-admin-data-table--dense {
font-size: 12.5px;
line-height: 1.35;
}
.sdb-admin-data-table--dense th,
.sdb-admin-data-table--dense td {
padding: var(--sdb-admin-table-cell-padding-sm);
border-bottom: 1px solid var(--sdb-admin-border, #dfe8f2);
vertical-align: middle;
}
.sdb-admin-data-table--dense th {
color: var(--sdb-admin-title, #364048);
font-weight: 700;
text-align: left;
background: var(--sdb-admin-soft-bg, #f8fafc);
}
.sdb-admin-data-table--dense tbody tr:hover td {
background: rgba(0, 88, 183, .025);
}
.sdb-admin-filter-bar--inline {
display: flex;
flex-wrap: wrap;
align-items: end;
gap: 8px 10px;
margin: 12px 0;
padding: var(--sdb-admin-toolbar-padding);
border: 1px solid var(--sdb-admin-border, #dfe8f2);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-filter-bar__field {
display: grid;
gap: 3px;
min-width: min(100%, 160px);
}
.sdb-admin-filter-bar__field label {
color: var(--sdb-admin-muted, #8e9aa7);
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
line-height: 1.2;
text-transform: uppercase;
}
.sdb-admin-filter-bar__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.sdb-admin-action-group {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 7px;
}
.sdb-admin-action-group--right,
.sdb-admin-action-group--end {
justify-content: flex-end;
margin-left: auto;
}
.sdb-admin-action-group--compact {
gap: 5px;
}
.sdb-admin-card--compact,
.sdb-admin-tool-panel--compact {
padding: var(--sdb-admin-card-padding-compact);
}
@media screen and (max-width: 782px) {
.sdb-admin-context-bar,
.sdb-admin-compact-toolbar,
.sdb-admin-filter-bar--inline {
align-items: stretch;
}
.sdb-admin-context-bar__main,
.sdb-admin-context-bar__actions,
.sdb-admin-compact-toolbar__main,
.sdb-admin-compact-toolbar__actions,
.sdb-admin-filter-bar__actions,
.sdb-admin-action-group {
width: 100%;
}
.sdb-admin-filter-bar__field {
width: 100%;
}
.sdb-admin-context-bar :where(.button, .button-primary, .button-secondary),
.sdb-admin-compact-toolbar :where(.button, .button-primary, .button-secondary),
.sdb-admin-filter-bar--inline :where(.button, .button-primary, .button-secondary) {
justify-content: center;
}
} :root {
--sdb-admin-page-max-width: 1180px;
--sdb-admin-page-max-width-wide: 1440px;
--sdb-admin-page-gutter: 20px;
--sdb-admin-page-full-margin: 20px;
--sdb-admin-table-min-width-lg: 980px;
--sdb-admin-table-min-width-xl: 1180px;
--sdb-admin-choice-size: 16px;
--sdb-admin-choice-gap: 8px;
--sdb-admin-choice-offset: .12em;
--sdb-admin-choice-focus-ring: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 88, 183, .22);
}
.sdb-admin-page--wide {
max-width: min(var(--sdb-admin-page-max-width-wide), calc(100vw - 180px));
}
.sdb-admin-page--full,
.sdb-admin-page--fluid,
.sdb-admin-page--data-heavy {
max-width: none;
width: auto;
margin-right: var(--sdb-admin-page-full-margin);
}
.sdb-admin-page--data-heavy .sdb-admin-header,
.sdb-admin-page--data-heavy .sdb-admin-card,
.sdb-admin-page--data-heavy .sdb-admin-tool-panel {
max-width: none;
}
.sdb-admin-page--data-heavy .sdb-admin-card,
.sdb-admin-page--data-heavy .sdb-admin-tool-panel {
padding: var(--sdb-admin-card-padding-compact, 14px 16px);
}
.sdb-admin-layout--full,
.sdb-admin-layout--wide {
width: 100%;
max-width: none;
}
.sdb-admin-table-region {
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden;
border: 1px solid var(--sdb-admin-border, #dfe8f2);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-table-region > .sdb-admin-context-bar,
.sdb-admin-table-region > .sdb-admin-compact-toolbar,
.sdb-admin-table-region > .sdb-admin-filter-bar--inline {
margin: 0;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: none;
}
.sdb-admin-table-scroll,
.sdb-admin-table-wrap--scroll {
width: 100%;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.sdb-admin-data-table--wide,
.sdb-admin-table--wide {
min-width: var(--sdb-admin-table-min-width-lg);
}
.sdb-admin-data-table--xwide,
.sdb-admin-table--xwide {
min-width: var(--sdb-admin-table-min-width-xl);
}
.sdb-admin-page :where(
.sdb-form,
.sdb-admin-tool-panel,
.sdb-admin-card,
.sdb-admin-field-row,
.sdb-admin-choice,
.sdb-admin-filter-bar--inline,
.sdb-admin-context-bar,
.sdb-admin-compact-toolbar,
.sdb-admin-data-table,
.sdb-admin-permission-matrix
) :where(input[type="checkbox"], input[type="radio"]) {
width: var(--sdb-admin-choice-size);
min-width: var(--sdb-admin-choice-size);
max-width: var(--sdb-admin-choice-size);
height: var(--sdb-admin-choice-size);
min-height: 0;
max-height: var(--sdb-admin-choice-size);
margin: var(--sdb-admin-choice-offset) 0 0;
padding: 0;
flex: 0 0 var(--sdb-admin-choice-size);
line-height: normal;
vertical-align: middle;
box-shadow: none;
}
.sdb-admin-page :where(
.sdb-form,
.sdb-admin-tool-panel,
.sdb-admin-card,
.sdb-admin-field-row,
.sdb-admin-choice,
.sdb-admin-filter-bar--inline,
.sdb-admin-context-bar,
.sdb-admin-compact-toolbar,
.sdb-admin-data-table,
.sdb-admin-permission-matrix
) :where(input[type="checkbox"], input[type="radio"]):focus {
border-color: var(--sdb-admin-primary, #0058b7);
box-shadow: var(--sdb-admin-choice-focus-ring);
outline: none;
}
.sdb-admin-field-row,
.sdb-admin-choice {
box-sizing: border-box;
}
.sdb-admin-field-row {
display: grid;
gap: 6px;
margin: 0 0 12px;
}
.sdb-admin-field-row--choice,
.sdb-admin-choice {
display: flex;
align-items: flex-start;
gap: var(--sdb-admin-choice-gap);
padding: 8px 0;
}
.sdb-admin-field-row--choice .sdb-admin-field-row__content,
.sdb-admin-choice__content {
display: grid;
gap: 3px;
min-width: 0;
}
.sdb-admin-field-row__label,
.sdb-admin-choice__label {
color: var(--sdb-admin-title, #364048);
font-size: 13px;
font-weight: 600;
line-height: 1.35;
}
.sdb-admin-field-row__help,
.sdb-admin-choice__help {
color: var(--sdb-admin-muted, #8e9aa7);
font-size: 12px;
line-height: 1.35;
}
.sdb-admin-field-row--inline {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 10px;
}
@media screen and (max-width: 782px) {
.sdb-admin-page--wide,
.sdb-admin-page--full,
.sdb-admin-page--fluid,
.sdb-admin-page--data-heavy {
width: auto;
margin-right: 10px;
}
.sdb-admin-data-table--wide,
.sdb-admin-table--wide,
.sdb-admin-data-table--xwide,
.sdb-admin-table--xwide {
min-width: 860px;
}
} .sdb-admin-page--scanner .sdb-admin-result-summary--intelligence,
.sdb-admin-page--scanner .sdb-admin-result-summary--risk {
margin-top: 14px;
}
.sdb-admin-page--scanner .sdb-admin-scanner-risk-grid {
margin-bottom: 14px;
}
.sdb-admin-page--scanner .sdb-admin-recommendations--contract {
border-left: 4px solid #d98f00;
background: #fff8eb;
}
.sdb-admin-page--scanner .sdb-admin-recommendations--contract strong {
color: #7a4b00;
}
.sdb-admin-page--scanner .sdb-admin-list-cell > .sdb-admin-badge {
margin-top: 8px;
margin-right: 6px;
} .sdb-admin-list-table,
.sdb-admin-list-table *,
.sdb-admin-bulk-actions,
.sdb-admin-kpi-card {
box-sizing: border-box;
}
.sdb-admin-list-table {
display: grid;
gap: 12px;
width: 100%;
}
.sdb-admin-list-table__toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: var(--sdb-admin-toolbar-padding, 8px 10px);
border: 1px solid var(--sdb-admin-border, #EEF3F8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-bulk-actions {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.sdb-admin-bulk-actions select,
.sdb-admin-bulk-actions .button,
.sdb-admin-bulk-actions button {
min-height: var(--sdb-admin-control-height-sm, 34px);
}
.sdb-admin-list-table .sdb-admin-data-table,
.sdb-admin-list-table table {
min-width: var(--sdb-admin-table-min-width-lg, 980px);
width: 100%;
}
.sdb-admin-list-table .sdb-admin-data-table th,
.sdb-admin-list-table .sdb-admin-data-table td {
padding: var(--sdb-admin-table-cell-padding-sm, 7px 10px);
vertical-align: middle;
}
.sdb-admin-list-table .sdb-admin-data-table tbody tr:hover {
background: var(--sdb-state-hover-bg, rgba(0, 88, 183, .06));
}
.sdb-admin-kpi-card {
display: grid;
gap: 5px;
min-width: 140px;
padding: var(--sdb-admin-card-padding-compact, 14px 16px);
border: 1px solid var(--sdb-admin-border, #EEF3F8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-admin-surface, #fff);
box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05));
}
.sdb-admin-kpi-card__value {
color: var(--sdb-admin-primary, #0058B7);
font-size: 1.65rem;
font-weight: 700;
line-height: 1;
}
.sdb-admin-kpi-card__label {
color: var(--sdb-admin-text, #6B7785);
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
@media (max-width: 782px) {
.sdb-admin-list-table__toolbar,
.sdb-admin-bulk-actions {
align-items: stretch;
flex-direction: column;
}
.sdb-admin-bulk-actions select,
.sdb-admin-bulk-actions .button,
.sdb-admin-bulk-actions button {
width: 100%;
}
} .sdb-admin-page--component-api .sdb-admin-data-table th,
.sdb-admin-page--component-api .sdb-admin-data-table td {
vertical-align: top;
}
.sdb-admin-component-api-list {
display: grid;
gap: .875rem;
}
.sdb-admin-component-api-item {
padding: var(--sdb-admin-card-padding-compact, 14px);
border: 1px solid var(--sdb-admin-border, #dfe7ef);
border-radius: var(--sdb-radius-md, 12px);
background: color-mix(in srgb, var(--sdb-admin-surface, #fff) 86%, var(--sdb-admin-bg, #f6f8fb));
}
.sdb-admin-component-api-item h3 {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .5rem;
margin: 0 0 .35rem;
font-size: .98rem;
color: var(--sdb-admin-heading, #1f2a36);
}
.sdb-admin-component-api-item p {
margin: 0 0 .55rem;
color: var(--sdb-admin-text, #52616f);
}
.sdb-admin-token-grid--compact {
display: flex;
flex-wrap: wrap;
gap: .35rem;
}
.sdb-admin-risk {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: .18rem .5rem;
border-radius: var(--sdb-radius-pill, 999px);
font-size: .75rem;
font-weight: 700;
line-height: 1.1;
background: var(--sdb-color-background, #f5f8fb);
color: var(--sdb-admin-text, #52616f);
}
.sdb-admin-risk--high,
.sdb-admin-risk--medium-high {
background: color-mix(in srgb, var(--sdb-color-warning, #b54708) 12%, white);
color: #7a2e0e;
}
.sdb-admin-risk--medium {
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 10%, white);
color: var(--sdb-color-primary, #0058b7);
}
.sdb-admin-checklist--static {
display: grid;
gap: .75rem;
margin: 0;
padding: 0;
list-style: none;
}
.sdb-admin-checklist--static li {
display: grid;
gap: .25rem;
padding: .85rem;
border: 1px solid var(--sdb-admin-border, #dfe7ef);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-checklist--static span {
color: var(--sdb-admin-text, #52616f);
}
.sdb-admin-checklist--static small {
color: var(--sdb-color-muted, #8e9aa7);
} .sdb-admin-page--data-heavy .sdb-admin-card pre {
max-width: 100%;
overflow-x: auto;
}
.sdb-admin-page--data-heavy .sdb-admin-data-table code {
white-space: nowrap;
} .sdb-admin-page--visual-qa {
--sdb-visual-qa-frame-bg: color-mix(in srgb, var(--sdb-admin-bg, #f6f8fb) 84%, white);
}
.sdb-visual-qa-jump-nav {
position: sticky;
top: 32px;
z-index: 3;
margin: 1rem 0;
overflow-x: auto;
}
.sdb-visual-qa-scenarios {
display: grid;
gap: 1.25rem;
}
.sdb-visual-qa-card {
scroll-margin-top: 96px;
}
.sdb-visual-qa-card__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1rem;
}
.sdb-visual-qa-card__header h2 {
margin-top: 0;
}
.sdb-visual-qa-card__header p {
max-width: 760px;
margin-bottom: 0;
color: var(--sdb-admin-text, #52616f);
}
.sdb-visual-qa-frame-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
gap: 1rem;
align-items: start;
}
.sdb-visual-qa-frame {
min-width: 0;
padding: var(--sdb-admin-card-padding-compact, 14px);
border: 1px solid var(--sdb-admin-border, #dfe7ef);
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-visual-qa-frame-bg);
}
.sdb-visual-qa-frame h3 {
margin: 0 0 .75rem;
font-size: var(--sdb-type-label-lg-size, .9rem);
letter-spacing: .02em;
color: var(--sdb-admin-heading, #1f2a36);
}
.sdb-visual-qa-canvas {
min-width: 0;
padding: clamp(14px, 2vw, 22px);
border: 1px dashed color-mix(in srgb, var(--sdb-admin-border, #dfe7ef) 76%, var(--sdb-admin-text, #52616f));
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-color-surface, #fff);
overflow: hidden;
}
.sdb-visual-qa-canvas--mobile {
width: min(100%, 360px);
margin-inline: auto;
}
.sdb-visual-qa-canvas--mobile .sdb-form__grid,
.sdb-visual-qa-canvas--mobile .sdb-editorial-grid,
.sdb-visual-qa-canvas--mobile .sdb-admin-compact-toolbar,
.sdb-visual-qa-canvas--mobile .sdb-admin-filter-bar--inline {
grid-template-columns: 1fr;
flex-direction: column;
align-items: stretch;
}
.sdb-visual-qa-canvas--mobile .sdb-session-card,
.sdb-visual-qa-canvas--mobile .sdb-match-card {
align-items: flex-start;
}
.sdb-visual-qa-media-placeholder,
.sdb-visual-qa-hero-placeholder {
background:
linear-gradient(135deg, rgba(0, 88, 183, .18), rgba(0, 88, 183, .04)),
repeating-linear-gradient(45deg, rgba(31, 42, 54, .05) 0 8px, transparent 8px 16px);
}
.sdb-visual-qa-hero-placeholder {
min-height: clamp(260px, 36vw, 430px);
position: relative;
}
.sdb-visual-qa-modal-stage {
position: relative;
display: grid;
gap: 1rem;
min-height: 280px;
align-items: center;
justify-items: center;
padding: 1rem;
border-radius: var(--sdb-radius-lg, 16px);
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 7%, white);
}
.sdb-visual-qa-modal-stage .sdb-modal {
position: relative;
inset: auto;
width: min(100%, 480px);
max-height: none;
transform: none;
}
.sdb-visual-qa-modal-stage .sdb-toast {
position: relative;
inset: auto;
justify-self: end;
}
.sdb-visual-qa-canvas .sdb-document-list__item,
.sdb-visual-qa-canvas .sdb-admin-data-table,
.sdb-visual-qa-canvas .sdb-standings-table {
font-size: var(--sdb-type-body-sm-size, .95rem);
}
@media (max-width: 1180px) {
.sdb-visual-qa-frame-grid {
grid-template-columns: 1fr;
}
.sdb-visual-qa-frame--mobile {
max-width: 430px;
}
}
@media (max-width: 782px) {
.sdb-visual-qa-card__header {
flex-direction: column;
}
.sdb-visual-qa-jump-nav {
top: 0;
}
} .sdb-admin-page--accessibility-scanner .sdb-admin-context-bar--a11y {
margin: 0 0 18px;
}
.sdb-admin-result-summary--a11y {
margin-bottom: 18px;
}
.sdb-admin-a11y-list .sdb-admin-finding-list {
margin: 8px 0 0;
padding-left: 18px;
}
.sdb-admin-a11y-list .sdb-admin-finding-list li {
margin: 0 0 10px;
}
.sdb-admin-recommendations--accessibility {
border-left: 3px solid var(--sdb-color-warning, #d97706);
} .sdb-admin-page--visual-qa {
--sdb-visual-qa-frame-bg: color-mix(in srgb, var(--sdb-admin-bg, #f6f8fb) 88%, white);
--sdb-visual-qa-canvas-padding: clamp(18px, 2.2vw, 30px);
--sdb-visual-qa-mobile-padding: 16px;
}
.sdb-visual-qa-frame {
padding: clamp(14px, 1.6vw, 20px);
}
.sdb-visual-qa-canvas {
padding: var(--sdb-visual-qa-canvas-padding);
overflow: visible;
container-type: inline-size;
}
.sdb-visual-qa-canvas--mobile {
width: min(100%, 360px);
padding: var(--sdb-visual-qa-mobile-padding);
overflow: hidden;
}
.sdb-visual-qa-canvas :where(.sdb-registration-form, .sdb-document-list, .sdb-result-list, .sdb-editorial-grid, .sdb-sensitive-panel) {
max-width: min(100%, 760px);
}
.sdb-visual-qa-canvas .sdb-registration-form {
gap: clamp(16px, 2vw, 24px);
}
.sdb-visual-qa-canvas .sdb-session-card {
overflow: visible;
}
.sdb-visual-qa-canvas .sdb-session-card__choice,
.sdb-visual-qa-canvas .sdb-consent-block > input[type="checkbox"],
.sdb-visual-qa-canvas .sdb-consent-block > input[type="radio"] {
transform: translateY(1px);
}
.sdb-visual-qa-canvas--mobile .sdb-consent-block {
grid-template-columns: var(--sdb-choice-size, 16px) minmax(0, 1fr) !important;
align-items: start !important;
}
.sdb-visual-qa-canvas--mobile .sdb-form__check-text {
font-size: .86rem;
line-height: 1.42;
}
.sdb-visual-qa-canvas--mobile .sdb-session-card {
padding: 14px;
gap: 10px;
}
.sdb-visual-qa-canvas--mobile .sdb-session-card--choice {
grid-template-columns: var(--sdb-choice-size, 16px) minmax(0, 1fr) !important;
}
.sdb-visual-qa-canvas--mobile .sdb-hero-slide {
min-height: 420px;
}
.sdb-visual-qa-canvas--mobile .sdb-hero-title {
font-size: clamp(2rem, 12vw, 2.75rem) !important;
line-height: 1.05 !important;
max-inline-size: 10ch;
overflow-wrap: anywhere;
}
.sdb-visual-qa-canvas--mobile .sdb-hero-subtitle {
font-size: .98rem;
line-height: 1.45;
}
.sdb-visual-qa-canvas .sdb-editorial-card,
.sdb-visual-qa-canvas .sdb-catalog-card {
min-width: 0;
overflow: hidden;
}
.sdb-visual-qa-canvas .sdb-editorial-card__inner,
.sdb-visual-qa-canvas .sdb-catalog-card__body {
padding: clamp(14px, 2vw, 20px);
}
.sdb-visual-qa-canvas .sdb-editorial-card h3,
.sdb-visual-qa-canvas .sdb-catalog-card h3 {
margin-top: 0;
overflow-wrap: break-word;
}
.sdb-visual-qa-canvas--mobile .sdb-editorial-grid {
gap: 18px;
}
.sdb-visual-qa-canvas--mobile .sdb-u-media-square {
aspect-ratio: 4 / 3;
}
.sdb-visual-qa-canvas--mobile .sdb-filter-bar--documents {
grid-template-columns: 1fr;
}
.sdb-visual-qa-canvas--mobile .sdb-document-list__item {
display: grid;
grid-template-columns: var(--sdb-document-icon-size, 34px) minmax(0, 1fr);
align-items: start;
}
.sdb-visual-qa-canvas--mobile .sdb-document-list__action {
grid-column: 2;
margin-inline-start: 0;
}
.sdb-visual-qa-canvas--mobile .sdb-score-card {
width: 100%;
justify-content: flex-start !important;
} .sdb-visual-qa-canvas--registration-form :where(.sdb-registration-form, .sdb-session-list) {
max-width: min(100%, 760px);
}
.sdb-visual-qa-canvas--registration-form .sdb-session-card--choice {
width: min(100%, 720px);
}
.sdb-visual-qa-canvas--registration-form .sdb-consent-block {
width: min(100%, 720px);
}
.sdb-visual-qa-canvas--mobile.sdb-visual-qa-canvas--registration-form .sdb-consent-block {
align-items: start !important;
}
.sdb-visual-qa-canvas--mobile.sdb-visual-qa-canvas--registration-form .sdb-form__check-body {
display: block;
min-width: 0;
}
.sdb-visual-qa-canvas--hero-on-image .sdb-hero-content {
max-width: min(100%, 620px);
}
.sdb-visual-qa-canvas--mobile.sdb-visual-qa-canvas--hero-on-image .sdb-hero-content {
max-width: 100%;
padding: 26px !important;
}
.sdb-visual-qa-canvas--mobile.sdb-visual-qa-canvas--hero-on-image .sdb-tag-on-image {
max-width: 100%;
white-space: normal;
}
.sdb-visual-qa-canvas--sensitive-interface .sdb-sensitive-panel {
max-width: min(100%, 680px);
}
.sdb-visual-qa-canvas--sensitive-interface .sdb-token-lookup,
.sdb-visual-qa-canvas--sensitive-interface .sdb-confidential-notice {
padding: clamp(12px, 1.5vw, 16px);
}
.sdb-visual-qa-canvas--mobile.sdb-visual-qa-canvas--sensitive-interface .sdb-token-lookup {
padding: 12px;
}
.sdb-visual-qa-canvas--sports-results .sdb-result-list {
max-width: min(100%, 760px);
}
.sdb-visual-qa-canvas--sports-results .sdb-match-card {
max-width: min(100%, 680px);
}
.sdb-visual-qa-canvas--sports-results .sdb-standings-table {
max-width: min(100%, 760px);
}
.sdb-visual-qa-canvas--editorial-catalog .sdb-editorial-grid--qa {
max-width: min(100%, 760px);
}
.sdb-visual-qa-canvas--editorial-catalog .sdb-editorial-card,
.sdb-visual-qa-canvas--editorial-catalog .sdb-catalog-card {
width: 100%;
}
.sdb-visual-qa-canvas--mobile.sdb-visual-qa-canvas--editorial-catalog .sdb-editorial-grid--qa {
grid-template-columns: 1fr !important;
} .sdb-visual-qa-canvas--registration-form .sdb-session-card--choice {
padding-block: var(--sdb-choice-card-padding-y, 16px) !important;
padding-inline: var(--sdb-choice-card-padding-x, 18px) !important;
grid-template-columns: var(--sdb-choice-control-column, 16px) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-card-inline-gap, 12px) !important;
}
.sdb-visual-qa-canvas--registration-form .sdb-session-card--choice > :where(.sdb-session-card__control, input[type="radio"], input[type="checkbox"], .sdb-session-card__choice) {
grid-column: 1 !important;
grid-row: 1 !important;
transform: none !important;
margin: 0 !important;
padding-top: var(--sdb-choice-title-baseline-offset, .18rem) !important;
}
.sdb-visual-qa-canvas--registration-form .sdb-session-card--choice > :where(.sdb-session-card__body, .sdb-session-card__content) {
grid-column: 2 !important;
grid-row: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
.sdb-visual-qa-canvas--registration-form .sdb-consent-block.sdb-form__check {
padding-block: var(--sdb-consent-padding-y, 14px) !important;
padding-inline: var(--sdb-consent-padding-x, 18px) !important;
grid-template-columns: var(--sdb-choice-control-column, 16px) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-card-inline-gap, 12px) !important;
}
.sdb-visual-qa-canvas--registration-form .sdb-consent-block.sdb-form__check > :where(.sdb-form__check-control, input[type="checkbox"], input[type="radio"]) {
grid-column: 1 !important;
grid-row: 1 !important;
transform: none !important;
margin: 0 !important;
padding-top: var(--sdb-choice-title-baseline-offset, .18rem) !important;
}
.sdb-visual-qa-canvas--registration-form .sdb-consent-block.sdb-form__check > :where(.sdb-form__check-body, .sdb-form__check-text) {
grid-column: 2 !important;
grid-row: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
.sdb-visual-qa-canvas--mobile.sdb-visual-qa-canvas--registration-form .sdb-session-card--choice,
.sdb-visual-qa-canvas--mobile.sdb-visual-qa-canvas--registration-form .sdb-consent-block.sdb-form__check {
grid-template-columns: var(--sdb-choice-control-column, 16px) minmax(0, 1fr) !important;
padding-inline: 16px !important;
} .sdb-admin-page--enterprise .sdb-admin-card {
overflow: hidden;
}
.sdb-enterprise-timeline {
display: grid;
gap: 14px;
}
.sdb-enterprise-timeline__item {
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
gap: 14px;
align-items: start;
padding: 14px;
border: 1px solid var(--sdb-admin-border, #D6E0EA);
border-radius: 14px;
background: var(--sdb-admin-soft-bg, #F8FAFC);
}
.sdb-enterprise-timeline__step {
display: inline-grid;
place-items: center;
inline-size: 34px;
block-size: 34px;
border-radius: 999px;
background: var(--sdb-admin-blue-bg, #E4F5FF);
color: var(--sdb-admin-primary, #0057B8);
font-size: 11px;
font-weight: 800;
letter-spacing: .04em;
}
.sdb-enterprise-timeline__item h3 {
margin: 0 0 4px;
color: var(--sdb-admin-heading, #2F3A45);
font-size: 14px;
}
.sdb-enterprise-timeline__item p {
margin: 0 0 10px;
color: var(--sdb-admin-muted, #728094);
}
.sdb-admin-separator {
margin: 18px 0;
border: 0;
border-top: 1px solid var(--sdb-admin-border, #D6E0EA);
}
.sdb-admin-risk--stable,
.sdb-admin-risk--low {
color: #166534;
background: #DCFCE7;
border-color: #BBF7D0;
}
.sdb-admin-risk--experimental,
.sdb-admin-risk--medium {
color: #92400E;
background: #FEF3C7;
border-color: #FDE68A;
}
.sdb-admin-risk--deprecated,
.sdb-admin-risk--legacy,
.sdb-admin-risk--high {
color: #9F1239;
background: #FFE4E6;
border-color: #FECDD3;
}
.sdb-admin-risk--removed {
color: #F8FAFC;
background: #111827;
border-color: #111827;
} .sdb-admin-page--token-pipeline .sdb-admin-header__summary {
min-width: 150px;
}
.sdb-token-pipeline-stack {
display: grid;
gap: var(--sdb-admin-card-gap, 14px);
}
.sdb-token-pipeline-layer {
padding: var(--sdb-admin-card-padding-compact, 14px);
border: 1px solid var(--sdb-admin-border, #dfe7ef);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-admin-surface, #fff);
}
.sdb-token-pipeline-layer__meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.sdb-token-pipeline-layer h3 {
margin: 0 0 6px;
font-size: 1rem;
}
.sdb-token-pipeline-layer p {
margin: 0 0 10px;
color: var(--sdb-admin-muted, #667085);
}
.sdb-token-gate-list li small,
.sdb-admin-component-api-item small {
display: block;
margin-top: 6px;
color: var(--sdb-admin-muted, #667085);
}
.sdb-admin-risk--watch {
color: #8a4b00;
background: #fff4d7;
border-color: #f6d99b;
}
@media (max-width: 782px) {
.sdb-token-pipeline-layer__meta {
align-items: flex-start;
justify-content: flex-start;
}
} .sdb-admin-page--playground .sdb-admin-card {
overflow: hidden;
}
.sdb-playground-theme-grid,
.sdb-playground-surface-grid,
.sdb-playground-profile__meta {
display: grid;
gap: var(--sdb-admin-card-gap, 16px);
}
.sdb-playground-theme-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.sdb-playground-theme-card {
border: 1px solid var(--sdb-admin-border, #dce7f3);
border-radius: var(--sdb-radius-lg, 18px);
background: var(--sdb-admin-surface, #fff);
padding: var(--sdb-admin-card-padding-compact, 16px);
}
.sdb-playground-theme-card h3,
.sdb-playground-profile h2,
.sdb-playground-surface h3 {
margin-block: 0 .5rem;
}
.sdb-playground-theme-card p,
.sdb-playground-profile p {
margin-block: 0 .75rem;
}
.sdb-playground-theme-card__swatches {
display: flex;
gap: 6px;
margin-block-end: 12px;
}
.sdb-playground-theme-card__swatches span {
inline-size: 32px;
block-size: 32px;
border-radius: 999px;
background: var(--sdb-playground-swatch, #eef3f8);
border: 1px solid rgba(19, 39, 61, .12);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55);
}
.sdb-playground-profile-list {
display: grid;
gap: 22px;
margin-block-start: 22px;
}
.sdb-playground-profile__header {
display: flex;
justify-content: space-between;
gap: 18px;
align-items: flex-start;
margin-block-end: 18px;
}
.sdb-playground-profile__meta {
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: var(--sdb-admin-card-padding-compact, 16px);
border-radius: var(--sdb-radius-lg, 18px);
background: var(--sdb-color-background, #f5f8fb);
margin-block-end: 18px;
}
.sdb-playground-profile__meta h3 {
font-size: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--sdb-color-muted, #8e9aa7);
margin-block: 0 8px;
}
.sdb-playground-surface-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
}
.sdb-playground-surface {
border: 1px solid var(--sdb-admin-border, #dce7f3);
border-radius: var(--sdb-radius-lg, 18px);
background: var(--sdb-color-surface, #fff);
padding: 14px;
}
.sdb-playground-surface__canvas {
display: grid;
gap: 12px;
min-block-size: 136px;
align-content: start;
padding: 16px;
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-background, #f5f8fb);
}
.sdb-playground-contract-note pre {
white-space: pre-wrap;
overflow: auto;
padding: 14px;
border-radius: var(--sdb-radius-md, 12px);
background: #101828;
color: #f8fafc;
}
.sdb-playground-surface .sdb-text-field,
.sdb-playground-surface .sdb-radio-field,
.sdb-playground-surface .sdb-checkbox-field {
max-inline-size: 420px;
}
.sdb-playground-surface .sdb-choice-group {
border: 0;
padding: 0;
margin: 0;
}
.sdb-playground-surface .sdb-choice-group legend {
font-weight: 700;
margin-block-end: 10px;
}
@media (max-width: 1100px) {
.sdb-playground-profile__meta,
.sdb-playground-surface-grid {
grid-template-columns: 1fr;
}
.sdb-playground-profile__header {
flex-direction: column;
}
} .sdb-admin-settings-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
gap: var(--sdb-admin-gap, 16px);
align-items: start;
}
.sdb-admin-status-badge {
display: inline-flex;
align-items: center;
gap: .35em;
min-height: 22px;
padding: 3px 9px;
border: 1px solid transparent;
border-radius: var(--sdb-radius-pill, 999px);
font-size: var(--sdb-type-label-sm-size, 12px);
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
}
.sdb-admin-status-badge.sdb-status-badge--success,
.sdb-admin-status-badge.sdb-status-badge--open,
.sdb-admin-status-badge.sdb-status-badge--available {
color: var(--sdb-color-success-text, #1E5F34);
background: var(--sdb-color-success-bg, #E9F6EE);
border-color: color-mix(in srgb, var(--sdb-color-success, #2F8F4E) 26%, transparent);
}
.sdb-admin-status-badge.sdb-status-badge--warning,
.sdb-admin-status-badge.sdb-status-badge--pending {
color: var(--sdb-color-warning-text, #8A4B00);
background: var(--sdb-color-warning-bg, #FFF5E1);
border-color: color-mix(in srgb, var(--sdb-color-warning, #F59E0B) 28%, transparent);
}
.sdb-admin-status-badge.sdb-status-badge--error,
.sdb-admin-status-badge.sdb-status-badge--cancelled,
.sdb-admin-status-badge.sdb-status-badge--closed {
color: var(--sdb-color-error-text, #7F1D1D);
background: var(--sdb-color-error-bg, #FDECEC);
border-color: color-mix(in srgb, var(--sdb-color-error, #C53030) 24%, transparent);
}
.sdb-admin-field {
display: grid;
gap: 6px;
}
.sdb-admin-help-text {
margin: 4px 0 0;
color: var(--sdb-admin-muted, var(--sdb-color-muted, #8E9AA7));
font-size: 12px;
line-height: 1.45;
} .sdb-admin-scanner-ds-recommendations {
margin: 24px 0;
}
.sdb-admin-recommendation-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
margin-top: 16px;
}
.sdb-admin-recommendation-card {
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #D7E0EA));
border-radius: var(--sdb-radius-lg, 14px);
background: var(--sdb-admin-surface, var(--sdb-color-surface, #fff));
padding: var(--sdb-admin-card-padding-compact, 16px);
min-width: 0;
}
.sdb-admin-recommendation-card h3 {
margin: 10px 0 8px;
font-size: 15px;
line-height: 1.25;
color: var(--sdb-admin-heading, var(--sdb-color-title, #1F2A36));
}
.sdb-admin-recommendation-card p {
margin: 8px 0 0;
color: var(--sdb-admin-text, var(--sdb-color-text, #2D3748));
line-height: 1.45;
}
.sdb-admin-recommendation-card__meta {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
} .sdb-admin-card--compact { padding: var(--sdb-admin-card-padding-compact, 14px); }
.sdb-admin-grid { display: grid; gap: var(--sdb-admin-grid-gap, 16px); }
.sdb-admin-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-admin-badge { display: inline-flex; align-items: center; min-height: 22px; padding: 3px 9px; border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-admin-primary-soft, #eaf4ff); color: var(--sdb-admin-primary, #0058b7); font-size: 12px; font-weight: 700; }
.sdb-admin-tool-panel--technical { background: var(--sdb-admin-surface, #fff); }
.sdb-admin-tool-panel__description,
.sdb-admin-header__description,
.sdb-admin-site-selector__help,
.sdb-admin-batch-controls__help,
.sdb-admin-export-actions__note { color: var(--sdb-admin-muted, #6b7785); font-size: 13px; line-height: 1.5; }
.sdb-admin-header__title { margin: 0; color: var(--sdb-admin-heading, #1d2733); }
.sdb-admin-header__version { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-admin-primary-soft, #eaf4ff); color: var(--sdb-admin-primary, #0058b7); font-size: 12px; font-weight: 700; }
.sdb-admin-progress-panel__bar { min-height: 8px; border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-admin-border, #d8e2ee); overflow: hidden; }
.sdb-admin-progress-panel__meta,
.sdb-admin-result-summary__label { color: var(--sdb-admin-muted, #6b7785); font-size: 12px; }
.sdb-admin-result-summary__value { color: var(--sdb-admin-heading, #1d2733); font-weight: 800; }
.sdb-admin-site-selector__actions { display: flex; gap: var(--sdb-space-xs, 8px); flex-wrap: wrap; }
.sdb-admin-batch-controls__input { max-width: 120px; }
@media (max-width: 782px) { .sdb-admin-grid--2 { grid-template-columns: 1fr; } } .sdb-stylebook-page {
--sdb-stylebook-grid-min: 220px;
--sdb-stylebook-panel-bg: var(--sdb-admin-surface, #fff);
--sdb-stylebook-border: var(--sdb-admin-border, var(--sdb-color-border, #e5edf5));
--sdb-stylebook-muted: var(--sdb-admin-muted, var(--sdb-color-muted, #7d8a99));
}
.sdb-stylebook-hero {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 24px;
}
.sdb-stylebook-version-card {
min-width: 180px;
border: 1px solid var(--sdb-stylebook-border);
border-radius: var(--sdb-radius-lg, 20px);
background: linear-gradient(135deg, var(--sdb-color-primary, #0058b7), var(--sdb-color-secondary, #009bd8));
color: #fff;
padding: 20px;
box-shadow: var(--sdb-shadow-card, 0 12px 30px rgba(19, 39, 61, .08));
}
.sdb-stylebook-version-card span,
.sdb-stylebook-version-card strong {
display: block;
}
.sdb-stylebook-version-card span {
opacity: .82;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .08em;
}
.sdb-stylebook-version-card strong {
margin-top: 8px;
font-size: 32px;
line-height: 1;
}
.sdb-stylebook-tabs {
position: sticky;
top: 32px;
z-index: 5;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 20px 0 28px;
padding: 10px;
border: 1px solid var(--sdb-stylebook-border);
border-radius: var(--sdb-radius-lg, 20px);
background: rgba(255,255,255,.92);
backdrop-filter: blur(10px);
}
.sdb-stylebook-tabs a {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 12px;
border-radius: var(--sdb-radius-pill, 999px);
text-decoration: none;
color: var(--sdb-admin-text, #344052);
background: var(--sdb-color-background, #f5f8fb);
font-weight: 600;
}
.sdb-stylebook-tabs a:hover,
.sdb-stylebook-tabs a:focus-visible {
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058b7));
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.18));
outline: 0;
}
.sdb-stylebook-section {
margin: 0 0 42px;
}
.sdb-stylebook-section__header {
max-width: 900px;
margin: 0 0 18px;
}
.sdb-stylebook-section__header h2 {
margin: 0 0 6px;
color: var(--sdb-admin-heading, var(--sdb-color-title, #364048));
font-size: clamp(22px, 2vw, 30px);
}
.sdb-stylebook-section__header p {
margin: 0;
color: var(--sdb-stylebook-muted);
font-size: 15px;
}
.sdb-stylebook-panel {
margin: 0 0 18px;
padding: 20px;
border: 1px solid var(--sdb-stylebook-border);
border-radius: var(--sdb-radius-lg, 20px);
background: var(--sdb-stylebook-panel-bg);
box-shadow: var(--sdb-shadow-card, 0 12px 30px rgba(19, 39, 61, .08));
}
.sdb-stylebook-panel > h3,
.sdb-stylebook-panel > h4 {
margin-top: 0;
}
.sdb-token-inspector-grid,
.sdb-component-inspector-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--sdb-stylebook-grid-min), 1fr));
gap: 14px;
}
.sdb-token-swatch,
.sdb-component-inspector-card {
border: 1px solid var(--sdb-stylebook-border);
border-radius: var(--sdb-radius-md, 12px);
background: #fff;
overflow: hidden;
}
.sdb-token-swatch {
padding: 12px;
}
.sdb-token-swatch code,
.sdb-token-swatch small {
display: block;
}
.sdb-token-swatch code {
margin-top: 10px;
font-size: 12px;
color: var(--sdb-admin-heading, #22313f);
white-space: normal;
word-break: break-word;
}
.sdb-token-swatch small {
margin-top: 4px;
color: var(--sdb-stylebook-muted);
font-size: 11px;
word-break: break-word;
}
.sdb-token-preview {
display: flex;
align-items: center;
justify-content: center;
min-height: 70px;
border: 1px solid var(--sdb-stylebook-border);
border-radius: var(--sdb-radius-sm, 6px);
background: var(--sdb-color-background, #f5f8fb);
}
.sdb-token-preview--color {
border: 0;
}
.sdb-token-preview--type {
color: var(--sdb-color-title, #364048);
font-size: 38px;
font-weight: 700;
}
.sdb-token-preview--radius {
background: var(--sdb-color-primary, #0058b7);
}
.sdb-token-preview--shadow {
margin: 12px;
min-height: 48px;
background: #fff;
}
.sdb-token-preview--space i {
display: block;
max-width: 100%;
height: 18px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-secondary, #009bd8);
}
.sdb-component-inspector-card__preview {
min-height: 126px;
padding: 16px;
background: linear-gradient(180deg, #fff, var(--sdb-color-background, #f5f8fb));
}
.sdb-component-inspector-card__meta {
padding: 14px;
border-top: 1px solid var(--sdb-stylebook-border);
}
.sdb-component-inspector-card__meta code,
.sdb-component-inspector-card__meta span,
.sdb-component-inspector-card__meta p {
display: block;
}
.sdb-component-inspector-card__meta span {
margin-top: 4px;
color: var(--sdb-stylebook-muted);
font-size: 12px;
}
.sdb-component-inspector-card__meta p {
margin: 8px 0 0;
color: var(--sdb-admin-text, #344052);
font-size: 13px;
}
.sdb-stylebook-generic-component {
display: grid;
min-height: 90px;
place-items: center;
border: 1px dashed var(--sdb-stylebook-border);
border-radius: var(--sdb-radius-md, 12px);
color: var(--sdb-stylebook-muted);
}
.sdb-stylebook-compare-grid,
.sdb-stylebook-admin-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 18px;
}
.sdb-stylebook-compare-grid--wide {
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}
.sdb-stylebook-media {
position: relative;
min-height: 150px;
margin: 0;
border-radius: var(--sdb-radius-md, 12px);
background: linear-gradient(135deg, rgba(0,88,183,.92), rgba(0,155,216,.72));
overflow: hidden;
}
.sdb-stylebook-media .sdb-tag-on-image {
position: absolute;
top: 12px;
left: 12px;
}
.sdb-stylebook-editorial-body {
padding: 14px 0 0;
}
.sdb-stylebook-editorial-body p {
color: var(--sdb-color-text, #6b7785);
}
.sdb-stylebook-findings {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 14px;
}
.sdb-stylebook-finding {
padding: 18px;
border: 1px solid var(--sdb-stylebook-border);
border-radius: var(--sdb-radius-lg, 20px);
background: #fff;
}
.sdb-stylebook-finding span {
display: inline-flex;
margin-bottom: 8px;
padding: 4px 8px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-background, #f5f8fb);
color: var(--sdb-stylebook-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
}
.sdb-stylebook-finding--warning {
border-color: color-mix(in srgb, var(--sdb-color-warning, #d97706) 30%, #fff);
}
.sdb-stylebook-finding h3 {
margin: 0 0 8px;
}
.sdb-stylebook-finding p {
margin: 0;
color: var(--sdb-stylebook-muted);
}
@media (max-width: 782px) {
.sdb-stylebook-hero {
display: block;
}
.sdb-stylebook-version-card {
margin-top: 16px;
}
.sdb-stylebook-tabs {
position: static;
}
} .sdb-stylebook-page--consolidated .sdb-stylebook-tabs {
position: sticky;
top: 32px;
z-index: 5;
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 10px;
margin: 18px 0;
background: rgba(255,255,255,.96);
border: 1px solid var(--sdb-admin-border, #d8e0ea);
border-radius: var(--sdb-radius-lg, 16px);
box-shadow: var(--sdb-shadow-element, 0 8px 22px rgba(15,35,55,.08));
}
.sdb-stylebook-taxonomy-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 14px;
}
.sdb-stylebook-taxonomy-card h3 { margin-top: 10px; }
.sdb-stylebook-definition-list {
display: grid;
gap: 10px;
margin: 0;
}
.sdb-stylebook-definition-list > div {
display: grid;
grid-template-columns: minmax(130px, .35fr) 1fr;
gap: 14px;
padding: 10px 0;
border-bottom: 1px solid var(--sdb-admin-border, #d8e0ea);
}
.sdb-stylebook-definition-list dt { font-weight: 700; }
.sdb-stylebook-definition-list dd { margin: 0; color: var(--sdb-admin-text, #1f2a36); }
.sdb-component-inspector-card details {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid var(--sdb-admin-border, #d8e0ea);
}
.sdb-component-inspector-card summary {
cursor: pointer;
font-weight: 700;
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058b7));
}
.sdb-component-inspector-card pre {
max-height: 180px;
overflow: auto;
padding: 10px;
background: #f6f8fb;
border: 1px solid var(--sdb-admin-border, #d8e0ea);
border-radius: var(--sdb-radius-sm, 8px);
white-space: pre-wrap;
}
.sdb-stylebook-utility-demo { margin-bottom: 12px; }
.sdb-stylebook-gutenberg-preview {
max-width: var(--sdb-editor-content-width, 860px);
padding: 24px;
background: var(--sdb-color-surface, #fff);
border: 1px solid var(--sdb-admin-border, #d8e0ea);
border-radius: var(--sdb-radius-lg, 16px);
margin-bottom: 16px;
}
.sdb-stylebook-page--consolidated .sdb-tabs__panel {
padding: 12px;
background: var(--sdb-color-surface, #fff);
border: 1px solid var(--sdb-admin-border, #d8e0ea);
border-top: 0;
border-radius: 0 0 var(--sdb-radius-md, 12px) var(--sdb-radius-md, 12px);
}
@media (max-width: 782px) {
.sdb-stylebook-page--consolidated .sdb-stylebook-tabs { position: static; }
.sdb-stylebook-definition-list > div { grid-template-columns: 1fr; }
} .sdb-admin-scope-form {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #dcdcde));
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-scope-form label {
font-size: 12px;
font-weight: 700;
color: var(--sdb-admin-text-muted, var(--sdb-color-muted, #646970));
}
.sdb-admin-scope-form select {
min-height: 30px;
max-width: 260px;
}
.sdb-admin-scope-summary {
margin: 12px 0 16px;
}
.sdb-admin-scope-summary h2 {
margin-top: 0;
} .sdb-component-inspector-card__preview {
display: flex;
align-items: stretch;
justify-content: stretch;
}
.sdb-component-inspector-card__preview > * {
width: 100%;
}
.sdb-stylebook-preview-upload,
.sdb-stylebook-preview-ticket,
.sdb-stylebook-semantic-preview__surface {
display: grid;
place-items: center;
min-height: 92px;
padding: 16px;
border: 1px dashed var(--sdb-color-border, #d9e2ec);
border-radius: var(--sdb-radius-md, 12px);
background: rgba(255,255,255,.72);
text-align: center;
color: var(--sdb-color-text, #344052);
}
.sdb-stylebook-preview-upload .dashicons {
width: 34px;
height: 34px;
color: var(--sdb-color-primary, #0058b7);
font-size: 34px;
}
.sdb-stylebook-preview-upload small,
.sdb-stylebook-preview-ticket small,
.sdb-stylebook-semantic-preview small,
.sdb-stylebook-preview-event small,
.sdb-stylebook-preview-list small,
.sdb-stylebook-preview-slider small,
.sdb-stylebook-preview-choice small,
.sdb-stylebook-preview-field small {
display: block;
margin-top: 4px;
color: var(--sdb-color-muted, #788697);
font-size: 12px;
}
.sdb-stylebook-preview-list,
.sdb-stylebook-preview-event {
display: flex;
align-items: center;
gap: 12px;
padding: 14px;
border: 1px solid var(--sdb-color-border, #d9e2ec);
border-radius: var(--sdb-radius-md, 12px);
background: #fff;
}
.sdb-stylebook-preview-list > div {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 8px;
align-items: center;
flex: 1;
}
.sdb-stylebook-preview-list .dashicons {
grid-row: span 2;
color: var(--sdb-color-primary, #0058b7);
}
.sdb-stylebook-preview-list a {
font-weight: 700;
text-decoration: none;
}
.sdb-stylebook-preview-ticket {
border-style: solid;
border-left: 5px solid var(--sdb-color-primary, #0058b7);
place-items: start;
text-align: left;
}
.sdb-stylebook-preview-ticket span {
color: var(--sdb-color-muted, #788697);
font-size: 12px;
text-transform: uppercase;
letter-spacing: .08em;
}
.sdb-stylebook-preview-table {
margin: 0;
overflow: hidden;
border-radius: var(--sdb-radius-sm, 8px);
}
.sdb-stylebook-preview-modal {
display: grid;
place-items: center;
min-height: 112px;
padding: 12px;
border-radius: var(--sdb-radius-md, 12px);
background: rgba(18, 31, 49, .08);
}
.sdb-stylebook-preview-modal > div {
position: relative;
width: min(100%, 220px);
padding: 16px;
border: 1px solid var(--sdb-color-border, #d9e2ec);
border-radius: var(--sdb-radius-md, 12px);
background: #fff;
box-shadow: var(--sdb-shadow-card, 0 12px 30px rgba(19, 39, 61, .08));
}
.sdb-stylebook-preview-modal .sdb-dismiss-button {
position: absolute;
top: 8px;
right: 8px;
}
.sdb-stylebook-preview-choice,
.sdb-stylebook-preview-field {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 12px;
border: 1px solid var(--sdb-color-border, #d9e2ec);
border-radius: var(--sdb-radius-md, 12px);
background: #fff;
}
.sdb-stylebook-preview-field {
display: grid;
gap: 7px;
}
.sdb-stylebook-preview-field input,
.sdb-stylebook-preview-field select {
width: 100%;
min-height: 34px;
}
.sdb-stylebook-preview-nav {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
padding: 10px;
border-radius: var(--sdb-radius-pill, 999px);
background: #fff;
border: 1px solid var(--sdb-color-border, #d9e2ec);
}
.sdb-stylebook-preview-nav a {
padding: 7px 10px;
border-radius: var(--sdb-radius-pill, 999px);
text-decoration: none;
color: var(--sdb-color-text, #344052);
font-weight: 700;
font-size: 12px;
}
.sdb-stylebook-preview-nav .is-active {
background: var(--sdb-color-primary, #0058b7);
color: #fff;
}
.sdb-stylebook-preview-badges,
.sdb-stylebook-preview-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
min-height: 90px;
}
.sdb-stylebook-preview-slider {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 10px;
align-items: center;
min-height: 100px;
padding: 12px;
border-radius: var(--sdb-radius-md, 12px);
background: linear-gradient(135deg, rgba(0,88,183,.10), rgba(0,155,216,.10));
}
.sdb-stylebook-preview-slider > div {
padding: 10px;
border-radius: var(--sdb-radius-sm, 8px);
background: #fff;
}
.sdb-stylebook-preview-event .sdb-date-badge {
display: grid;
place-items: center;
width: 58px;
min-height: 64px;
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-event-date-bg, var(--sdb-color-primary, #0058b7));
color: var(--sdb-event-date-text, #fff);
}
.sdb-stylebook-preview-event .sdb-date-badge strong {
font-size: 24px;
line-height: 1;
}
.sdb-stylebook-preview-event .sdb-date-badge small {
margin: 0;
color: inherit;
font-weight: 800;
letter-spacing: .08em;
}
.sdb-stylebook-semantic-preview__label {
display: block;
margin-bottom: 8px;
color: var(--sdb-color-muted, #788697);
font-family: var(--sdb-font-mono, monospace);
font-size: 12px;
}
.sdb-stylebook-semantic-preview__surface {
min-height: 72px;
} .sdb-admin-table-region,
.sdb-admin-table-scroll,
.sdb-admin-table-wrap,
.sdb-admin-table-wrap--scroll,
.sdb-admin-list-table {
box-sizing: border-box;
}
.sdb-admin-table-region {
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden;
padding: 0 !important;
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #dfe8f2));
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-admin-surface, var(--sdb-color-surface, #fff));
}
.sdb-admin-table-scroll,
.sdb-admin-table-wrap,
.sdb-admin-table-wrap--scroll {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding: 0 !important;
border: 0;
}
.sdb-admin-data-table {
width: 100%;
border: 0;
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
}
.sdb-admin-data-table th,
.sdb-admin-data-table td {
box-sizing: border-box;
vertical-align: middle;
border-top: 0;
border-left: 0;
border-right: 0;
}
.sdb-admin-data-table thead th {
position: relative;
text-align: left;
white-space: nowrap;
}
.sdb-admin-data-table--dense th,
.sdb-admin-data-table--dense td {
padding: var(--sdb-admin-table-cell-padding-sm, 7px 10px);
line-height: 1.35;
}
.sdb-admin-table-region .sdb-admin-data-table,
.sdb-admin-table-scroll .sdb-admin-data-table {
margin: 0;
}
.sdb-admin-data-table--wide {
min-width: var(--sdb-admin-table-min-width-lg, 980px);
}
.sdb-admin-data-table--xwide {
min-width: var(--sdb-admin-table-min-width-xl, 1180px);
}
@media screen and (max-width: 782px) {
.sdb-admin-data-table--wide,
.sdb-admin-data-table--xwide,
.sdb-admin-list-table .sdb-admin-data-table,
.sdb-admin-list-table table {
min-width: min(var(--sdb-admin-table-min-width-lg, 980px), 980px);
}
.sdb-admin-data-table--dense th,
.sdb-admin-data-table--dense td {
padding: var(--sdb-admin-table-cell-padding-tablet, 8px 9px);
}
} .sdb-admin-page--design-system,
.sdb-admin-page--scanner,
.sdb-stylebook-page,
.sdb-admin-page--qa-release,
.sdb-admin-page--security {
--sdb-admin-shell-max-width: 1240px;
--sdb-admin-shell-gutter: 20px;
width: auto;
max-width: var(--sdb-admin-shell-max-width);
margin: 24px var(--sdb-admin-shell-gutter) 40px 0;
box-sizing: border-box;
}
.sdb-admin-page--design-system .sdb-admin-header,
.sdb-admin-page--scanner .sdb-admin-header,
.sdb-stylebook-page .sdb-admin-header,
.sdb-admin-page--qa-release .sdb-admin-header,
.sdb-admin-page--security .sdb-admin-header,
.sdb-admin-page--design-system .sdb-admin-nav,
.sdb-admin-page--scanner .sdb-admin-nav,
.sdb-stylebook-page .sdb-admin-nav,
.sdb-admin-page--qa-release .sdb-admin-nav,
.sdb-admin-page--security .sdb-admin-nav,
.sdb-stylebook-page .sdb-stylebook-tabs {
width: 100%;
max-width: 100%;
min-width: 0;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
.sdb-admin-page--design-system .sdb-admin-nav,
.sdb-admin-page--scanner .sdb-admin-nav,
.sdb-stylebook-page .sdb-admin-nav,
.sdb-admin-page--qa-release .sdb-admin-nav,
.sdb-admin-page--security .sdb-admin-nav {
align-self: stretch;
}
.sdb-admin-page--design-system .sdb-admin-header--split,
.sdb-admin-page--scanner .sdb-admin-header--split,
.sdb-stylebook-page .sdb-admin-header--split,
.sdb-admin-page--qa-release .sdb-admin-header--split,
.sdb-admin-page--security .sdb-admin-header--split,
.sdb-stylebook-page .sdb-stylebook-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
}
.sdb-admin-page--design-system .sdb-admin-header > div:first-child,
.sdb-admin-page--scanner .sdb-admin-header > div:first-child,
.sdb-stylebook-page .sdb-admin-header > div:first-child,
.sdb-admin-page--qa-release .sdb-admin-header > div:first-child,
.sdb-admin-page--security .sdb-admin-header > div:first-child {
min-width: 0;
}
.sdb-admin-page--design-system .sdb-admin-header h1,
.sdb-admin-page--scanner .sdb-admin-header h1,
.sdb-stylebook-page .sdb-admin-header h1,
.sdb-admin-page--qa-release .sdb-admin-header h1,
.sdb-admin-page--security .sdb-admin-header h1,
.sdb-admin-page--design-system .sdb-admin-header p:not(.sdb-admin-eyebrow),
.sdb-admin-page--scanner .sdb-admin-header p:not(.sdb-admin-eyebrow),
.sdb-stylebook-page .sdb-admin-header p:not(.sdb-admin-eyebrow),
.sdb-admin-page--qa-release .sdb-admin-header p:not(.sdb-admin-eyebrow),
.sdb-admin-page--security .sdb-admin-header p:not(.sdb-admin-eyebrow) {
max-width: min(100%, 860px);
}
@media screen and (max-width: 960px) {
.sdb-admin-page--design-system .sdb-admin-header--split,
.sdb-admin-page--scanner .sdb-admin-header--split,
.sdb-stylebook-page .sdb-admin-header--split,
.sdb-admin-page--qa-release .sdb-admin-header--split,
.sdb-admin-page--security .sdb-admin-header--split,
.sdb-stylebook-page .sdb-stylebook-hero {
display: grid;
grid-template-columns: 1fr;
}
.sdb-admin-page--design-system .sdb-admin-header__summary,
.sdb-admin-page--scanner .sdb-admin-header__summary,
.sdb-stylebook-page .sdb-stylebook-version-card,
.sdb-admin-page--qa-release .sdb-admin-header__summary,
.sdb-admin-page--security .sdb-admin-header__summary {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 782px) {
.sdb-admin-page--design-system,
.sdb-admin-page--scanner,
.sdb-stylebook-page,
.sdb-admin-page--qa-release,
.sdb-admin-page--security {
--sdb-admin-shell-gutter: 10px;
margin-top: 16px;
}
.sdb-admin-page--design-system .sdb-admin-nav,
.sdb-admin-page--scanner .sdb-admin-nav,
.sdb-stylebook-page .sdb-admin-nav,
.sdb-admin-page--qa-release .sdb-admin-nav,
.sdb-admin-page--security .sdb-admin-nav,
.sdb-stylebook-page .sdb-stylebook-tabs {
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
}
} .sdb-admin-page.sdb-admin-page--design-system,
.sdb-admin-page.sdb-admin-page--scanner,
.sdb-admin-page.sdb-stylebook-page,
.sdb-admin-page.sdb-admin-page--qa-release,
.sdb-admin-page.sdb-admin-page--security {
--sdb-admin-shell-max-width: 1240px;
--sdb-admin-shell-gutter: 20px;
inline-size: min(100%, var(--sdb-admin-shell-max-width));
max-inline-size: var(--sdb-admin-shell-max-width);
box-sizing: border-box;
}
.sdb-admin-page.sdb-admin-page--design-system > .sdb-admin-header,
.sdb-admin-page.sdb-admin-page--scanner > .sdb-admin-header,
.sdb-admin-page.sdb-stylebook-page > .sdb-admin-header,
.sdb-admin-page.sdb-admin-page--qa-release > .sdb-admin-header,
.sdb-admin-page.sdb-admin-page--security > .sdb-admin-header,
.sdb-admin-page.sdb-admin-page--design-system > .sdb-admin-nav,
.sdb-admin-page.sdb-admin-page--scanner > .sdb-admin-nav,
.sdb-admin-page.sdb-stylebook-page > .sdb-admin-nav,
.sdb-admin-page.sdb-admin-page--qa-release > .sdb-admin-nav,
.sdb-admin-page.sdb-admin-page--security > .sdb-admin-nav,
.sdb-admin-page.sdb-stylebook-page > .sdb-stylebook-tabs {
inline-size: 100%;
width: 100%;
max-inline-size: none;
max-width: none;
min-inline-size: 0;
box-sizing: border-box;
}
.sdb-admin-page.sdb-stylebook-page > .sdb-admin-header.sdb-stylebook-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(96px, max-content);
gap: clamp(18px, 2.4vw, 32px);
align-items: stretch;
justify-content: stretch;
}
.sdb-admin-page.sdb-stylebook-page > .sdb-admin-header.sdb-stylebook-hero > :first-child {
min-inline-size: 0;
}
.sdb-admin-page.sdb-stylebook-page > .sdb-admin-header.sdb-stylebook-hero > .sdb-stylebook-version-card {
justify-self: end;
align-self: stretch;
inline-size: clamp(84px, 8vw, 118px);
min-inline-size: 84px;
max-inline-size: 128px;
box-sizing: border-box;
}
.sdb-admin-page.sdb-admin-page--design-system > .sdb-admin-header.sdb-admin-header--split,
.sdb-admin-page.sdb-admin-page--scanner > .sdb-admin-header.sdb-admin-header--split,
.sdb-admin-page.sdb-admin-page--qa-release > .sdb-admin-header.sdb-admin-header--split,
.sdb-admin-page.sdb-admin-page--security > .sdb-admin-header.sdb-admin-header--split {
display: grid;
grid-template-columns: minmax(0, 1fr) max-content;
gap: clamp(18px, 2.4vw, 32px);
align-items: stretch;
justify-content: stretch;
}
.sdb-admin-page.sdb-admin-page--design-system > .sdb-admin-header.sdb-admin-header--split > :first-child,
.sdb-admin-page.sdb-admin-page--scanner > .sdb-admin-header.sdb-admin-header--split > :first-child,
.sdb-admin-page.sdb-admin-page--qa-release > .sdb-admin-header.sdb-admin-header--split > :first-child,
.sdb-admin-page.sdb-admin-page--security > .sdb-admin-header.sdb-admin-header--split > :first-child {
min-inline-size: 0;
}
@media screen and (max-width: 960px) {
.sdb-admin-page.sdb-stylebook-page > .sdb-admin-header.sdb-stylebook-hero,
.sdb-admin-page.sdb-admin-page--design-system > .sdb-admin-header.sdb-admin-header--split,
.sdb-admin-page.sdb-admin-page--scanner > .sdb-admin-header.sdb-admin-header--split,
.sdb-admin-page.sdb-admin-page--qa-release > .sdb-admin-header.sdb-admin-header--split,
.sdb-admin-page.sdb-admin-page--security > .sdb-admin-header.sdb-admin-header--split {
grid-template-columns: 1fr;
}
.sdb-admin-page.sdb-stylebook-page > .sdb-admin-header.sdb-stylebook-hero > .sdb-stylebook-version-card,
.sdb-admin-page.sdb-admin-page--design-system > .sdb-admin-header.sdb-admin-header--split > .sdb-admin-header__summary,
.sdb-admin-page.sdb-admin-page--scanner > .sdb-admin-header.sdb-admin-header--split > .sdb-admin-header__summary,
.sdb-admin-page.sdb-admin-page--qa-release > .sdb-admin-header.sdb-admin-header--split > .sdb-admin-header__summary,
.sdb-admin-page.sdb-admin-page--security > .sdb-admin-header.sdb-admin-header--split > .sdb-admin-header__summary {
justify-self: stretch;
inline-size: 100%;
max-inline-size: none;
}
}
@media screen and (max-width: 782px) {
.sdb-admin-page.sdb-admin-page--design-system,
.sdb-admin-page.sdb-admin-page--scanner,
.sdb-admin-page.sdb-stylebook-page,
.sdb-admin-page.sdb-admin-page--qa-release,
.sdb-admin-page.sdb-admin-page--security {
--sdb-admin-shell-gutter: 10px;
inline-size: calc(100% - var(--sdb-admin-shell-gutter));
}
} :root {
--sdb-admin-shell-width: var(--sdb-admin-page-max-width, 1180px);
--sdb-admin-shell-width-wide: var(--sdb-admin-page-max-width-wide, 1440px);
--sdb-admin-shell-width-ds: 1440px;
--sdb-admin-shell-gutter: var(--sdb-admin-page-gutter, 20px);
--sdb-admin-section-gap: 20px;
--sdb-admin-card-radius: var(--sdb-shape-lg, var(--sdb-radius-lg, 16px));
--sdb-admin-card-radius-sm: var(--sdb-shape-md, var(--sdb-radius-md, 10px));
--sdb-admin-card-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05));
--sdb-admin-card-shadow-hover: var(--sdb-elevation-2, 0 10px 24px rgba(31,42,54,.08));
--sdb-admin-card-border: var(--sdb-color-outline-variant, var(--sdb-admin-border, #EEF3F8));
--sdb-admin-nav-item-height: 34px;
--sdb-admin-nav-active-bg: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
--sdb-admin-nav-active-text: var(--sdb-color-on-primary, #fff);
--sdb-admin-table-row-height: 44px;
--sdb-admin-table-row-height-dense: 36px;
--sdb-admin-interactive-transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease);
}
.sdb-admin-page {
width: auto;
max-width: var(--sdb-admin-shell-width);
margin: 24px var(--sdb-admin-shell-gutter) 40px 0;
color: var(--sdb-admin-text, #6B7785);
}
.sdb-admin-page--wide {
max-width: min(var(--sdb-admin-shell-width-wide), calc(100vw - 180px));
}
.sdb-admin-page--full,
.sdb-admin-page--fluid,
.sdb-admin-page--data-heavy {
max-width: none;
width: auto;
}
.sdb-admin-page--design-system,
.sdb-admin-page--scanner,
.sdb-admin-page.sdb-stylebook-page,
.sdb-admin-page--qa-release,
.sdb-admin-page--security {
--sdb-admin-shell-width: var(--sdb-admin-shell-width-ds);
--sdb-admin-shell-gutter: 20px;
width: auto;
max-width: min(var(--sdb-admin-shell-width-ds), calc(100vw - 200px));
margin-inline: 0 var(--sdb-admin-shell-gutter);
}
.sdb-admin-main,
.sdb-admin-content,
.sdb-stylebook-page > main,
.sdb-admin-page--design-system > main,
.sdb-admin-page--scanner > main {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.sdb-admin-page > .sdb-admin-header,
.sdb-admin-page > .sdb-admin-nav,
.sdb-admin-page > .sdb-stylebook-tabs,
.sdb-admin-page > .sdb-admin-main,
.sdb-admin-page > .sdb-admin-grid,
.sdb-admin-page > .sdb-admin-tool-grid,
.sdb-admin-page > .sdb-stylebook-section,
.sdb-admin-page > .sdb-stylebook-taxonomy-grid,
.sdb-admin-page > .sdb-stylebook-panel {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.sdb-admin-header {
padding: clamp(20px, 2.4vw, 30px);
border-color: var(--sdb-admin-card-border);
border-radius: var(--sdb-admin-card-radius);
background: var(--sdb-admin-surface, #fff);
box-shadow: var(--sdb-admin-card-shadow);
}
.sdb-admin-header h1,
.sdb-admin-header__title {
color: var(--sdb-admin-heading, var(--sdb-admin-title, #364048));
font-size: clamp(24px, 2.2vw, 34px);
line-height: 1.12;
letter-spacing: -.025em;
}
.sdb-admin-header p,
.sdb-admin-header__description {
max-width: 860px;
color: var(--sdb-admin-text, #6B7785);
font-size: 14.5px;
line-height: 1.62;
}
.sdb-admin-page.sdb-stylebook-page > .sdb-admin-header.sdb-stylebook-hero,
.sdb-admin-page > .sdb-admin-header.sdb-admin-header--split {
display: grid;
grid-template-columns: minmax(0, 1fr) max-content;
gap: clamp(18px, 2.4vw, 30px);
align-items: stretch;
justify-content: stretch;
}
.sdb-admin-page.sdb-stylebook-page > .sdb-admin-header.sdb-stylebook-hero > :first-child,
.sdb-admin-page > .sdb-admin-header.sdb-admin-header--split > :first-child {
min-width: 0;
}
.sdb-stylebook-version-card,
.sdb-admin-header__summary,
.sdb-admin-summary-box {
border-radius: var(--sdb-admin-card-radius-sm);
box-shadow: var(--sdb-admin-card-shadow);
}
.sdb-stylebook-version-card {
min-width: 94px;
max-width: 128px;
padding: 18px;
}
.sdb-admin-nav,
.sdb-stylebook-tabs,
.sdb-admin-tabs,
.sdb-admin-context-bar,
.sdb-admin-compact-toolbar,
.sdb-admin-filter-bar--inline {
border-color: var(--sdb-admin-card-border);
border-radius: var(--sdb-admin-card-radius);
background: rgba(255,255,255,.96);
box-shadow: var(--sdb-admin-card-shadow);
}
.sdb-admin-nav,
.sdb-stylebook-tabs {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
padding: 10px;
}
.sdb-admin-nav__link,
.sdb-stylebook-tabs a,
.sdb-admin-tab,
a.sdb-admin-tab {
min-height: var(--sdb-admin-nav-item-height);
padding: 7px 12px;
border-radius: var(--sdb-radius-pill, 999px);
color: var(--sdb-admin-text, #6B7785);
background: transparent;
border: 1px solid transparent;
transition: var(--sdb-admin-interactive-transition);
}
.sdb-admin-nav__link:hover,
.sdb-admin-nav__link:focus-visible,
.sdb-stylebook-tabs a:hover,
.sdb-stylebook-tabs a:focus-visible,
.sdb-admin-tab:hover,
a.sdb-admin-tab:hover,
.sdb-admin-tab:focus-visible,
a.sdb-admin-tab:focus-visible {
color: var(--sdb-admin-primary, #0058B7);
background: var(--sdb-state-hover-bg, rgba(0,88,183,.06));
border-color: rgba(0, 88, 183, .12);
outline: 0;
box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22)));
}
.sdb-admin-nav__link.is-active,
.sdb-stylebook-tabs a.is-active,
.sdb-stylebook-tabs a[aria-current="page"],
.sdb-admin-tab.is-active,
a.sdb-admin-tab.is-active,
.sdb-admin-tab[aria-selected="true"],
a.sdb-admin-tab[aria-selected="true"] {
color: var(--sdb-admin-nav-active-text);
background: var(--sdb-admin-nav-active-bg);
border-color: var(--sdb-admin-nav-active-bg);
box-shadow: 0 6px 16px rgba(0, 88, 183, .16);
}
.sdb-admin-section,
.sdb-stylebook-section,
.sdb-visual-qa-section,
.sdb-scanner-section {
margin-block: var(--sdb-admin-section-gap);
}
.sdb-admin-card,
.sdb-admin-tool-panel,
.sdb-component-preview,
.sdb-component-inspector-card,
.sdb-token-swatch,
.sdb-stylebook-panel,
.sdb-stylebook-taxonomy-card,
.sdb-admin-result-summary,
.sdb-admin-empty,
.sdb-empty-state {
border-color: var(--sdb-admin-card-border);
border-radius: var(--sdb-admin-card-radius);
background: var(--sdb-admin-surface, #fff);
box-shadow: var(--sdb-admin-card-shadow);
}
.sdb-admin-card,
.sdb-admin-tool-panel,
.sdb-component-preview,
.sdb-component-inspector-card,
.sdb-stylebook-panel,
.sdb-stylebook-taxonomy-card {
padding: clamp(16px, 2vw, 22px);
}
.sdb-admin-card:not(.sdb-admin-card--interactive):not(.sdb-admin-card--clickable):hover,
.sdb-admin-tool-panel:not(.sdb-admin-tool-panel--interactive):not(.sdb-admin-tool-panel--clickable):hover,
.sdb-component-preview:not(.sdb-component-preview--interactive):hover,
.sdb-stylebook-taxonomy-card:not(.sdb-stylebook-taxonomy-card--interactive):hover {
border-color: var(--sdb-admin-card-border);
box-shadow: var(--sdb-admin-card-shadow);
transform: none;
}
.sdb-admin-card--interactive:hover,
.sdb-admin-card--clickable:hover,
.sdb-admin-tool-panel--interactive:hover,
.sdb-admin-tool-panel--clickable:hover,
.sdb-component-preview--interactive:hover,
a.sdb-stylebook-taxonomy-card:hover {
border-color: var(--sdb-color-outline, #D6E0EA);
box-shadow: var(--sdb-admin-card-shadow-hover);
transform: translateY(-1px);
}
.sdb-admin-card h2,
.sdb-admin-card h3,
.sdb-admin-tool-panel__title,
.sdb-component-preview__title,
.sdb-stylebook-panel > h3,
.sdb-component-inspector-card h3 {
color: var(--sdb-admin-heading, var(--sdb-admin-title, #364048));
font-size: clamp(1rem, .92rem + .35vw, 1.18rem);
line-height: 1.25;
letter-spacing: -.015em;
}
.sdb-admin-page .sdb-btn,
.sdb-admin-page a.sdb-btn,
.sdb-admin-page button.sdb-btn {
min-height: var(--sdb-admin-control-height-md, 38px);
border-radius: var(--sdb-admin-card-radius-sm);
transition: var(--sdb-admin-interactive-transition);
}
.sdb-admin-page .sdb-btn:hover,
.sdb-admin-page a.sdb-btn:hover,
.sdb-admin-page button.sdb-btn:hover {
transform: translateY(-1px);
}
.sdb-admin-page .sdb-btn:focus-visible,
.sdb-admin-page a.sdb-btn:focus-visible,
.sdb-admin-page button.sdb-btn:focus-visible {
outline: 2px solid transparent;
outline-offset: 2px;
box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22))) !important;
}
.sdb-admin-page .sdb-btn:disabled,
.sdb-admin-page .sdb-btn.is-disabled,
.sdb-admin-page .sdb-btn[aria-disabled="true"] {
opacity: var(--sdb-state-disabled-opacity, .56);
transform: none;
cursor: not-allowed;
}
.sdb-admin-page :where(.sdb-btn--sm, .sdb-btn--compact, .sdb-btn--table-action) {
min-height: var(--sdb-admin-control-height-sm, 34px) !important;
padding: 5px 10px !important;
border-radius: var(--sdb-shape-sm, 6px) !important;
font-size: var(--sdb-type-label-md-size, .875rem) !important;
}
.sdb-admin-page .sdb-admin-data-table :where(.sdb-btn--table-action, .sdb-btn--sm, .sdb-btn--compact) {
min-height: 30px !important;
padding: 4px 8px !important;
font-size: 12.5px !important;
}
.sdb-admin-page :where(input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], select, textarea),
.sdb-admin-page .sdb-form__control {
border-color: var(--sdb-color-outline, #D6E0EA);
border-radius: var(--sdb-admin-card-radius-sm);
min-height: var(--sdb-admin-control-height-md, 38px);
background: var(--sdb-admin-surface, #fff);
transition: var(--sdb-admin-interactive-transition);
}
.sdb-admin-page :where(input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], select, textarea):focus-visible,
.sdb-admin-page .sdb-form__control:focus-visible {
border-color: var(--sdb-admin-primary, #0058B7);
outline: 2px solid transparent;
outline-offset: 1px;
box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22)));
}
.sdb-admin-page :where(input, select, textarea):disabled,
.sdb-admin-page :where(input, select, textarea)[aria-disabled="true"] {
opacity: var(--sdb-state-disabled-opacity, .56);
cursor: not-allowed;
}
.sdb-admin-table-region {
border: 1px solid var(--sdb-admin-card-border);
border-radius: var(--sdb-admin-card-radius);
background: var(--sdb-admin-surface, #fff);
box-shadow: var(--sdb-admin-card-shadow);
overflow: hidden;
}
.sdb-admin-table-scroll,
.sdb-admin-table-wrap,
.sdb-admin-table-wrap--scroll {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.sdb-admin-data-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
}
.sdb-admin-data-table th,
.sdb-admin-data-table td {
min-height: var(--sdb-admin-table-row-height);
padding: 10px 12px;
border-bottom: 1px solid var(--sdb-admin-card-border);
vertical-align: middle;
}
.sdb-admin-data-table thead th {
color: var(--sdb-admin-heading, #364048);
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
text-align: left;
text-transform: uppercase;
background: var(--sdb-admin-soft-bg, #F8FAFC);
}
.sdb-admin-data-table--dense th,
.sdb-admin-data-table--dense td {
min-height: var(--sdb-admin-table-row-height-dense);
padding: var(--sdb-admin-table-cell-padding-sm, 7px 10px);
font-size: 12.5px;
}
.sdb-admin-data-table tbody tr:hover td {
background: var(--sdb-state-hover-bg, rgba(0,88,183,.06));
}
.sdb-admin-table-region .sdb-admin-data-table,
.sdb-admin-table-scroll .sdb-admin-data-table {
border: 0;
}
.sdb-admin-data-table--wide {
min-width: var(--sdb-admin-table-min-width-lg, 980px);
}
.sdb-admin-data-table--xwide {
min-width: var(--sdb-admin-table-min-width-xl, 1180px);
}
@media screen and (max-width: 1200px) {
.sdb-admin-page--wide,
.sdb-admin-page--design-system,
.sdb-admin-page--scanner,
.sdb-admin-page.sdb-stylebook-page,
.sdb-admin-page--qa-release,
.sdb-admin-page--security {
max-width: none;
width: auto;
}
}
@media screen and (max-width: 960px) {
.sdb-admin-page.sdb-stylebook-page > .sdb-admin-header.sdb-stylebook-hero,
.sdb-admin-page > .sdb-admin-header.sdb-admin-header--split {
grid-template-columns: 1fr;
}
.sdb-stylebook-version-card,
.sdb-admin-header__summary,
.sdb-admin-summary-box {
justify-self: stretch;
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 782px) {
.sdb-admin-page,
.sdb-admin-page--design-system,
.sdb-admin-page--scanner,
.sdb-admin-page.sdb-stylebook-page,
.sdb-admin-page--qa-release,
.sdb-admin-page--security {
--sdb-admin-shell-gutter: 10px;
margin-top: 16px;
margin-right: 10px;
max-width: none;
width: auto;
}
.sdb-admin-nav,
.sdb-stylebook-tabs,
.sdb-admin-tabs {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
.sdb-admin-nav__link,
.sdb-stylebook-tabs a,
.sdb-admin-tab,
a.sdb-admin-tab {
white-space: nowrap;
}
.sdb-admin-card,
.sdb-admin-tool-panel,
.sdb-component-preview,
.sdb-stylebook-panel,
.sdb-stylebook-taxonomy-card {
padding: 16px;
}
.sdb-admin-data-table--wide,
.sdb-admin-data-table--xwide,
.sdb-admin-list-table .sdb-admin-data-table,
.sdb-admin-table-scroll .sdb-admin-data-table {
min-width: min(980px, calc(100vw + 260px));
}
.sdb-admin-data-table--dense th,
.sdb-admin-data-table--dense td {
padding: 7px 9px;
}
} .sdb-admin-page--design-system > section.sdb-admin-card,
.sdb-admin-page--design-system > .sdb-admin-card,
.sdb-admin-page--design-system > .sdb-admin-grid,
.sdb-admin-page--design-system > .sdb-admin-nav {
inline-size: 100%;
max-inline-size: 100%;
box-sizing: border-box;
}
.sdb-admin-page--design-system .sdb-admin-card--registry {
overflow: hidden;
}
.sdb-admin-page--design-system .sdb-admin-card--registry > .sdb-admin-registry-grid {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
gap: clamp(14px, 1.6vw, 20px);
align-items: start;
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-grid > .sdb-admin-card {
min-width: 0;
max-width: 100%;
overflow: hidden;
padding: clamp(16px, 1.6vw, 20px);
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-grid > .sdb-admin-card h3 {
margin-bottom: 14px;
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list {
gap: 10px;
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list li {
display: grid;
grid-template-columns: minmax(0, 1fr) max-content;
gap: 8px 12px;
align-items: start;
padding: 12px;
border: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-admin-card-radius-sm, var(--sdb-radius-md, 12px));
background: var(--sdb-color-surface-low, #FAFCFE);
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list li:last-child {
border-bottom: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #eef3f8));
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list code {
grid-column: 1;
grid-row: 1;
justify-self: start;
display: block;
width: fit-content;
max-width: 100%;
padding: 5px 8px;
border-radius: var(--sdb-shape-sm, 6px);
background: var(--sdb-color-surface-high, #F5F8FB);
color: var(--sdb-color-on-surface, #364048);
font-size: 12px;
line-height: 1.4;
white-space: normal;
overflow-wrap: anywhere;
word-break: normal;
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list em {
grid-column: 2;
grid-row: 1;
justify-self: end;
align-self: start;
max-width: min(180px, 36vw);
margin-top: 1px;
white-space: normal;
overflow-wrap: anywhere;
text-align: center;
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list span,
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list small {
grid-column: 1 / -1;
min-width: 0;
max-width: 100%;
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list span {
color: var(--sdb-color-on-surface-muted, var(--sdb-admin-text, #6B7785));
font-size: 13px;
line-height: 1.55;
overflow-wrap: normal;
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list small {
color: var(--sdb-color-muted, #8E9AA7);
font-size: 12px;
line-height: 1.5;
}
@media screen and (max-width: 1280px) {
.sdb-admin-page--design-system .sdb-admin-card--registry > .sdb-admin-registry-grid {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
}
}
@media screen and (max-width: 782px) {
.sdb-admin-page--design-system .sdb-admin-card--registry > .sdb-admin-registry-grid {
grid-template-columns: 1fr;
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list li {
grid-template-columns: 1fr;
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list code,
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list em,
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list span,
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list small {
grid-column: 1;
grid-row: auto;
justify-self: start;
}
.sdb-admin-page--design-system .sdb-admin-card--registry .sdb-admin-registry-list em {
max-width: 100%;
}
} .sdb-admin-page--scanner .sdb-admin-result-summary--scanner {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
gap: clamp(10px, 1.2vw, 14px);
margin-block: clamp(14px, 1.6vw, 18px);
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
.sdb-admin-page--scanner .sdb-admin-result-summary--scanner .sdb-admin-result-summary__item {
min-width: 0;
min-height: 76px;
padding: 14px 16px;
border: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-admin-card-radius-sm, 12px);
background: var(--sdb-admin-surface, #fff);
box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05));
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
}
.sdb-admin-page--scanner .sdb-admin-result-summary--scanner .sdb-admin-result-summary__item strong {
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
font-size: clamp(1.35rem, 1.05rem + .8vw, 1.75rem);
line-height: 1;
letter-spacing: -.03em;
}
.sdb-admin-page--scanner .sdb-admin-result-summary--scanner .sdb-admin-result-summary__item span {
color: var(--sdb-admin-text, var(--sdb-color-text, #6B7785));
font-size: 11px;
line-height: 1.25;
letter-spacing: .055em;
text-transform: uppercase;
overflow-wrap: anywhere;
}
.sdb-admin-page--scanner .sdb-admin-result-summary--intelligence,
.sdb-admin-page--scanner .sdb-admin-result-summary--risk {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 185px), 1fr));
}
.sdb-admin-page--design-system .sdb-admin-registry-grid {
align-items: start;
gap: clamp(18px, 1.8vw, 24px);
}
.sdb-admin-page--design-system .sdb-admin-registry-grid--tokens,
.sdb-admin-page--design-system .sdb-admin-registry-grid--components,
.sdb-admin-page--design-system .sdb-admin-card--registry > .sdb-admin-registry-grid {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
}
.sdb-admin-page--design-system .sdb-admin-card--registry-group {
min-width: 0;
overflow: hidden;
padding: clamp(18px, 1.8vw, 22px);
}
.sdb-admin-page--design-system .sdb-admin-card--registry-group > h2,
.sdb-admin-page--design-system .sdb-admin-card--registry-group > h3 {
margin-block: 0 14px;
}
.sdb-admin-page--design-system .sdb-admin-registry-list {
display: grid;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.sdb-admin-page--design-system .sdb-admin-registry-list > li {
display: grid;
grid-template-columns: minmax(0, 1fr) !important;
gap: 7px;
align-items: start;
min-width: 0;
padding: 14px;
border: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-admin-card-radius-sm, 12px);
background: var(--sdb-color-surface-low, #FAFCFE);
}
.sdb-admin-page--design-system .sdb-admin-registry-list > li code,
.sdb-admin-page--design-system .sdb-admin-registry-list > li em,
.sdb-admin-page--design-system .sdb-admin-registry-list > li span,
.sdb-admin-page--design-system .sdb-admin-registry-list > li small,
.sdb-admin-page--design-system .sdb-admin-registry-list > li .sdb-admin-registry-contract {
grid-column: 1 / -1 !important;
grid-row: auto !important;
justify-self: start;
min-width: 0;
max-width: 100%;
}
.sdb-admin-page--design-system .sdb-admin-registry-list > li code {
display: inline-flex;
width: auto;
max-width: 100%;
padding: 5px 8px;
border-radius: var(--sdb-shape-sm, 6px);
background: var(--sdb-color-surface-high, #F5F8FB);
color: var(--sdb-color-on-surface, #364048);
font-size: 12px;
line-height: 1.4;
white-space: normal;
overflow-wrap: anywhere;
}
.sdb-admin-page--design-system .sdb-admin-registry-list > li em {
display: inline-flex;
width: fit-content;
max-width: 100%;
align-items: center;
padding: 3px 8px;
border-radius: var(--sdb-shape-pill, 999px);
background: var(--sdb-color-surface-high, #F5F8FB);
color: var(--sdb-color-muted, #8E9AA7);
font-style: normal;
font-size: 11px;
font-weight: 700;
line-height: 1.35;
letter-spacing: .06em;
text-transform: uppercase;
white-space: normal;
overflow-wrap: anywhere;
text-align: left;
}
.sdb-admin-page--design-system .sdb-admin-registry-list > li span {
color: var(--sdb-color-on-surface-muted, var(--sdb-admin-text, #6B7785));
font-size: 13px;
line-height: 1.55;
}
.sdb-admin-page--design-system .sdb-admin-registry-list > li small {
color: var(--sdb-color-muted, #8E9AA7);
font-size: 12px;
line-height: 1.5;
}
.sdb-admin-page--design-system .sdb-admin-registry-contract {
margin-top: 4px;
}
.sdb-admin-page--design-system .sdb-admin-registry-contract summary {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 4px 10px;
border: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-admin-card-radius-sm, 12px);
background: var(--sdb-admin-surface, #fff);
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
font-weight: 700;
cursor: pointer;
}
.sdb-admin-page--design-system .sdb-admin-registry-contract summary:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22));
}
.sdb-admin-page--design-system .sdb-admin-registry-contract .sdb-admin-code-block--multiline {
margin-top: 10px;
max-height: 260px;
overflow: auto;
}
@media screen and (max-width: 1280px) {
.sdb-admin-page--design-system .sdb-admin-registry-grid--tokens,
.sdb-admin-page--design-system .sdb-admin-registry-grid--components,
.sdb-admin-page--design-system .sdb-admin-card--registry > .sdb-admin-registry-grid {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 782px) {
.sdb-admin-page--scanner .sdb-admin-result-summary--scanner {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
}
.sdb-admin-page--scanner .sdb-admin-result-summary--scanner .sdb-admin-result-summary__item {
min-height: 68px;
padding: 12px 14px;
}
.sdb-admin-page--design-system .sdb-admin-card--registry-group {
padding: 16px;
}
.sdb-admin-page--design-system .sdb-admin-registry-list > li {
padding: 12px;
}
} .sdb-stylebook-core-interactions {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}
.sdb-core-interaction-demo {
display: grid;
gap: 16px;
min-width: 0;
}
.sdb-core-interaction-demo__feedback {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 12px;
}
.sdb-visual-qa-canvas--core-interactions .sdb-action-menu__panel,
.sdb-component-inspector-card__preview .sdb-action-menu__panel,
.sdb-stylebook-panel .sdb-action-menu__panel {
position: static;
margin-top: .65rem;
}
.sdb-component-inspector-card__preview .sdb-toast-stack,
.sdb-stylebook-panel .sdb-toast-stack {
max-width: 100%;
}
.sdb-component-inspector-card__preview .sdb-skeleton-group,
.sdb-stylebook-panel .sdb-skeleton-group {
max-width: 320px;
}
@media screen and (max-width: 782px) {
.sdb-core-interaction-demo__feedback {
display: grid;
}
} .sdb-admin-page :where(.sdb-admin-dashboard) {
display: grid;
gap: var(--sdb-admin-dashboard-gap, var(--sdb-admin-section-gap, 20px));
width: 100%;
min-width: 0;
box-sizing: border-box;
}
.sdb-admin-page :where(.sdb-admin-dashboard__header) {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--sdb-admin-dashboard-gap, 20px);
min-width: 0;
}
.sdb-admin-page :where(.sdb-admin-dashboard__header > *) { min-width: 0; }
.sdb-admin-page :where(.sdb-admin-dashboard__toolbar, .sdb-admin-toolbar) {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--sdb-admin-dashboard-toolbar-gap, 10px);
width: 100%;
min-width: 0;
padding: var(--sdb-admin-toolbar-padding, 8px 10px);
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius, var(--sdb-radius-lg, 16px));
background: color-mix(in srgb, var(--sdb-admin-surface, #fff) 90%, var(--sdb-admin-bg, #F5F8FB));
box-sizing: border-box;
}
.sdb-admin-page :where(.sdb-admin-toolbar__main, .sdb-admin-toolbar__actions) {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--sdb-admin-dashboard-toolbar-gap, 10px);
min-width: 0;
}
.sdb-admin-page :where(.sdb-admin-dashboard__kpis) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--sdb-admin-dashboard-kpi-min-width, 160px), 1fr));
gap: var(--sdb-admin-dashboard-toolbar-gap, 10px);
width: 100%;
min-width: 0;
}
.sdb-admin-page :where(.sdb-admin-dashboard__content) {
display: grid;
gap: var(--sdb-admin-dashboard-gap, 20px);
width: 100%;
min-width: 0;
}
.sdb-admin-page :where(.sdb-admin-kpi-card) {
position: relative;
display: grid;
align-content: start;
gap: 6px;
min-width: 0;
padding: var(--sdb-admin-dashboard-card-padding, clamp(14px, 1.8vw, 20px));
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius, var(--sdb-radius-lg, 16px));
background: var(--sdb-admin-surface, #fff);
box-shadow: var(--sdb-admin-card-shadow, var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)));
box-sizing: border-box;
}
.sdb-admin-page :where(.sdb-admin-kpi-card__value) {
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
font-size: clamp(1.45rem, 1.15rem + .9vw, 2rem);
font-weight: 750;
line-height: 1;
}
.sdb-admin-page :where(.sdb-admin-kpi-card__label) {
color: var(--sdb-admin-text, var(--sdb-color-text, #6B7785));
font-size: .72rem;
font-weight: 700;
letter-spacing: .075em;
line-height: 1.25;
text-transform: uppercase;
}
.sdb-admin-page :where(.sdb-admin-kpi-card__meta) {
color: var(--sdb-color-muted, #8E9AA7);
font-size: .78rem;
line-height: 1.35;
}
.sdb-admin-page :where(.sdb-admin-kpi-card--critical) { border-left: var(--sdb-admin-dashboard-accent-width, 4px) solid var(--sdb-color-error, #C62828); }
.sdb-admin-page :where(.sdb-admin-kpi-card--warning) { border-left: var(--sdb-admin-dashboard-accent-width, 4px) solid var(--sdb-color-warning, #F59E0B); }
.sdb-admin-page :where(.sdb-admin-kpi-card--success) { border-left: var(--sdb-admin-dashboard-accent-width, 4px) solid var(--sdb-color-success, #2E7D32); }
.sdb-admin-page :where(.sdb-admin-kpi-card--info) { border-left: var(--sdb-admin-dashboard-accent-width, 4px) solid var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7)); }
.sdb-admin-page :where(.sdb-admin-filter-panel) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: var(--sdb-admin-dashboard-toolbar-gap, 10px);
align-items: end;
width: 100%;
min-width: 0;
padding: var(--sdb-admin-dashboard-card-padding, 16px);
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius, var(--sdb-radius-lg, 16px));
background: var(--sdb-admin-surface, #fff);
box-sizing: border-box;
}
.sdb-admin-page :where(.sdb-admin-filter-panel__field) {
display: grid;
gap: 5px;
min-width: 0;
}
.sdb-admin-page :where(.sdb-admin-filter-panel__field label) {
color: var(--sdb-admin-heading, var(--sdb-color-title, #364048));
font-size: .74rem;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
.sdb-admin-page :where(.sdb-admin-filter-panel__actions) {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: var(--sdb-admin-dashboard-toolbar-gap, 10px);
min-width: 0;
}
.sdb-admin-page :where(.sdb-admin-recommendation-card) {
position: relative;
overflow: hidden;
display: grid;
gap: 8px;
min-width: 0;
padding: var(--sdb-admin-dashboard-card-padding, 16px);
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius, var(--sdb-radius-lg, 16px));
background: var(--sdb-admin-surface, #fff);
box-shadow: var(--sdb-admin-card-shadow, var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)));
box-sizing: border-box;
}
.sdb-admin-page :where(.sdb-admin-recommendation-card)::before {
content: "";
position: absolute;
inset-block: 0;
inset-inline-start: 0;
inline-size: var(--sdb-admin-dashboard-accent-width, 4px);
background: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
}
.sdb-admin-page :where(.sdb-admin-recommendation-card--high)::before { background: var(--sdb-color-error, #C62828); }
.sdb-admin-page :where(.sdb-admin-recommendation-card--medium)::before { background: var(--sdb-color-warning, #F59E0B); }
.sdb-admin-page :where(.sdb-admin-recommendation-card--low)::before { background: var(--sdb-color-muted, #8E9AA7); }
.sdb-admin-page :where(.sdb-admin-recommendation-card__meta) {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
.sdb-admin-page :where(.sdb-admin-recommendation-card h3) {
margin: 0;
color: var(--sdb-admin-heading, var(--sdb-color-title, #364048));
font-size: 1rem;
line-height: 1.25;
}
.sdb-admin-page :where(.sdb-admin-recommendation-card p) {
margin: 0;
color: var(--sdb-admin-text, var(--sdb-color-text, #6B7785));
line-height: 1.45;
}
.sdb-admin-page :where(.sdb-admin-empty-state, .sdb-admin-loading-state) {
display: grid;
place-items: center;
gap: 10px;
min-height: var(--sdb-admin-dashboard-empty-min-height, 180px);
padding: var(--sdb-admin-dashboard-card-padding, 16px);
border: 1px dashed var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius, var(--sdb-radius-lg, 16px));
background: color-mix(in srgb, var(--sdb-admin-surface, #fff) 86%, var(--sdb-admin-bg, #F5F8FB));
color: var(--sdb-admin-text, var(--sdb-color-text, #6B7785));
text-align: center;
box-sizing: border-box;
}
.sdb-admin-page :where(.sdb-admin-empty-state__title) {
margin: 0;
color: var(--sdb-admin-heading, var(--sdb-color-title, #364048));
font-size: 1.02rem;
}
.sdb-admin-page :where(.sdb-admin-empty-state__text) { margin: 0; max-width: 54ch; }
.sdb-admin-page :where(.sdb-admin-empty-state__actions) { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.sdb-admin-page :where(.sdb-admin-insight-panel) {
display: grid;
gap: 6px;
min-width: 0;
padding: var(--sdb-admin-dashboard-card-padding, 16px);
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
border-left: var(--sdb-admin-dashboard-accent-width, 4px) solid var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
border-radius: var(--sdb-admin-card-radius, var(--sdb-radius-lg, 16px));
background: color-mix(in srgb, var(--sdb-admin-surface, #fff) 88%, var(--sdb-admin-bg, #F5F8FB));
box-sizing: border-box;
}
.sdb-admin-page :where(.sdb-admin-insight-panel__title) {
margin: 0;
color: var(--sdb-admin-heading, var(--sdb-color-title, #364048));
font-size: .96rem;
}
.sdb-admin-page :where(.sdb-admin-insight-panel__text) {
margin: 0;
color: var(--sdb-admin-text, var(--sdb-color-text, #6B7785));
line-height: 1.45;
}
@media (max-width: 782px) {
.sdb-admin-page :where(.sdb-admin-dashboard__header, .sdb-admin-dashboard__toolbar, .sdb-admin-toolbar) {
align-items: stretch;
flex-direction: column;
}
.sdb-admin-page :where(.sdb-admin-toolbar__main, .sdb-admin-toolbar__actions, .sdb-admin-filter-panel__actions) {
align-items: stretch;
flex-direction: column;
width: 100%;
}
.sdb-admin-page :where(.sdb-admin-toolbar__actions .sdb-btn, .sdb-admin-filter-panel__actions .sdb-btn, .sdb-admin-toolbar__actions .button, .sdb-admin-filter-panel__actions .button) {
width: 100%;
justify-content: center;
}
} .sdb-admin-page :where(.sdb-responsive-grid) {
gap: var(--sdb-admin-dashboard-gap, var(--sdb-responsive-gap-md, 1.25rem));
}
.sdb-admin-page :where(.sdb-scroll-region) {
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-page :where(.sdb-responsive-toolbar) {
padding: var(--sdb-admin-toolbar-padding, 8px 10px);
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius, var(--sdb-radius-lg, 16px));
background: var(--sdb-admin-surface, #fff);
box-sizing: border-box;
}
.sdb-admin-page :where(.sdb-visual-qa-canvas--responsive-refinement .sdb-card) {
min-block-size: 0;
box-shadow: var(--sdb-admin-card-shadow, var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)));
}
.sdb-admin-page :where(.sdb-visual-qa-canvas--responsive-refinement .sdb-card h4) {
margin: 0 0 .35rem;
color: var(--sdb-admin-heading, var(--sdb-color-title, #364048));
font-size: .98rem;
}
.sdb-admin-page :where(.sdb-visual-qa-canvas--responsive-refinement .sdb-card p) {
margin: 0;
color: var(--sdb-admin-text, var(--sdb-color-text, #6B7785));
line-height: 1.45;
}
@media (max-width: 782px) {
.sdb-admin-page :where(.sdb-visual-qa-canvas--responsive-refinement .sdb-scroll-region) {
margin-inline: -4px;
border-radius: var(--sdb-radius-sm, 6px);
}
} .sdb-governance-page .sdb-admin-card > h2:first-child,
.sdb-recipe-card > h2:first-child,
.sdb-governance-decision-card > strong:first-child {
margin-top: 0;
}
.sdb-governance-table th,
.sdb-consumer-matrix th {
vertical-align: top;
}
.sdb-governance-decision-card {
display: grid;
gap: .4rem;
min-block-size: 126px;
padding: var(--sdb-admin-dashboard-card-padding, clamp(14px, 1.8vw, 20px));
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius, var(--sdb-radius-lg, 16px));
background: var(--sdb-admin-surface, #fff);
box-shadow: var(--sdb-admin-card-shadow, 0 4px 12px rgba(31,42,54,.05));
box-sizing: border-box;
}
.sdb-governance-decision-card strong {
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
font-size: 1.1rem;
line-height: 1;
}
.sdb-governance-decision-card span {
color: var(--sdb-admin-heading, var(--sdb-color-title, #364048));
font-weight: 600;
line-height: 1.25;
}
.sdb-governance-decision-card em {
color: var(--sdb-admin-text, var(--sdb-color-text, #6B7785));
font-style: normal;
line-height: 1.45;
}
.sdb-recipes-grid .sdb-data-list code,
.sdb-consumer-matrix code {
white-space: normal;
overflow-wrap: anywhere;
}
.sdb-consumer-summary {
margin: 0;
}
@media (max-width: 782px) {
.sdb-governance-page .sdb-admin-header--split {
align-items: stretch;
}
.sdb-governance-decision-card {
min-block-size: 0;
}
} :root {
--sdb-admin-accent-bar-width: 6px;
--sdb-admin-accent-bar-radius: 999px;
--sdb-admin-accent-bar-inset-block: 18px;
--sdb-admin-accent-bar-inset-inline: 18px;
--sdb-admin-accent-bar-color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
--sdb-admin-header-clean-bg: var(--sdb-admin-surface, #fff);
}
.sdb-admin-page--design-system,
.sdb-admin-page--qa-release,
.sdb-admin-page--security,
.sdb-admin-page--scanner,
.sdb-stylebook-page {
--sdb-admin-gradient: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.96));
--sdb-admin-accent-soft: rgba(0,88,183,.06);
}
.sdb-admin-page--design-system .sdb-admin-header,
.sdb-admin-page--qa-release .sdb-admin-header,
.sdb-admin-page--security .sdb-admin-header,
.sdb-admin-page--scanner .sdb-admin-header,
.sdb-stylebook-page .sdb-admin-header,
.sdb-stylebook-hero,
.sdb-admin-page .sdb-admin-header.sdb-stylebook-hero,
.sdb-admin-page .sdb-admin-header--split {
position: relative;
overflow: hidden;
background: var(--sdb-admin-header-clean-bg, #fff) !important;
border-top: 1px solid var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8)) !important;
padding-left: max(clamp(24px, 2.6vw, 34px), calc(var(--sdb-admin-accent-bar-inset-inline, 18px) + var(--sdb-admin-accent-bar-width, 6px) + 28px));
}
.sdb-admin-page--design-system .sdb-admin-header::before,
.sdb-admin-page--qa-release .sdb-admin-header::before,
.sdb-admin-page--security .sdb-admin-header::before,
.sdb-admin-page--scanner .sdb-admin-header::before,
.sdb-stylebook-page .sdb-admin-header::before,
.sdb-stylebook-hero::before,
.sdb-admin-page .sdb-admin-header.sdb-stylebook-hero::before,
.sdb-admin-page .sdb-admin-header--split::before {
content: "" !important;
position: absolute !important;
inset-block: var(--sdb-admin-accent-bar-inset-block, 18px) !important;
inset-inline-start: var(--sdb-admin-accent-bar-inset-inline, 18px) !important;
inline-size: var(--sdb-admin-accent-bar-width, 6px) !important;
block-size: auto !important;
border-radius: var(--sdb-admin-accent-bar-radius, 999px) !important;
background: var(--sdb-admin-accent-bar-color, var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7))) !important;
pointer-events: none !important;
}
.sdb-admin-page--design-system .sdb-admin-header::after,
.sdb-admin-page--qa-release .sdb-admin-header::after,
.sdb-admin-page--security .sdb-admin-header::after,
.sdb-admin-page--scanner .sdb-admin-header::after,
.sdb-stylebook-page .sdb-admin-header::after,
.sdb-stylebook-hero::after {
content: none !important;
display: none !important;
} .sdb-admin-page :where(
.sdb-admin-kpi-card,
.sdb-admin-recommendation-card,
.sdb-admin-insight-panel,
.sdb-production-header,
.sdb-production-readiness,
.sdb-stylebook-preview-ticket,
.sdb-admin-notice
) {
position: relative;
overflow: hidden;
border-left-width: 0 !important;
padding-left: max(var(--sdb-admin-dashboard-card-padding, 16px), calc(var(--sdb-admin-accent-bar-inset-inline, 18px) + var(--sdb-admin-accent-bar-width, 6px) + 16px));
}
.sdb-admin-page :where(
.sdb-admin-kpi-card,
.sdb-admin-recommendation-card,
.sdb-admin-insight-panel,
.sdb-production-header,
.sdb-production-readiness,
.sdb-stylebook-preview-ticket,
.sdb-admin-notice
)::before {
content: "";
position: absolute;
inset-block: var(--sdb-admin-accent-bar-inset-block, 18px);
inset-inline-start: var(--sdb-admin-accent-bar-inset-inline, 18px);
inline-size: var(--sdb-admin-accent-bar-width, 6px);
border-radius: var(--sdb-admin-accent-bar-radius, 999px);
background: var(--sdb-admin-accent-bar-color, var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7)));
pointer-events: none;
}
.sdb-admin-page :where(.sdb-admin-kpi-card--critical, .sdb-admin-recommendation-card--high, .sdb-admin-notice--error, .sdb-production-readiness--blocked, .sdb-production-header--blocked) { --sdb-admin-accent-bar-color: var(--sdb-color-error, #C62828); }
.sdb-admin-page :where(.sdb-admin-kpi-card--warning, .sdb-admin-recommendation-card--medium, .sdb-admin-notice--warning, .sdb-production-readiness--attention, .sdb-production-header--attention) { --sdb-admin-accent-bar-color: var(--sdb-color-warning, #F59E0B); }
.sdb-admin-page :where(.sdb-admin-kpi-card--success, .sdb-admin-notice--success) { --sdb-admin-accent-bar-color: var(--sdb-color-success, #2F8F4E); }
.sdb-admin-page :where(.sdb-admin-kpi-card--info, .sdb-admin-notice--info, .sdb-stylebook-preview-ticket) { --sdb-admin-accent-bar-color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7)); }
.sdb-admin-page :where(.sdb-admin-recommendation-card--low) { --sdb-admin-accent-bar-color: var(--sdb-color-muted, #8E9AA7); }
.sdb-admin-page :where(.sdb-admin-notice--architecture) { --sdb-admin-accent-bar-color: #5b5bd6; } .sdb-admin-page :where(.sdb-admin-recommendation-card)::before {
inset-block: var(--sdb-admin-accent-bar-inset-block, 18px) !important;
inset-inline-start: var(--sdb-admin-accent-bar-inset-inline, 18px) !important;
inline-size: var(--sdb-admin-accent-bar-width, 6px) !important;
block-size: auto !important;
border-radius: var(--sdb-admin-accent-bar-radius, 999px) !important;
} .sdb-progress,
.sdb-progress-bar,
.sdb-health-meter,
.sdb-admin-progress,
.sdb-admin-health-score {
--sdb-admin-accent-bar-width: initial;
}
@media screen and (max-width: 782px) {
.sdb-admin-page--design-system .sdb-admin-header,
.sdb-admin-page--qa-release .sdb-admin-header,
.sdb-admin-page--security .sdb-admin-header,
.sdb-admin-page--scanner .sdb-admin-header,
.sdb-stylebook-page .sdb-admin-header,
.sdb-stylebook-hero,
.sdb-admin-page .sdb-admin-header.sdb-stylebook-hero,
.sdb-admin-page .sdb-admin-header--split {
padding-left: calc(var(--sdb-admin-accent-bar-inset-inline, 18px) + var(--sdb-admin-accent-bar-width, 6px) + 18px);
}
.sdb-admin-page :where(
.sdb-admin-kpi-card,
.sdb-admin-recommendation-card,
.sdb-admin-insight-panel,
.sdb-production-header,
.sdb-production-readiness,
.sdb-stylebook-preview-ticket,
.sdb-admin-notice
) {
padding-left: calc(var(--sdb-admin-accent-bar-inset-inline, 18px) + var(--sdb-admin-accent-bar-width, 6px) + 14px);
}
} :root {
--sdb-admin-shell-width-current: 1440px;
--sdb-admin-header-bg-clean: #fff;
--sdb-admin-header-accent-width: 6px;
--sdb-admin-header-accent-inset: 20px;
--sdb-admin-surface-clean: #fff;
--sdb-admin-surface-subtle: #FAFCFE;
--sdb-admin-code-bg: #F5F8FB;
}
.sdb-admin-page {
box-sizing: border-box;
}
.sdb-admin-page--design-system,
.sdb-admin-page--scanner,
.sdb-admin-page--component-api,
.sdb-admin-page--accessibility-scanner,
.sdb-admin-page--token-pipeline,
.sdb-admin-page--asset-domains,
.sdb-admin-page--enterprise,
.sdb-admin-page--production,
.sdb-admin-page--governance,
.sdb-stylebook-page {
max-width: min(var(--sdb-admin-shell-width-current), calc(100vw - 180px));
width: auto;
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-stylebook-hero) {
position: relative;
overflow: hidden;
box-sizing: border-box;
border: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius, 18px);
background: var(--sdb-admin-header-bg-clean) !important;
background-image: none !important;
box-shadow: var(--sdb-admin-card-shadow, 0 8px 24px rgba(31,42,54,.055));
padding: clamp(22px, 2.5vw, 34px) clamp(24px, 3vw, 38px) clamp(22px, 2.5vw, 34px) calc(var(--sdb-admin-header-accent-inset) + var(--sdb-admin-header-accent-width) + clamp(20px, 2.6vw, 34px));
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-stylebook-hero)::before {
content: "" !important;
position: absolute !important;
inset-block: var(--sdb-admin-header-accent-inset) !important;
inset-inline-start: var(--sdb-admin-header-accent-inset) !important;
width: var(--sdb-admin-header-accent-width) !important;
height: auto !important;
border-radius: 999px !important;
background: var(--sdb-admin-accent-bar-color, var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7))) !important;
pointer-events: none !important;
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-stylebook-hero)::after {
content: none !important;
display: none !important;
}
.sdb-admin-page :where(.sdb-admin-header h1, .sdb-stylebook-hero h1) {
max-width: 980px;
}
.sdb-admin-page :where(.sdb-admin-header p:not(.sdb-admin-eyebrow), .sdb-stylebook-hero p:not(.sdb-admin-eyebrow)) {
max-width: 980px;
}
.sdb-admin-page :where(.sdb-admin-header__summary, .sdb-stylebook-version-card) {
background: var(--sdb-admin-surface-clean) !important;
border: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #EEF3F8)) !important;
box-shadow: var(--sdb-admin-card-shadow, 0 8px 24px rgba(31,42,54,.055)) !important;
backdrop-filter: none !important;
} .sdb-admin-page :where(.sdb-admin-notice)::before {
content: none !important;
display: none !important;
}
.sdb-admin-page :where(.sdb-admin-notice) {
padding-left: clamp(16px, 2vw, 22px) !important;
border-left: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #EEF3F8)) !important;
}
.sdb-admin-page :where(.sdb-admin-kpi-card, .sdb-admin-recommendation-card, .sdb-admin-insight-panel)::before {
inset-block: 14px !important;
inset-inline-start: 14px !important;
width: 5px !important;
}
.sdb-admin-page :where(.sdb-admin-kpi-card, .sdb-admin-recommendation-card, .sdb-admin-insight-panel) {
padding-left: calc(14px + 5px + 18px) !important;
} .sdb-recipes-grid {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
align-items: stretch;
}
.sdb-recipe-card {
display: grid;
align-content: start;
gap: 14px;
min-width: 0;
}
.sdb-recipe-card .sdb-admin-eyebrow {
max-width: 100%;
white-space: normal;
}
.sdb-recipe-steps,
.sdb-recipe-card .sdb-data-list {
display: grid !important;
gap: 10px !important;
margin: 0 !important;
}
.sdb-recipe-step,
.sdb-recipe-card .sdb-data-list__item {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 6px !important;
min-width: 0;
padding: 12px !important;
border: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius-sm, 12px);
background: var(--sdb-admin-surface-clean);
}
.sdb-recipe-step__label,
.sdb-recipe-card dt {
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
font-size: .72rem;
font-weight: 800;
letter-spacing: .075em;
text-transform: uppercase;
}
.sdb-recipe-step__content,
.sdb-recipe-card dd {
min-width: 0;
margin: 0 !important;
color: var(--sdb-admin-text, var(--sdb-color-text, #6B7785));
line-height: 1.5;
}
.sdb-code-inline-list,
.sdb-recipe-card code {
display: inline;
padding: .12rem .3rem;
border-radius: 6px;
background: var(--sdb-admin-code-bg);
color: var(--sdb-admin-heading, #364048);
white-space: normal;
overflow-wrap: anywhere;
word-break: normal;
} .sdb-admin-contract-list {
display: grid;
gap: 14px;
}
.sdb-admin-contract-list .sdb-admin-list-row {
--sdb-admin-list-columns: minmax(240px, .55fr) minmax(520px, 1.45fr);
align-items: start;
}
.sdb-admin-contract-list .sdb-admin-list-cell--wide {
min-width: 0;
}
.sdb-admin-code-disclosure,
.sdb-admin-technical-disclosure {
min-width: 0;
}
.sdb-admin-code-disclosure > summary,
.sdb-admin-technical-disclosure > summary {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 6px 10px;
border: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius-sm, 12px);
background: var(--sdb-admin-surface-clean);
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
font-weight: 800;
cursor: pointer;
}
.sdb-admin-code-disclosure > summary:focus-visible,
.sdb-admin-technical-disclosure > summary:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22));
}
.sdb-admin-code-disclosure .sdb-admin-code-block,
.sdb-admin-technical-disclosure .sdb-admin-code-block {
width: 100%;
max-width: 100%;
margin-top: 10px;
white-space: pre-wrap;
overflow-wrap: anywhere;
} .sdb-admin-card--component-api {
max-width: 1180px;
}
.sdb-component-api-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
gap: 14px;
margin-top: 16px;
}
.sdb-component-api-card {
display: grid;
gap: 12px;
min-width: 0;
padding: clamp(14px, 1.6vw, 18px);
border: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius, 16px);
background: var(--sdb-admin-surface-clean);
box-shadow: var(--sdb-admin-card-shadow, 0 6px 18px rgba(31,42,54,.045));
}
.sdb-component-api-card__header,
.sdb-component-api-card__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
min-width: 0;
}
.sdb-component-api-card__header {
justify-content: space-between;
}
.sdb-component-api-card__section {
display: grid;
gap: 7px;
min-width: 0;
}
.sdb-component-api-card__section > strong {
color: var(--sdb-admin-heading, #364048);
font-size: .78rem;
letter-spacing: .05em;
text-transform: uppercase;
}
.sdb-component-api-card__a11y {
margin: 0;
color: var(--sdb-admin-text, var(--sdb-color-text, #6B7785));
line-height: 1.5;
}
.sdb-admin-technical-disclosure {
margin-top: 18px;
} .sdb-admin-a11y-list {
display: grid;
gap: 14px;
}
.sdb-admin-a11y-result {
--sdb-admin-list-columns: minmax(280px, .72fr) minmax(520px, 1.28fr);
align-items: start;
}
.sdb-admin-a11y-result .sdb-admin-list-cell {
min-width: 0;
}
.sdb-admin-finding-list {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.sdb-admin-finding-list > li {
display: block;
min-width: 0;
padding: 12px;
border: 1px solid var(--sdb-admin-card-border, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-admin-card-radius-sm, 12px);
background: var(--sdb-admin-surface-subtle);
line-height: 1.45;
}
.sdb-admin-finding-list > li .sdb-admin-badge {
margin-right: 6px;
vertical-align: middle;
} .sdb-admin-page :where(.sdb-admin-card, .sdb-admin-tool-panel, .sdb-admin-table-region, .sdb-admin-list-row) {
box-sizing: border-box;
}
.sdb-admin-page :where(.sdb-admin-data-table code, .sdb-admin-code-pill) {
white-space: normal;
overflow-wrap: anywhere;
}
.sdb-admin-page :where(.sdb-scroll-region, .sdb-admin-table-scroll) {
max-width: 100%;
}
@media screen and (max-width: 1200px) {
.sdb-admin-page--design-system,
.sdb-admin-page--scanner,
.sdb-admin-page--component-api,
.sdb-admin-page--accessibility-scanner,
.sdb-admin-page--token-pipeline,
.sdb-admin-page--asset-domains,
.sdb-admin-page--enterprise,
.sdb-admin-page--production,
.sdb-admin-page--governance,
.sdb-stylebook-page {
max-width: none;
}
}
@media screen and (max-width: 782px) {
.sdb-admin-page :where(.sdb-admin-header, .sdb-stylebook-hero) {
padding: 20px 18px 20px calc(var(--sdb-admin-header-accent-inset) + var(--sdb-admin-header-accent-width) + 16px) !important;
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-stylebook-hero)::before {
inset-block: 18px !important;
inset-inline-start: 14px !important;
}
.sdb-admin-contract-list .sdb-admin-list-row,
.sdb-admin-a11y-result {
--sdb-admin-list-columns: 1fr;
grid-template-columns: 1fr !important;
}
.sdb-component-api-cards {
grid-template-columns: 1fr;
}
.sdb-admin-page :where(.sdb-admin-kpi-card, .sdb-admin-recommendation-card, .sdb-admin-insight-panel) {
padding-left: calc(14px + 5px + 14px) !important;
}
} :root {
--sdb-admin-shell-unified-width: 1440px;
--sdb-admin-shell-unified-gutter: 20px;
--sdb-admin-summary-card-shadow: 0 8px 18px rgba(26, 47, 73, .045);
--sdb-admin-summary-card-border: var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
}
body.wp-admin .wrap.sdb-admin-page,
body.wp-admin .wrap.sdb-admin-page--wide,
body.wp-admin .wrap.sdb-admin-page--full,
body.wp-admin .wrap.sdb-admin-page--fluid,
body.wp-admin .wrap.sdb-admin-page--data-heavy,
body.wp-admin .wrap.sdb-admin-page--design-system,
body.wp-admin .wrap.sdb-admin-page--component-api,
body.wp-admin .wrap.sdb-admin-page--visual-qa,
body.wp-admin .wrap.sdb-admin-page--accessibility-scanner,
body.wp-admin .wrap.sdb-admin-page--enterprise,
body.wp-admin .wrap.sdb-admin-page--production,
body.wp-admin .wrap.sdb-admin-page--token-pipeline,
body.wp-admin .wrap.sdb-admin-page--asset-domains,
body.wp-admin .wrap.sdb-admin-page--registry-audit,
body.wp-admin .wrap.sdb-admin-page--contracts-governance,
body.wp-admin .wrap.sdb-stylebook-page {
inline-size: min(100%, var(--sdb-admin-shell-unified-width)) !important;
width: min(100%, var(--sdb-admin-shell-unified-width)) !important;
max-inline-size: var(--sdb-admin-shell-unified-width) !important;
max-width: var(--sdb-admin-shell-unified-width) !important;
margin-block-start: 24px !important;
margin-inline-start: 0 !important;
margin-inline-end: var(--sdb-admin-shell-unified-gutter) !important;
box-sizing: border-box !important;
}
body.wp-admin .wrap.sdb-admin-page > :where(.sdb-admin-header, .sdb-admin-nav, .sdb-admin-main, main, section, .sdb-admin-card, .sdb-admin-tool-panel, .sdb-admin-dashboard, .sdb-stylebook-section, .sdb-visual-qa-section),
body.wp-admin .wrap.sdb-stylebook-page > :where(.sdb-admin-header, .sdb-admin-nav, .sdb-admin-main, main, section, .sdb-admin-card, .sdb-admin-tool-panel, .sdb-admin-dashboard, .sdb-stylebook-section, .sdb-visual-qa-section) {
max-inline-size: 100% !important;
width: 100%;
box-sizing: border-box;
}
body.wp-admin .wrap.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-card, .sdb-admin-tool-panel, .sdb-stylebook-panel, .sdb-component-inspector-card, .sdb-visual-qa-card) {
box-sizing: border-box;
} body.wp-admin .wrap.sdb-admin-page :where(.sdb-toast):not(.sdb-toast--fixed):not(.is-fixed),
body.wp-admin .wrap.sdb-stylebook-page :where(.sdb-toast):not(.sdb-toast--fixed):not(.is-fixed) {
position: static !important;
inset: auto !important;
transform: none !important;
margin: 0;
max-inline-size: var(--sdb-toast-width, min(100%, 420px));
}
body.wp-admin .wrap.sdb-admin-page :where(.sdb-toast-stack),
body.wp-admin .wrap.sdb-stylebook-page :where(.sdb-toast-stack) {
position: static !important;
inset: auto !important;
max-inline-size: var(--sdb-toast-width, min(100%, 420px));
} body.wp-admin .wrap.sdb-admin-page :where(.sdb-admin-result-summary, .sdb-admin-dashboard__kpis, .sdb-admin-kpi-grid, .sdb-admin-metric-grid, .sdb-admin-summary-grid),
body.wp-admin .wrap.sdb-stylebook-page :where(.sdb-admin-result-summary, .sdb-admin-dashboard__kpis, .sdb-admin-kpi-grid, .sdb-admin-metric-grid, .sdb-admin-summary-grid) {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.wp-admin .wrap.sdb-admin-page :where(.sdb-admin-result-summary__item, .sdb-admin-kpi-card, .sdb-admin-metric-card, .sdb-admin-summary-card),
body.wp-admin .wrap.sdb-stylebook-page :where(.sdb-admin-result-summary__item, .sdb-admin-kpi-card, .sdb-admin-metric-card, .sdb-admin-summary-card) {
border: 1px solid var(--sdb-admin-summary-card-border) !important;
border-radius: var(--sdb-admin-card-radius, 16px) !important;
background: var(--sdb-admin-surface, #fff) !important;
box-shadow: var(--sdb-admin-summary-card-shadow) !important;
min-width: 0;
box-sizing: border-box;
}
body.wp-admin .wrap.sdb-admin-page :where(.sdb-admin-result-summary__item strong, .sdb-admin-kpi-card__value),
body.wp-admin .wrap.sdb-stylebook-page :where(.sdb-admin-result-summary__item strong, .sdb-admin-kpi-card__value) {
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
}
@media screen and (max-width: 782px) {
body.wp-admin .wrap.sdb-admin-page,
body.wp-admin .wrap.sdb-stylebook-page {
inline-size: auto !important;
width: auto !important;
max-inline-size: none !important;
max-width: none !important;
margin-inline-end: 10px !important;
margin-block-start: 16px !important;
}
} .sdb-admin-nav--grouped {
align-items: stretch;
gap: 10px;
}
.sdb-admin-nav__group {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
padding: 4px;
border: 1px solid var(--sdb-admin-border, #EEF3F8);
border-radius: var(--sdb-radius-md, 10px);
background: rgba(255, 255, 255, .72);
}
.sdb-admin-nav__group-label,
.sdb-admin-group-badge {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 2px 8px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-admin-bg, #F5F8FB);
color: var(--sdb-admin-title, #364048);
font-size: 11px;
font-weight: 700;
letter-spacing: .02em;
text-transform: uppercase;
}
.sdb-admin-advanced-groups {
display: grid;
gap: var(--sdb-admin-section-gap, 20px);
}
.sdb-admin-advanced-group {
padding: 18px;
border: 1px solid var(--sdb-admin-border, #EEF3F8);
border-radius: var(--sdb-admin-card-radius, 16px);
background: rgba(255, 255, 255, .76);
}
.sdb-admin-advanced-group__header {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: flex-start;
margin-bottom: 14px;
}
.sdb-admin-advanced-card h3 {
margin: 8px 0 6px;
} .sdb-admin-page .sdb-btn:not(.sdb-btn--compact):not(.sdb-btn--table-action),
.sdb-admin-nav__link,
.sdb-admin-tab,
.sdb-stylebook-tabs a,
.sdb-admin-site-selector__control,
.sdb-admin-page .sdb-slider-control,
.sdb-admin-page .sdb-share-action {
min-width: var(--sdb-touch-target-min, 44px);
min-height: var(--sdb-touch-target-min, 44px);
}
.sdb-admin-page .sdb-slider-control,
.sdb-admin-page .sdb-share-action {
width: var(--sdb-touch-target-min, 44px);
height: var(--sdb-touch-target-min, 44px);
}
@media (prefers-contrast: more) {
.sdb-admin-page .sdb-admin-card,
.sdb-admin-page .sdb-admin-tool-panel,
.sdb-admin-page .sdb-admin-advanced-group,
.sdb-admin-page .sdb-admin-nav__group {
border-color: var(--sdb-color-border-strong, #D8E2EE);
}
.sdb-admin-page .sdb-btn:focus-visible,
.sdb-admin-page .sdb-admin-nav__link:focus-visible,
.sdb-admin-page .sdb-admin-tab:focus-visible {
outline: 2px solid var(--sdb-admin-primary, #0058B7);
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(0, 88, 183, .22);
}
.sdb-admin-page .sdb-alert--info,
.sdb-admin-page .sdb-admin-note {
color: var(--sdb-color-info-text, #34348A);
}
} :root {
--sdb-admin-header-accent-width: 3px;
--sdb-admin-header-accent-color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
--sdb-admin-header-bg: var(--sdb-admin-surface, #fff);
--sdb-admin-header-border: var(--sdb-admin-border, var(--sdb-color-border, #EEF3F8));
--sdb-admin-header-radius: var(--sdb-admin-card-radius, var(--sdb-radius-lg, 16px));
--sdb-admin-header-padding: clamp(18px, 2vw, 24px);
--sdb-admin-header-accent-inset-block: clamp(16px, 2vw, 22px);
--sdb-admin-header-accent-inset-inline: clamp(18px, 2vw, 24px);
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero) {
position: relative;
overflow: hidden;
box-sizing: border-box;
min-block-size: auto;
padding: var(--sdb-admin-header-padding) var(--sdb-admin-header-padding) var(--sdb-admin-header-padding) calc(var(--sdb-admin-header-accent-inset-inline) + var(--sdb-admin-header-accent-width) + 18px) !important;
border: 1px solid var(--sdb-admin-header-border);
border-radius: var(--sdb-admin-header-radius);
background: var(--sdb-admin-header-bg) !important;
background-image: none !important;
box-shadow: var(--sdb-admin-card-shadow, 0 8px 24px rgba(31,42,54,.045));
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero)::before {
content: "" !important;
position: absolute !important;
inset-block: var(--sdb-admin-header-accent-inset-block) !important;
inset-inline-start: var(--sdb-admin-header-accent-inset-inline) !important;
inline-size: var(--sdb-admin-header-accent-width) !important;
block-size: auto !important;
border-radius: var(--sdb-radius-pill, 999px) !important;
background: var(--sdb-admin-header-accent-color) !important;
box-shadow: none !important;
pointer-events: none !important;
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero)::after {
content: none !important;
display: none !important;
}
.sdb-admin-page :where(.sdb-admin-header h1, .sdb-admin-dashboard__header h1, .sdb-stylebook-hero h1) {
margin-block-end: 6px;
max-width: 960px;
font-size: clamp(24px, 2.2vw, 34px);
line-height: 1.12;
letter-spacing: -0.025em;
}
.sdb-admin-page :where(.sdb-admin-header p:not(.sdb-admin-eyebrow), .sdb-admin-dashboard__header p:not(.sdb-admin-eyebrow), .sdb-stylebook-hero p:not(.sdb-admin-eyebrow)) {
max-width: 880px;
font-size: 15px;
line-height: 1.55;
}
.sdb-admin-page :where(.sdb-admin-header__summary, .sdb-stylebook-version-card) {
border-color: var(--sdb-admin-header-border) !important;
background: var(--sdb-admin-surface, #fff) !important;
box-shadow: none !important;
}
@media screen and (max-width: 782px) {
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero) {
padding: 18px 18px 18px calc(var(--sdb-admin-header-accent-inset-inline) + var(--sdb-admin-header-accent-width) + 14px) !important;
}
} :root {
--sdb-admin-header-padding: clamp(14px, 1.7vw, 20px);
--sdb-admin-dashboard-card-radius-refined: var(--sdb-radius-lg, 14px);
--sdb-admin-dashboard-shadow-refined: 0 6px 18px rgba(31, 42, 54, .04);
--sdb-admin-dashboard-shadow-soft: 0 2px 10px rgba(31, 42, 54, .035);
}
.sdb-admin-page--dashboard-refined {
--sdb-admin-section-gap: 16px;
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero) {
box-shadow: var(--sdb-admin-dashboard-shadow-refined) !important;
}
.sdb-admin-page :where(.sdb-admin-header h1, .sdb-admin-dashboard__header h1, .sdb-stylebook-hero h1) {
font-size: clamp(23px, 1.9vw, 30px);
line-height: 1.14;
}
.sdb-admin-page--dashboard-refined > .sdb-admin-header h1 {
font-size: clamp(26px, 2.2vw, 34px);
}
.sdb-admin-header__meta {
margin-block: 6px 0;
font-size: 12.5px !important;
color: var(--sdb-admin-muted, var(--sdb-color-muted, #8E9AA7)) !important;
}
.sdb-admin-header__summary--compact,
.sdb-admin-page :where(.sdb-admin-header__summary, .sdb-stylebook-version-card) {
min-width: 92px;
padding: 14px 16px;
align-self: center;
}
.sdb-admin-page :where(.sdb-admin-header__summary strong, .sdb-stylebook-version-card strong) {
font-size: clamp(22px, 2vw, 30px);
}
.sdb-admin-page .sdb-admin-nav {
padding: 8px;
gap: 8px;
border-radius: var(--sdb-radius-lg, 14px);
box-shadow: var(--sdb-admin-dashboard-shadow-soft);
}
.sdb-admin-page .sdb-admin-nav__group {
min-height: 34px;
padding: 3px;
gap: 4px;
border-color: var(--sdb-admin-header-border, var(--sdb-color-border, #EEF3F8));
box-shadow: none;
}
.sdb-admin-page .sdb-admin-nav__group-label {
padding: 5px 8px;
font-size: 10px;
letter-spacing: .045em;
background: var(--sdb-color-background, #F5F8FB);
}
.sdb-admin-page .sdb-admin-nav__link {
min-height: 30px;
padding: 5px 10px;
border-radius: var(--sdb-radius-pill, 999px);
font-size: 12px;
}
.sdb-admin-page .sdb-admin-nav__link.is-active {
box-shadow: 0 4px 12px rgba(0, 88, 183, .14);
}
.sdb-admin-page .sdb-admin-card,
.sdb-admin-page .sdb-admin-tool-panel,
.sdb-admin-page .sdb-stylebook-taxonomy-card,
.sdb-admin-page .sdb-stylebook-panel,
.sdb-admin-page .sdb-admin-result-summary {
border-radius: var(--sdb-admin-dashboard-card-radius-refined);
box-shadow: var(--sdb-admin-dashboard-shadow-soft);
}
.sdb-admin-dashboard-kpis {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-block: var(--sdb-admin-section-gap, 16px);
}
.sdb-admin-dashboard-kpis .sdb-admin-kpi-card {
min-height: 92px;
padding: 16px 18px;
}
.sdb-admin-dashboard-kpis .sdb-admin-kpi-card__value {
font-size: clamp(24px, 2vw, 34px);
line-height: 1;
}
.sdb-admin-decision-row {
align-items: stretch;
}
.sdb-admin-priority-panel {
border-left: 3px solid var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
}
.sdb-admin-priority-panel h2 {
max-width: 720px;
font-size: clamp(20px, 1.5vw, 25px);
}
.sdb-admin-card__header-inline {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-block-end: 14px;
}
.sdb-admin-area-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
.sdb-admin-area-card {
display: grid;
gap: 6px;
min-height: 94px;
padding: 16px;
border: 1px solid var(--sdb-admin-card-border, #EEF3F8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-background, #F5F8FB);
color: var(--sdb-admin-text, #6B7785);
text-decoration: none;
}
.sdb-admin-area-card strong {
color: var(--sdb-admin-heading, #1D2733);
font-size: 15px;
}
.sdb-admin-area-card span {
font-size: 13px;
line-height: 1.45;
}
.sdb-admin-area-card:hover,
.sdb-admin-area-card:focus-visible {
border-color: rgba(0, 88, 183, .24);
color: var(--sdb-admin-text, #6B7785);
box-shadow: 0 0 0 3px rgba(0, 88, 183, .08);
outline: 0;
}
.sdb-admin-next-actions--compact .sdb-admin-grid > div {
padding-block: 4px;
}
.sdb-admin-technical-status {
margin-block-start: 18px;
}
.sdb-admin-technical-status .sdb-admin-card {
padding: 14px 16px;
min-height: 86px;
}
.sdb-admin-result-summary--decision,
.sdb-admin-result-summary--diagnostic {
display: grid;
grid-template-columns: minmax(220px, 1.25fr) repeat(4, minmax(120px, 1fr));
align-items: stretch;
gap: 10px;
}
.sdb-admin-result-summary--diagnostic {
grid-template-columns: minmax(220px, 1.25fr) repeat(5, minmax(110px, 1fr));
}
.sdb-admin-result-summary__heading {
display: grid;
align-content: center;
gap: 4px;
padding: 12px 14px;
border: 1px solid var(--sdb-admin-card-border, #EEF3F8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-background, #F5F8FB);
}
.sdb-admin-result-summary__heading strong {
color: var(--sdb-admin-heading, #1D2733);
font-size: 14px;
}
.sdb-admin-result-summary__heading span {
color: var(--sdb-admin-text, #6B7785);
font-size: 12px;
line-height: 1.4;
}
.sdb-consumer-insight {
border-left: 3px solid var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
}
.sdb-layer-badge {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 2px 8px;
border: 1px solid var(--sdb-admin-card-border, #EEF3F8);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-background, #F5F8FB);
color: var(--sdb-admin-text, #6B7785);
font-size: 12px;
font-weight: 600;
}
.sdb-admin-page--scanner .sdb-admin-action-bar--scanner {
gap: 8px;
}
@media screen and (max-width: 1180px) {
.sdb-admin-dashboard-kpis,
.sdb-admin-area-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sdb-admin-result-summary--decision,
.sdb-admin-result-summary--diagnostic {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sdb-admin-result-summary__heading {
grid-column: 1 / -1;
}
}
@media screen and (max-width: 782px) {
.sdb-admin-dashboard-kpis,
.sdb-admin-area-grid,
.sdb-admin-result-summary--decision,
.sdb-admin-result-summary--diagnostic {
grid-template-columns: 1fr;
}
.sdb-admin-page .sdb-admin-nav__group {
flex: 0 0 auto;
}
} .sdb-admin-page {
--sdb-admin-ia-gap: 12px;
--sdb-admin-ia-nav-bg: rgba(255, 255, 255, .92);
--sdb-admin-ia-subtle-border: var(--sdb-admin-card-border, #EEF3F8);
}
.sdb-admin-page .sdb-admin-header {
padding-block: clamp(22px, 3vw, 34px);
}
.sdb-admin-page .sdb-admin-header:not(.sdb-admin-header--dashboard) h1,
.sdb-governance-page .sdb-admin-header h1 {
font-size: clamp(28px, 3.1vw, 38px);
line-height: 1.08;
}
.sdb-admin-page .sdb-admin-header__summary {
min-width: 108px;
min-height: 104px;
padding: 14px 16px;
}
.sdb-admin-page .sdb-admin-header__summary strong {
font-size: clamp(25px, 2.8vw, 34px);
}
.sdb-admin-page .sdb-admin-nav--two-level {
display: grid;
gap: 10px;
padding: 10px;
background: var(--sdb-admin-ia-nav-bg);
border: 1px solid var(--sdb-admin-ia-subtle-border);
border-radius: var(--sdb-radius-lg, 16px);
box-shadow: 0 10px 30px rgba(18, 37, 63, .04);
}
.sdb-admin-nav__primary,
.sdb-admin-nav__secondary,
.sdb-admin-nav__section-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.sdb-admin-nav__primary {
padding-bottom: 8px;
border-bottom: 1px solid var(--sdb-admin-ia-subtle-border);
}
.sdb-admin-nav__area,
.sdb-admin-page .sdb-admin-nav__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 7px 12px;
border: 1px solid transparent;
border-radius: var(--sdb-radius-pill, 999px);
color: var(--sdb-admin-heading, #1D2733);
font-size: 12px;
font-weight: 700;
line-height: 1.15;
text-decoration: none;
}
.sdb-admin-nav__area {
background: transparent;
color: var(--sdb-admin-text, #6B7785);
text-transform: uppercase;
letter-spacing: .04em;
}
.sdb-admin-nav__area:hover,
.sdb-admin-nav__area:focus-visible,
.sdb-admin-page .sdb-admin-nav__link:hover,
.sdb-admin-page .sdb-admin-nav__link:focus-visible {
background: var(--sdb-color-background, #F5F8FB);
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
outline: 0;
}
.sdb-admin-nav__area.is-active,
.sdb-admin-page .sdb-admin-nav__link.is-active {
color: var(--sdb-color-on-primary, #fff);
background: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
border-color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
box-shadow: 0 8px 18px rgba(0, 88, 183, .16);
}
.sdb-admin-nav__section-label {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 4px 9px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-background, #F5F8FB);
color: var(--sdb-admin-text, #6B7785);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .05em;
}
.sdb-admin-dashboard-kpis--executive,
.sdb-admin-decision-row,
.sdb-admin-area-overview,
.sdb-admin-next-actions {
margin-block-start: 16px;
}
.sdb-admin-area-card {
position: relative;
display: grid;
gap: 6px;
min-height: 116px;
}
.sdb-admin-area-card em {
align-self: end;
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
font-size: 12px;
font-style: normal;
font-weight: 700;
}
.sdb-admin-decision-paths .sdb-governance-decision-card strong {
font-size: 15px;
}
.sdb-consumer-matrix__group th {
background: var(--sdb-color-background, #F5F8FB);
color: var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
font-size: 12px;
letter-spacing: .06em;
text-transform: uppercase;
}
.sdb-admin-advanced-risk-map {
margin-block: 16px 20px;
}
.sdb-admin-advanced-risk-map .sdb-admin-card {
border-top: 3px solid var(--sdb-admin-primary, var(--sdb-color-primary, #0058B7));
}
.sdb-recipe-card .sdb-recipe-step__label {
min-width: 128px;
}
.sdb-stylebook-page .sdb-stylebook-version-card:empty {
display: none;
}
@media screen and (max-width: 960px) {
.sdb-admin-page .sdb-admin-header__summary {
min-height: auto;
}
.sdb-admin-nav__primary,
.sdb-admin-nav__secondary {
align-items: flex-start;
}
}
@media screen and (max-width: 782px) {
.sdb-admin-page .sdb-admin-nav--two-level {
padding: 8px;
}
.sdb-admin-nav__area,
.sdb-admin-page .sdb-admin-nav__link {
min-height: 38px;
}
} .sdb-admin-page--documentation .sdb-documentation-map,
.sdb-admin-page--utilities .sdb-admin-registry-grid {
align-items: stretch;
}
.sdb-admin-contract-mini {
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 14px);
background: var(--sdb-color-surface, #fff);
padding: var(--sdb-space-md, 16px);
}
.sdb-admin-contract-mini + .sdb-admin-contract-mini {
margin-top: var(--sdb-space-sm, 10px);
}
.sdb-admin-contract-mini strong {
display: block;
color: var(--sdb-color-title, #1f2b37);
margin-bottom: 6px;
}
.sdb-admin-contract-mini p {
margin: 0 0 8px;
color: var(--sdb-color-text, #6b7785);
}
.sdb-admin-action-plan ol {
display: grid;
gap: 10px;
margin: 8px 0 0;
padding-left: 1.25rem;
}
.sdb-admin-action-plan li span,
.sdb-admin-action-plan li small {
display: block;
margin-top: 4px;
}
.sdb-admin-action-plan li small {
color: var(--sdb-color-muted, #8e9aa7);
font-size: 12px;
}
.sdb-admin-component-contracts-summary .sdb-admin-card--compact h3 {
margin-top: 0;
} :root {
--sdb-admin-primary: var(--sdb-color-primary, #0058B7);
--sdb-admin-primary-soft: var(--sdb-color-primary-soft, #EAF3FF);
--sdb-admin-primary-muted: var(--sdb-color-primary-muted, #D8E9FF);
--sdb-admin-title: var(--sdb-color-title, #17212B);
--sdb-admin-text: var(--sdb-color-text, #5F6B7A);
--sdb-admin-muted: var(--sdb-color-muted, #94A0AE);
--sdb-admin-border: var(--sdb-color-border, #E8EEF5);
--sdb-admin-border-soft: var(--sdb-color-border-soft, #F0F4F8);
--sdb-admin-bg: var(--sdb-ui-page-bg, #F7FAFD);
--sdb-admin-surface: var(--sdb-ui-surface, #FFFFFF);
--sdb-admin-surface-soft: var(--sdb-ui-surface-soft, #FAFCFE);
--sdb-admin-card-shadow: var(--sdb-ui-shadow-flat, 0 6px 18px rgba(20,35,50,.035));
--sdb-admin-card-shadow-hover: 0 10px 26px rgba(20, 35, 50, .055);
--sdb-admin-radius: var(--sdb-ui-card-radius, 16px);
--sdb-admin-control-radius: var(--sdb-ui-control-radius, 10px);
--sdb-admin-control-height: var(--sdb-ui-control-height, 40px);
--sdb-admin-header-padding: clamp(16px, 2vw, 22px);
--sdb-admin-header-accent-width: 2px;
--sdb-admin-header-accent-color: var(--sdb-admin-primary, #0058B7);
}
.sdb-admin-page {
background: transparent;
color: var(--sdb-admin-text);
font-size: var(--sdb-admin-body-size, 14px);
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero) {
min-block-size: auto;
padding: var(--sdb-admin-header-padding) !important;
padding-inline-start: calc(var(--sdb-admin-header-padding) + 14px) !important;
border: 1px solid var(--sdb-admin-border) !important;
border-radius: var(--sdb-admin-radius) !important;
background: var(--sdb-admin-surface) !important;
box-shadow: var(--sdb-admin-card-shadow) !important;
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero)::before {
inset-block: 18px !important;
inset-inline-start: 18px !important;
inline-size: var(--sdb-admin-header-accent-width) !important;
background: var(--sdb-admin-header-accent-color) !important;
opacity: .9;
}
.sdb-admin-page :where(.sdb-admin-header h1, .sdb-admin-dashboard__header h1, .sdb-stylebook-hero h1) {
max-width: 960px;
margin-block-end: 6px;
color: var(--sdb-admin-title);
font-size: var(--sdb-admin-title-size, clamp(23px, 1.8vw, 30px)) !important;
font-weight: 650;
letter-spacing: -0.025em;
line-height: 1.12;
}
.sdb-admin-page :where(.sdb-admin-header p, .sdb-admin-dashboard__header p, .sdb-stylebook-hero p) {
color: var(--sdb-admin-text);
font-size: 13.5px !important;
line-height: 1.55;
}
.sdb-admin-page .sdb-admin-header__summary,
.sdb-admin-page .sdb-stylebook-version-card {
min-width: 82px !important;
min-height: 78px !important;
padding: 12px 14px !important;
border-color: var(--sdb-admin-border) !important;
background: var(--sdb-admin-surface-soft) !important;
box-shadow: none !important;
}
.sdb-admin-page :where(.sdb-admin-header__summary strong, .sdb-stylebook-version-card strong) {
color: var(--sdb-admin-primary);
font-size: clamp(20px, 1.7vw, 27px) !important;
}
.sdb-admin-page .sdb-admin-eyebrow,
.sdb-admin-page .sdb-admin-badge,
.sdb-admin-page .sdb-admin-nav__section-label {
min-height: 22px;
padding: 3px 8px;
border: 1px solid var(--sdb-admin-border);
background: var(--sdb-admin-surface-soft);
color: var(--sdb-admin-primary);
font-size: 10.5px;
font-weight: 700;
letter-spacing: .055em;
}
.sdb-admin-page .sdb-admin-nav--two-level {
gap: 8px;
padding: 8px;
border-color: var(--sdb-admin-border);
border-radius: var(--sdb-admin-radius);
background: rgba(255, 255, 255, .94);
box-shadow: var(--sdb-admin-card-shadow);
}
.sdb-admin-page .sdb-admin-nav__primary {
padding-bottom: 6px;
border-bottom-color: var(--sdb-admin-border-soft);
}
.sdb-admin-page :where(.sdb-admin-nav__area, .sdb-admin-nav__link) {
min-height: 32px;
padding: 6px 11px;
border-radius: 10px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
}
.sdb-admin-page .sdb-admin-nav__area.is-active,
.sdb-admin-page .sdb-admin-nav__link.is-active {
color: var(--sdb-admin-primary) !important;
background: var(--sdb-admin-primary-soft) !important;
border-color: var(--sdb-admin-primary-muted) !important;
box-shadow: none !important;
}
.sdb-admin-page :where(.sdb-admin-card, .sdb-admin-tool-panel, .sdb-stylebook-panel, .sdb-stylebook-taxonomy-card, .sdb-admin-result-summary, .sdb-admin-kpi-card, .sdb-admin-area-card) {
border: 1px solid var(--sdb-admin-border) !important;
border-radius: var(--sdb-admin-radius) !important;
background: var(--sdb-admin-surface) !important;
box-shadow: var(--sdb-admin-card-shadow) !important;
}
.sdb-admin-page :where(.sdb-admin-card:hover, .sdb-admin-area-card:hover) {
box-shadow: var(--sdb-admin-card-shadow-hover) !important;
}
.sdb-admin-page :where(.sdb-admin-card h2, .sdb-admin-card h3, .sdb-stylebook-panel h2, .sdb-stylebook-panel h3) {
color: var(--sdb-admin-title);
letter-spacing: -0.015em;
}
.sdb-admin-page .sdb-admin-card h2 {
font-size: var(--sdb-admin-section-title-size, 19px);
}
.sdb-admin-page .sdb-admin-card h3 {
font-size: var(--sdb-admin-card-title-size, 15px);
}
.sdb-admin-dashboard-kpis,
.sdb-admin-area-grid,
.sdb-admin-grid {
gap: var(--sdb-ui-grid-gap, 16px);
}
.sdb-admin-dashboard-kpis .sdb-admin-kpi-card,
.sdb-admin-page .sdb-admin-kpi-card {
min-height: 82px;
padding: 14px 16px;
}
.sdb-admin-page .sdb-admin-kpi-card__value,
.sdb-admin-page .sdb-admin-kpi-card strong:first-child {
color: var(--sdb-admin-primary);
font-size: clamp(22px, 1.8vw, 30px);
font-weight: 650;
}
.sdb-admin-page :where(.sdb-btn, .button.button-primary, .button-primary) {
min-height: var(--sdb-admin-control-height);
border-radius: var(--sdb-admin-control-radius) !important;
box-shadow: none !important;
font-weight: 600;
}
.sdb-admin-page :where(.sdb-btn--primary, .button.button-primary, .button-primary) {
border-color: var(--sdb-admin-primary) !important;
background: var(--sdb-admin-primary) !important;
color: #fff !important;
}
.sdb-admin-page :where(.sdb-btn--secondary, .button-secondary, .sdb-btn--subtle) {
border-color: var(--sdb-admin-border) !important;
background: var(--sdb-admin-surface) !important;
color: var(--sdb-admin-primary) !important;
}
.sdb-admin-page :where(input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], select, textarea) {
min-height: var(--sdb-admin-control-height);
border-color: var(--sdb-admin-border) !important;
border-radius: var(--sdb-admin-control-radius) !important;
background: var(--sdb-admin-surface) !important;
color: var(--sdb-admin-title);
box-shadow: none !important;
}
.sdb-admin-page :where(input, select, textarea):focus {
border-color: var(--sdb-admin-primary) !important;
box-shadow: 0 0 0 3px rgba(0, 88, 183, .10) !important;
}
.sdb-admin-page :where(.sdb-admin-data-table, .sdb-mobile-data-table, table.sdb-admin-data-table) {
border-collapse: separate;
border-spacing: 0;
background: var(--sdb-admin-surface);
}
.sdb-admin-page :where(.sdb-admin-data-table th, .sdb-admin-data-table td) {
border-bottom: 1px solid var(--sdb-admin-border-soft) !important;
padding: 12px 14px;
}
.sdb-admin-page :where(.sdb-admin-data-table thead th) {
background: var(--sdb-admin-surface-soft) !important;
color: var(--sdb-admin-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: .035em;
text-transform: uppercase;
}
.sdb-admin-page :where(.sdb-status-badge, .sdb-admin-status-badge, .sdb-layer-badge) {
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
font-size: 11px;
font-weight: 650;
box-shadow: none;
}
.sdb-modal,
.sdb-drawer,
.sdb-form-stepper,
.sdb-form-panel {
border: 1px solid var(--sdb-admin-border, #E8EEF5);
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-shadow-modal, 0 18px 50px rgba(20, 35, 50, .14));
}
.sdb-form-stepper__item,
.sdb-stepper__item {
color: var(--sdb-color-muted, #94A0AE);
}
.sdb-form-stepper__item.is-active,
.sdb-stepper__item.is-active {
color: var(--sdb-color-primary, #0058B7);
}
.sdb-form-stepper__item.is-complete,
.sdb-stepper__item.is-complete {
color: var(--sdb-color-success-text, #1E5F34);
}
.sdb-visual-qa-minimal-ui-shell {
display: grid;
gap: 16px;
padding: 16px;
border: 1px solid var(--sdb-admin-border);
border-radius: 20px;
background: var(--sdb-admin-bg);
}
.sdb-visual-qa-minimal-ui-topbar,
.sdb-visual-qa-minimal-ui-grid,
.sdb-visual-qa-minimal-ui-table {
border: 1px solid var(--sdb-admin-border);
border-radius: var(--sdb-admin-radius);
background: var(--sdb-admin-surface);
box-shadow: var(--sdb-admin-card-shadow);
}
.sdb-visual-qa-minimal-ui-topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px;
}
.sdb-visual-qa-minimal-ui-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
padding: 12px;
}
.sdb-visual-qa-minimal-ui-table {
overflow: hidden;
}
@media screen and (max-width: 782px) {
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero) {
padding: 16px !important;
padding-inline-start: 30px !important;
}
.sdb-visual-qa-minimal-ui-grid {
grid-template-columns: 1fr;
}
} .sdb-admin-page {
--sdb-admin-bg: var(--sdb-next-page-bg, #F4F7FB);
--sdb-admin-surface: var(--sdb-next-surface, #FFFFFF);
--sdb-admin-surface-soft: var(--sdb-next-surface-muted, #F8FAFC);
--sdb-admin-border: var(--sdb-next-border, #E7EEF5);
--sdb-admin-border-strong: var(--sdb-next-border-strong, #D6E0EB);
--sdb-admin-title: var(--sdb-ink, #16233B);
--sdb-admin-text: var(--sdb-text, #51606F);
--sdb-admin-muted: var(--sdb-muted, #8895A4);
--sdb-admin-primary: var(--sdb-blue-600, #0058B7);
--sdb-admin-primary-soft: var(--sdb-blue-50, #EFF6FF);
--sdb-admin-primary-muted: var(--sdb-blue-100, #DBE9FE);
--sdb-admin-card-shadow: var(--sdb-next-card-shadow, 0 4px 14px rgba(16,40,70,.06));
--sdb-admin-card-shadow-hover: var(--sdb-next-card-shadow-hover, 0 12px 30px rgba(19,39,61,.08));
--sdb-admin-radius: var(--sdb-next-card-radius, 16px);
--sdb-admin-control-radius: var(--sdb-next-control-radius, 12px);
--sdb-admin-control-height: var(--sdb-next-control-height, 44px);
color: var(--sdb-admin-text);
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero) {
border-color: var(--sdb-admin-border) !important;
border-radius: var(--sdb-admin-radius) !important;
background: var(--sdb-admin-surface) !important;
box-shadow: var(--sdb-admin-card-shadow) !important;
}
.sdb-admin-page :where(.sdb-admin-header h1, .sdb-admin-dashboard__header h1, .sdb-stylebook-hero h1) {
color: var(--sdb-admin-title) !important;
font-size: clamp(23px, 1.8vw, 30px) !important;
font-weight: 700 !important;
line-height: var(--sdb-leading-tight, 1.15) !important;
}
.sdb-admin-page :where(.sdb-admin-header p, .sdb-admin-dashboard__header p, .sdb-stylebook-hero p) {
color: var(--sdb-admin-text) !important;
}
.sdb-admin-page .sdb-admin-nav--two-level,
.sdb-admin-page .sdb-admin-card,
.sdb-admin-page .sdb-admin-kpi-card,
.sdb-admin-page .sdb-admin-area-card,
.sdb-admin-page .sdb-admin-result-summary,
.sdb-admin-page .sdb-stylebook-panel,
.sdb-admin-page .sdb-stylebook-taxonomy-card,
.sdb-admin-page .sdb-admin-tool-panel,
.sdb-admin-page .sdb-table-wrap,
.sdb-admin-page .sdb-modal {
border-color: var(--sdb-admin-border) !important;
border-radius: var(--sdb-admin-radius) !important;
background: var(--sdb-admin-surface) !important;
box-shadow: var(--sdb-admin-card-shadow) !important;
}
.sdb-admin-page :where(.sdb-admin-card:hover, .sdb-admin-area-card:hover) {
box-shadow: var(--sdb-admin-card-shadow-hover) !important;
}
.sdb-admin-page :where(.sdb-admin-nav__area, .sdb-admin-nav__link, .sdb-tab) {
border-radius: var(--sdb-admin-control-radius) !important;
font-weight: 650;
}
.sdb-admin-page :where(.sdb-admin-nav__area.is-active, .sdb-admin-nav__link.is-active, .sdb-tab--active) {
border-color: var(--sdb-admin-primary-muted) !important;
background: var(--sdb-admin-primary-soft) !important;
color: var(--sdb-admin-primary) !important;
box-shadow: none !important;
}
.sdb-admin-page :where(.sdb-btn, .button.button-primary, .button-primary, .button-secondary, input[type="submit"]) {
min-height: var(--sdb-admin-control-height);
border-radius: var(--sdb-admin-control-radius) !important;
box-shadow: none !important;
font-weight: 650;
}
.sdb-admin-page :where(.sdb-input, .sdb-select, .sdb-textarea, input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], select, textarea) {
min-height: var(--sdb-admin-control-height);
border-color: var(--sdb-admin-border-strong) !important;
border-radius: var(--sdb-admin-control-radius) !important;
background: var(--sdb-admin-surface) !important;
color: var(--sdb-admin-title) !important;
box-shadow: none !important;
}
.sdb-admin-page :where(.sdb-input, .sdb-select, .sdb-textarea, input, select, textarea):focus {
border-color: var(--sdb-admin-primary) !important;
box-shadow: var(--sdb-shadow-focus, 0 0 0 4px rgba(0,88,183,.16)) !important;
outline: 0 !important;
}
.sdb-admin-page :where(.sdb-admin-data-table, .sdb-table) thead th {
background: var(--sdb-admin-surface-soft) !important;
color: var(--sdb-admin-muted) !important;
font-size: var(--sdb-text-xs, 12px) !important;
font-weight: 700 !important;
}
.sdb-admin-page :where(.sdb-admin-data-table, .sdb-table) tbody td {
border-bottom-color: var(--sdb-admin-border) !important;
color: var(--sdb-admin-text) !important;
}
.sdb-admin-page :where(.sdb-badge, .sdb-status-badge, .sdb-admin-status-badge) {
border-radius: var(--sdb-radius-pill, 999px) !important;
font-weight: 650 !important;
}
.sdb-visual-qa-next-shell {
display: grid;
gap: 18px;
padding: clamp(18px, 2vw, 26px);
border: 1px solid var(--sdb-border, #E7EEF5);
border-radius: var(--sdb-radius-xl, 20px);
background: var(--sdb-background, #F4F7FB);
}
.sdb-visual-qa-next-layout {
display: grid;
grid-template-columns: minmax(150px, 210px) 1fr;
min-height: 460px;
overflow: hidden;
border: 1px solid var(--sdb-border, #E7EEF5);
border-radius: var(--sdb-radius-xl, 20px);
background: var(--sdb-surface, #fff);
box-shadow: var(--sdb-shadow-sm, 0 4px 14px rgba(16,40,70,.06));
}
.sdb-visual-qa-next-sidebar {
display: flex;
flex-direction: column;
gap: 16px;
padding: 18px;
border-right: 1px solid var(--sdb-border, #E7EEF5);
background: var(--sdb-surface, #fff);
}
.sdb-visual-qa-next-brand {
color: var(--sdb-ink, #16233B);
font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif);
font-weight: 700;
}
.sdb-visual-qa-next-main {
display: grid;
align-content: start;
gap: 16px;
padding: 18px;
background: linear-gradient(180deg, #fff, var(--sdb-surface-2, #F8FAFC));
}
.sdb-visual-qa-next-topbar,
.sdb-visual-qa-next-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.sdb-visual-qa-next-kpis {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
.sdb-visual-qa-next-card {
padding: 16px;
border: 1px solid var(--sdb-border, #E7EEF5);
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-surface, #fff);
box-shadow: var(--sdb-shadow-xs, 0 1px 2px rgba(16,40,70,.06));
}
.sdb-visual-qa-next-table {
overflow: hidden;
border: 1px solid var(--sdb-border, #E7EEF5);
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-surface, #fff);
}
.sdb-visual-qa-next-modal-stage {
position: relative;
min-height: 320px;
overflow: hidden;
border: 1px solid var(--sdb-border, #E7EEF5);
border-radius: var(--sdb-radius-xl, 20px);
background: var(--sdb-surface-2, #F8FAFC);
}
.sdb-visual-qa-next-modal-stage .sdb-modal-overlay {
position: absolute;
}
.sdb-visual-qa-next-modal-stage .sdb-modal {
position: absolute;
top: 26px;
right: 26px;
}
@media screen and (max-width: 900px) {
.sdb-visual-qa-next-layout,
.sdb-visual-qa-next-kpis {
grid-template-columns: 1fr;
}
.sdb-visual-qa-next-sidebar {
border-right: 0;
border-bottom: 1px solid var(--sdb-border, #E7EEF5);
}
} .sdb-admin-page {
--sdb-shell-bg: #f3f6fa;
--sdb-shell-surface: #ffffff;
--sdb-shell-surface-soft: #f9fbfd;
--sdb-shell-border: #e6edf5;
--sdb-shell-border-soft: #f0f4f8;
--sdb-shell-text: #526173;
--sdb-shell-title: #101d35;
--sdb-shell-muted: #8c99a8;
--sdb-shell-blue: var(--sdb-color-primary, #0058b7);
--sdb-shell-blue-soft: #eaf3ff;
--sdb-shell-radius: 18px;
--sdb-shell-radius-sm: 12px;
--sdb-shell-shadow: 0 10px 30px rgba(16, 29, 53, .035);
--sdb-shell-shadow-card: 0 6px 18px rgba(16, 29, 53, .028);
max-width: 1440px;
margin-inline: auto;
padding: 18px 18px 32px;
color: var(--sdb-shell-text);
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero) {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 18px;
min-height: 96px;
margin: 0 0 12px;
padding: 20px 24px !important;
border: 1px solid var(--sdb-shell-border) !important;
border-radius: var(--sdb-shell-radius) !important;
background: linear-gradient(180deg, #fff 0%, var(--sdb-shell-surface-soft) 100%) !important;
box-shadow: var(--sdb-shell-shadow) !important;
overflow: hidden;
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero)::before,
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero)::after {
display: none !important;
content: none !important;
}
.sdb-admin-page :where(.sdb-admin-header h1, .sdb-admin-dashboard__header h1, .sdb-stylebook-hero h1) {
margin: 6px 0 6px !important;
color: var(--sdb-shell-title) !important;
font-size: clamp(22px, 1.7vw, 30px) !important;
line-height: 1.12 !important;
letter-spacing: -.025em;
}
.sdb-admin-page :where(.sdb-admin-header p, .sdb-admin-dashboard__header p, .sdb-stylebook-hero p) {
max-width: 760px;
margin-block: 0 !important;
color: var(--sdb-shell-text) !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
.sdb-admin-page :where(.sdb-admin-eyebrow, .sdb-product-overline) {
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 24px;
padding: 3px 9px;
border: 1px solid var(--sdb-shell-border);
border-radius: 999px;
background: var(--sdb-shell-surface-soft);
color: var(--sdb-shell-blue) !important;
font-size: 11px !important;
font-weight: 800;
letter-spacing: .045em;
line-height: 1;
text-transform: uppercase;
}
.sdb-admin-page :where(.sdb-admin-header__summary, .sdb-stylebook-version-card) {
min-width: 112px !important;
min-height: 68px !important;
padding: 12px 16px !important;
border: 1px solid var(--sdb-shell-border) !important;
border-radius: 14px !important;
background: var(--sdb-shell-surface) !important;
box-shadow: none !important;
}
.sdb-admin-page :where(.sdb-admin-header__summary strong, .sdb-stylebook-version-card strong) {
color: var(--sdb-shell-blue) !important;
font-size: 24px !important;
line-height: 1 !important;
}
.sdb-admin-page :where(.sdb-admin-header__summary span, .sdb-stylebook-version-card span) {
color: var(--sdb-shell-muted) !important;
font-size: 10px !important;
letter-spacing: .08em;
}
.sdb-admin-nav--product-shell {
display: grid !important;
gap: 0 !important;
margin: 0 0 16px !important;
padding: 0 !important;
border: 1px solid var(--sdb-shell-border) !important;
border-radius: var(--sdb-shell-radius) !important;
background: var(--sdb-shell-surface) !important;
box-shadow: var(--sdb-shell-shadow-card) !important;
overflow: hidden;
}
.sdb-admin-nav--product-shell .sdb-admin-nav__primary,
.sdb-admin-nav--product-shell .sdb-admin-nav__secondary {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
padding: 10px 12px;
border: 0 !important;
}
.sdb-admin-nav--product-shell .sdb-admin-nav__primary {
border-bottom: 1px solid var(--sdb-shell-border-soft) !important;
}
.sdb-admin-nav--product-shell .sdb-admin-nav__secondary {
padding-block: 8px;
background: var(--sdb-shell-surface-soft);
}
.sdb-admin-nav--product-shell .sdb-admin-nav__section-label {
display: none !important;
}
.sdb-admin-nav--product-shell :where(.sdb-admin-nav__area, .sdb-admin-nav__link) {
min-height: 32px !important;
padding: 7px 12px !important;
border: 1px solid transparent !important;
border-radius: 999px !important;
background: transparent !important;
color: var(--sdb-shell-title) !important;
box-shadow: none !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1;
text-transform: none !important;
}
.sdb-admin-nav--product-shell :where(.sdb-admin-nav__area:hover, .sdb-admin-nav__area:focus-visible, .sdb-admin-nav__link:hover, .sdb-admin-nav__link:focus-visible) {
background: var(--sdb-shell-blue-soft) !important;
color: var(--sdb-shell-blue) !important;
outline: none;
}
.sdb-admin-nav--product-shell :where(.sdb-admin-nav__area.is-active, .sdb-admin-nav__link.is-active) {
border-color: #cfe3ff !important;
background: var(--sdb-shell-blue-soft) !important;
color: var(--sdb-shell-blue) !important;
}
.sdb-admin-page :where(.sdb-admin-card, .sdb-admin-tool-panel, .sdb-stylebook-panel, .sdb-stylebook-taxonomy-card, .sdb-admin-result-summary) {
border: 1px solid var(--sdb-shell-border) !important;
border-radius: var(--sdb-shell-radius) !important;
background: var(--sdb-shell-surface) !important;
box-shadow: var(--sdb-shell-shadow-card) !important;
}
.sdb-admin-page .sdb-admin-card {
padding: 20px !important;
}
.sdb-admin-page .sdb-admin-card h2,
.sdb-admin-page .sdb-admin-card h3 {
color: var(--sdb-shell-title) !important;
letter-spacing: -.015em;
}
.sdb-product-header-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
}
.sdb-product-chip {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 34px;
padding: 7px 10px;
border: 1px solid var(--sdb-shell-border);
border-radius: 999px;
background: var(--sdb-shell-surface);
color: var(--sdb-shell-muted);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .035em;
}
.sdb-product-chip strong {
color: var(--sdb-shell-blue);
font-size: 13px;
letter-spacing: 0;
}
.sdb-product-chip--muted {
text-transform: none;
letter-spacing: 0;
}
.sdb-product-dashboard-grid {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(320px, .8fr);
gap: 16px;
margin-bottom: 14px;
}
.sdb-product-panel,
.sdb-product-actions-panel,
.sdb-product-technical-details {
border: 1px solid var(--sdb-shell-border);
border-radius: var(--sdb-shell-radius);
background: var(--sdb-shell-surface);
box-shadow: var(--sdb-shell-shadow-card);
}
.sdb-product-panel {
padding: 20px;
}
.sdb-product-panel--hero {
display: grid;
align-content: space-between;
min-height: 210px;
}
.sdb-product-panel__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.sdb-product-panel__head h2,
.sdb-product-panel--priority h2,
.sdb-product-actions-panel h2 {
margin: 8px 0 0;
color: var(--sdb-shell-title);
font-size: 20px;
line-height: 1.2;
}
.sdb-product-score {
color: var(--sdb-shell-blue);
font-size: clamp(42px, 5vw, 72px);
line-height: .9;
letter-spacing: -.055em;
}
.sdb-progress--product .sdb-progress__track,
.sdb-admin-page .sdb-progress__track {
height: 8px !important;
border-radius: 999px;
background: #edf3f9 !important;
}
.sdb-admin-page .sdb-progress__bar {
border-radius: 999px;
background: linear-gradient(90deg, var(--sdb-shell-blue), #31a4e3) !important;
}
.sdb-product-note-list {
display: grid;
gap: 6px;
margin: 14px 0 0;
padding-left: 1.1rem;
color: var(--sdb-shell-text);
font-size: 13px;
}
.sdb-product-action-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}
.sdb-product-panel--priority {
display: grid;
align-content: start;
gap: 12px;
background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}
.sdb-product-panel--priority p {
margin: 0;
color: var(--sdb-shell-text);
font-size: 13px;
line-height: 1.55;
}
.sdb-product-kpi-strip {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 10px;
margin-bottom: 14px;
}
.sdb-product-kpi-strip article {
min-height: 82px;
padding: 15px 16px;
border: 1px solid var(--sdb-shell-border);
border-radius: 16px;
background: var(--sdb-shell-surface);
box-shadow: var(--sdb-shell-shadow-card);
}
.sdb-product-kpi-strip span {
display: block;
color: var(--sdb-shell-muted);
font-size: 11px;
font-weight: 800;
letter-spacing: .055em;
text-transform: uppercase;
}
.sdb-product-kpi-strip strong {
display: block;
margin-top: 8px;
color: var(--sdb-shell-blue);
font-size: 28px;
line-height: 1;
letter-spacing: -.025em;
}
.sdb-product-workspace-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-bottom: 14px;
}
.sdb-product-workspace-card {
display: grid;
align-content: space-between;
min-height: 132px;
padding: 18px;
border: 1px solid var(--sdb-shell-border);
border-radius: 16px;
background: var(--sdb-shell-surface);
color: var(--sdb-shell-title);
text-decoration: none;
box-shadow: var(--sdb-shell-shadow-card);
}
.sdb-product-workspace-card:hover,
.sdb-product-workspace-card:focus-visible {
border-color: #cfe3ff;
box-shadow: 0 10px 26px rgba(0, 88, 183, .08);
outline: none;
}
.sdb-product-workspace-card span {
color: var(--sdb-shell-muted);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .055em;
}
.sdb-product-workspace-card strong {
margin-top: 10px;
font-size: 16px;
line-height: 1.25;
}
.sdb-product-workspace-card em {
align-self: end;
margin-top: 18px;
color: var(--sdb-shell-blue);
font-size: 12px;
font-style: normal;
font-weight: 800;
}
.sdb-product-actions-panel {
padding: 20px;
margin-bottom: 14px;
}
.sdb-product-action-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin: 16px 0 0;
padding: 0;
list-style: none;
}
.sdb-product-action-list li {
display: grid;
grid-template-columns: 36px minmax(0, 1fr);
gap: 12px;
padding: 14px;
border: 1px solid var(--sdb-shell-border);
border-radius: 14px;
background: var(--sdb-shell-surface-soft);
}
.sdb-product-action-list li > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: var(--sdb-shell-blue-soft);
color: var(--sdb-shell-blue);
font-size: 12px;
font-weight: 900;
}
.sdb-product-action-list strong {
color: var(--sdb-shell-title);
}
.sdb-product-action-list p {
margin: 4px 0 0;
color: var(--sdb-shell-text);
font-size: 12.5px;
line-height: 1.45;
}
.sdb-product-technical-details {
padding: 16px 18px;
}
.sdb-product-technical-details summary {
cursor: pointer;
color: var(--sdb-shell-title);
font-weight: 800;
}
.sdb-product-technical-details .sdb-admin-technical-status {
margin-top: 14px;
}
.sdb-admin-page--scanner .sdb-admin-result-summary--scanner {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.sdb-admin-page--scanner .sdb-admin-result-summary__heading {
grid-column: 1 / -1;
padding: 16px 18px;
background: linear-gradient(180deg, #fff 0%, var(--sdb-shell-surface-soft) 100%) !important;
}
.sdb-admin-page--scanner .sdb-admin-result-summary__item,
.sdb-admin-page .sdb-admin-kpi-card {
min-height: 74px !important;
padding: 14px 16px !important;
border: 1px solid var(--sdb-shell-border) !important;
border-radius: 16px !important;
background: var(--sdb-shell-surface) !important;
box-shadow: none !important;
}
.sdb-admin-page .sdb-admin-kpi-card__value,
.sdb-admin-page .sdb-admin-result-summary__item strong {
color: var(--sdb-shell-blue) !important;
font-size: 26px !important;
letter-spacing: -.03em;
}
.sdb-admin-page .sdb-admin-result-summary__item span,
.sdb-admin-page .sdb-admin-kpi-card__label,
.sdb-admin-page .sdb-admin-kpi-card__meta {
color: var(--sdb-shell-muted) !important;
font-size: 10.5px !important;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.sdb-admin-page .sdb-admin-token-swatch-grid {
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
gap: 10px !important;
}
.sdb-admin-page .sdb-admin-token-swatch,
.sdb-admin-page .sdb-admin-registry-list li,
.sdb-admin-page .sdb-admin-contract-mini {
border: 1px solid var(--sdb-shell-border) !important;
border-radius: 14px !important;
background: var(--sdb-shell-surface-soft) !important;
box-shadow: none !important;
}
.sdb-admin-page--documentation .sdb-documentation-map,
.sdb-admin-page--utilities .sdb-admin-registry-grid,
.sdb-admin-component-contracts-summary .sdb-admin-grid--3 {
gap: 14px !important;
}
.sdb-admin-page--utilities .sdb-admin-registry-list li {
display: grid;
grid-template-columns: minmax(170px, .35fr) minmax(0, 1fr) auto;
gap: 10px 14px;
align-items: start;
padding: 14px !important;
}
.sdb-admin-page--utilities .sdb-admin-registry-list li small {
grid-column: 1 / -1;
color: var(--sdb-shell-text);
}
.sdb-admin-page :where(.sdb-btn, .sdb-btn--primary, .sdb-btn--secondary, .sdb-btn--subtle) {
min-height: 38px !important;
padding: 8px 14px !important;
border-radius: 12px !important;
font-size: 13px !important;
font-weight: 800 !important;
box-shadow: none !important;
}
.sdb-admin-page .sdb-btn--primary {
background: var(--sdb-shell-blue) !important;
border-color: var(--sdb-shell-blue) !important;
}
.sdb-admin-page :where(.sdb-btn--secondary, .sdb-btn--subtle) {
background: var(--sdb-shell-surface) !important;
border-color: #cfe3ff !important;
color: var(--sdb-shell-blue) !important;
}
@media screen and (max-width: 1180px) {
.sdb-product-dashboard-grid,
.sdb-product-workspace-grid,
.sdb-product-action-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sdb-product-kpi-strip {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 782px) {
.sdb-admin-page {
padding-inline: 10px;
}
.sdb-admin-page :where(.sdb-admin-header, .sdb-admin-dashboard__header, .sdb-stylebook-hero) {
grid-template-columns: 1fr;
padding: 18px !important;
}
.sdb-product-header-actions {
justify-content: flex-start;
}
.sdb-product-dashboard-grid,
.sdb-product-kpi-strip,
.sdb-product-workspace-grid,
.sdb-product-action-list,
.sdb-admin-page--utilities .sdb-admin-registry-list li {
grid-template-columns: 1fr;
}
}
:where(.sdb-admin-page,.sdb-admin-tool-panel,.sdb-admin-data-table) { --sdb-asset-domain-admin-tools-loaded: 1; }:root { --sdb-app-sidebar-width: 264px;
--sdb-app-sidebar-width-collapsed: 72px;
--sdb-app-topbar-height: 60px;
--sdb-app-content-max-width: 1440px;
--sdb-app-content-padding: var(--sdb-space-6, 24px);
--sdb-app-gap: var(--sdb-space-4, 16px);
--sdb-app-surface: var(--sdb-color-surface, #fff);
--sdb-app-surface-muted: var(--sdb-color-background, #f5f8fb);
--sdb-app-border: var(--sdb-color-border, #eef3f8);
--sdb-app-sidebar-bg: var(--sdb-color-surface, #fff);
--sdb-app-topbar-bg: var(--sdb-color-surface, #fff);
--sdb-app-shell-z: var(--sdb-z-app-shell, 200);
} :root { --sdb-hue-blue-bg: #E4F1FF;   --sdb-hue-blue-fg: #0B4A8F;   --sdb-hue-blue-border: #A9CDF5;
--sdb-hue-teal-bg: #DDF3F1;   --sdb-hue-teal-fg: #0C5A55;   --sdb-hue-teal-border: #9FD7D2;
--sdb-hue-green-bg: #E4F5EA;  --sdb-hue-green-fg: #1E5F34;  --sdb-hue-green-border: #A9D8B8;
--sdb-hue-lime-bg: #EEF6DC;   --sdb-hue-lime-fg: #425A0B;   --sdb-hue-lime-border: #CBE08D;
--sdb-hue-amber-bg: #FFF3D6;  --sdb-hue-amber-fg: #8A5200;  --sdb-hue-amber-border: #F4D48A;
--sdb-hue-orange-bg: #FFEBDD; --sdb-hue-orange-fg: #9A3C0A; --sdb-hue-orange-border: #F6C3A0;
--sdb-hue-red-bg: #FDECEC;    --sdb-hue-red-fg: #A11B1B;    --sdb-hue-red-border: #F3B4B4;
--sdb-hue-pink-bg: #FCE7F0;   --sdb-hue-pink-fg: #9C1458;   --sdb-hue-pink-border: #F2B6D0;
--sdb-hue-purple-bg: #F0ECFB; --sdb-hue-purple-fg: #4B32A8; --sdb-hue-purple-border: #CFC2F0;
--sdb-hue-grey-bg: #EEF2F6;   --sdb-hue-grey-fg: #41505E;   --sdb-hue-grey-border: #CBD5DF; --sdb-state-drag-bg: var(--sdb-hue-blue-bg, #E4F1FF);
--sdb-state-focus-ring-on-color: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 0 4px rgba(11, 74, 143, 0.9); --sdb-z-app-shell: var(--sdb-z-sticky, 200);
--sdb-elevation-5: 0 24px 48px rgba(31, 42, 54, 0.20); --sdb-chart-1: #0058B7;
--sdb-chart-2: #009BD8;
--sdb-chart-3: #2F8F4E;
--sdb-chart-4: #F59E0B;
--sdb-chart-5: #8A1F3D;
--sdb-chart-6: #6A4BB5;
--sdb-chart-7: #3EC7B7;
--sdb-chart-8: #F26722;
--sdb-chart-grid: var(--sdb-color-border, #EEF3F8);
--sdb-chart-label: var(--sdb-color-muted, #8E9AA7);
} .sdb-avatar {
--_size: var(--sdb-avatar-size, 40px);
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: var(--_size);
block-size: var(--_size);
flex: 0 0 auto;
border-radius: 50%;
background: var(--sdb-hue-blue-bg);
color: var(--sdb-hue-blue-fg);
font-family: var(--sdb-font-heading, inherit);
font-weight: var(--sdb-font-weight-bold, 700);
font-size: calc(var(--_size) * 0.4);
line-height: 1;
text-transform: uppercase;
overflow: hidden;
user-select: none;
}
.sdb-avatar > img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
.sdb-avatar--sm { --sdb-avatar-size: 28px; }
.sdb-avatar--md { --sdb-avatar-size: 40px; }
.sdb-avatar--lg { --sdb-avatar-size: 56px; }
.sdb-avatar-stack {
display: inline-flex;
align-items: center;
}
.sdb-avatar-stack > .sdb-avatar,
.sdb-avatar-stack > .sdb-avatar-stack__more {
margin-inline-start: -8px;
border: 2px solid var(--sdb-app-surface, #fff);
}
.sdb-avatar-stack > :first-child {
margin-inline-start: 0;
}
.sdb-avatar-stack__more {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: var(--sdb-avatar-size, 40px);
block-size: var(--sdb-avatar-size, 40px);
border-radius: 50%;
background: var(--sdb-hue-grey-bg);
color: var(--sdb-hue-grey-fg);
font-size: 0.78rem;
font-weight: 700;
}
.sdb-person-chip {
display: inline-flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
padding: 3px var(--sdb-space-3, 12px) 3px 3px;
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-surface, #fff);
max-inline-size: 100%;
}
.sdb-person-chip__label {
font-size: 0.85rem;
font-weight: var(--sdb-font-weight-medium, 500);
color: var(--sdb-color-title, #364048);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sdb-person-chip--removable {
padding-inline-end: 3px;
}
.sdb-person-chip__remove {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 22px;
block-size: 22px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--sdb-color-muted, #8e9aa7);
font-size: 1rem;
line-height: 1;
cursor: pointer;
}
.sdb-person-chip__remove:hover {
background: var(--sdb-hue-red-bg);
color: var(--sdb-hue-red-fg);
}
.sdb-person-chip__remove:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
} .sdb-status-pill {
--_bg: var(--sdb-status-pill-bg, var(--sdb-hue-grey-bg));
--_fg: var(--sdb-status-pill-fg, var(--sdb-hue-grey-fg));
--_border: var(--sdb-status-pill-border, var(--sdb-hue-grey-border));
display: inline-flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
min-block-size: 26px;
padding: 3px var(--sdb-space-3, 12px);
border: 1px solid var(--_border);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--_bg);
color: var(--_fg);
font-family: var(--sdb-font-meta, inherit);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1.2;
white-space: nowrap;
}
.sdb-status-pill::before {
content: "";
inline-size: 8px;
block-size: 8px;
border-radius: 50%;
background: currentColor;
flex: 0 0 auto;
}
.sdb-status-pill--no-dot::before { display: none; } button.sdb-status-pill,
.sdb-status-pill--interactive {
cursor: pointer;
transition: filter 160ms ease;
}
button.sdb-status-pill:hover,
.sdb-status-pill--interactive:hover {
filter: brightness(0.97);
}
button.sdb-status-pill:focus-visible,
.sdb-status-pill--interactive:focus-visible {
outline: none;
box-shadow: var(--sdb-state-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
}
.sdb-status-pill--interactive::after {
content: "";
inline-size: 0;
block-size: 0;
margin-inline-start: 2px;
border-inline: 4px solid transparent;
border-block-start: 5px solid currentColor;
} .sdb-status-pill--blue { --sdb-status-pill-bg: var(--sdb-hue-blue-bg); --sdb-status-pill-fg: var(--sdb-hue-blue-fg); --sdb-status-pill-border: var(--sdb-hue-blue-border); }
.sdb-status-pill--teal { --sdb-status-pill-bg: var(--sdb-hue-teal-bg); --sdb-status-pill-fg: var(--sdb-hue-teal-fg); --sdb-status-pill-border: var(--sdb-hue-teal-border); }
.sdb-status-pill--green { --sdb-status-pill-bg: var(--sdb-hue-green-bg); --sdb-status-pill-fg: var(--sdb-hue-green-fg); --sdb-status-pill-border: var(--sdb-hue-green-border); }
.sdb-status-pill--lime { --sdb-status-pill-bg: var(--sdb-hue-lime-bg); --sdb-status-pill-fg: var(--sdb-hue-lime-fg); --sdb-status-pill-border: var(--sdb-hue-lime-border); }
.sdb-status-pill--amber { --sdb-status-pill-bg: var(--sdb-hue-amber-bg); --sdb-status-pill-fg: var(--sdb-hue-amber-fg); --sdb-status-pill-border: var(--sdb-hue-amber-border); }
.sdb-status-pill--orange { --sdb-status-pill-bg: var(--sdb-hue-orange-bg); --sdb-status-pill-fg: var(--sdb-hue-orange-fg); --sdb-status-pill-border: var(--sdb-hue-orange-border); }
.sdb-status-pill--red { --sdb-status-pill-bg: var(--sdb-hue-red-bg); --sdb-status-pill-fg: var(--sdb-hue-red-fg); --sdb-status-pill-border: var(--sdb-hue-red-border); }
.sdb-status-pill--pink { --sdb-status-pill-bg: var(--sdb-hue-pink-bg); --sdb-status-pill-fg: var(--sdb-hue-pink-fg); --sdb-status-pill-border: var(--sdb-hue-pink-border); }
.sdb-status-pill--purple { --sdb-status-pill-bg: var(--sdb-hue-purple-bg); --sdb-status-pill-fg: var(--sdb-hue-purple-fg); --sdb-status-pill-border: var(--sdb-hue-purple-border); }
.sdb-status-pill--grey { --sdb-status-pill-bg: var(--sdb-hue-grey-bg); --sdb-status-pill-fg: var(--sdb-hue-grey-fg); --sdb-status-pill-border: var(--sdb-hue-grey-border); } .sdb-combobox {
position: relative;
display: block;
inline-size: 100%;
}
.sdb-combobox__chips {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-space-2, 8px);
margin-block-end: var(--sdb-space-2, 8px);
}
.sdb-combobox__chips:empty { display: none; }
.sdb-combobox__input {
inline-size: 100%;
min-block-size: 40px;
padding: var(--sdb-space-2, 8px) var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-surface, #fff);
color: var(--sdb-color-title, #364048);
font: inherit;
}
.sdb-combobox__input:focus-visible {
outline: none;
border-color: var(--sdb-color-primary, #0058b7);
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
}
.sdb-combobox__list {
position: absolute;
z-index: var(--sdb-z-dropdown, 300);
inset-inline: 0;
margin-block-start: 4px;
max-block-size: 260px;
overflow-y: auto;
padding: var(--sdb-space-1, 4px);
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-elevation-3, 0 12px 24px rgba(31, 42, 54, 0.12));
list-style: none;
}
.sdb-combobox__option {
display: flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
padding: var(--sdb-space-2, 8px) var(--sdb-space-3, 12px);
border-radius: var(--sdb-radius-sm, 6px);
color: var(--sdb-color-title, #364048);
cursor: pointer;
}
.sdb-combobox__option:hover,
.sdb-combobox__option.is-active {
background: var(--sdb-state-hover-bg, rgba(0, 88, 183, 0.06));
}
.sdb-combobox__option[aria-selected="true"] {
color: var(--sdb-color-primary, #0058b7);
font-weight: var(--sdb-font-weight-semibold, 600);
} .sdb-datepicker {
position: relative;
display: block;
}
.sdb-datepicker__panel {
position: absolute;
z-index: var(--sdb-z-dropdown, 300);
margin-block-start: 4px;
padding: var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-elevation-3, 0 12px 24px rgba(31, 42, 54, 0.12));
inline-size: max-content;
}
.sdb-datepicker__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--sdb-space-3, 12px);
margin-block-end: var(--sdb-space-2, 8px);
color: var(--sdb-color-title, #364048);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-datepicker__nav {
inline-size: 32px;
block-size: 32px;
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-sm, 6px);
background: var(--sdb-color-surface, #fff);
color: var(--sdb-color-title, #364048);
cursor: pointer;
}
.sdb-datepicker__nav:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
}
.sdb-datepicker__grid {
display: grid;
grid-template-columns: repeat(7, 34px);
gap: 2px;
text-align: center;
}
.sdb-datepicker__wd {
font-size: 0.7rem;
font-weight: 700;
color: var(--sdb-color-muted, #8e9aa7);
padding-block: 4px;
}
.sdb-datepicker__day {
inline-size: 34px;
block-size: 34px;
border: 0;
border-radius: var(--sdb-radius-sm, 6px);
background: transparent;
color: var(--sdb-color-title, #364048);
cursor: pointer;
font: inherit;
}
.sdb-datepicker__day:hover { background: var(--sdb-state-hover-bg, rgba(0, 88, 183, 0.06)); }
.sdb-datepicker__day.is-selected,
.sdb-datepicker__day[aria-selected="true"] {
background: var(--sdb-color-primary, #0058b7);
color: #fff;
}
.sdb-datepicker__day:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
} .sdb-datepicker--range {
display: flex;
gap: var(--sdb-space-3, 12px);
} .sdb-thread {
display: flex;
flex-direction: column;
gap: var(--sdb-space-4, 16px);
}
.sdb-comment {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--sdb-space-3, 12px);
}
.sdb-comment__body {
min-inline-size: 0;
}
.sdb-comment__header {
display: flex;
align-items: baseline;
gap: var(--sdb-space-2, 8px);
margin-block-end: 2px;
}
.sdb-comment__author {
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-color-title, #364048);
}
.sdb-comment__meta {
font-family: var(--sdb-font-meta, inherit);
font-size: 0.78rem;
color: var(--sdb-color-muted, #8e9aa7);
}
.sdb-comment__content {
color: var(--sdb-color-text, #6b7785);
line-height: 1.6;
}
.sdb-comment__content > :first-child { margin-block-start: 0; }
.sdb-comment__content > :last-child { margin-block-end: 0; }
.sdb-composer {
display: flex;
flex-direction: column;
gap: var(--sdb-space-3, 12px);
padding: var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-surface, #fff);
}
.sdb-composer__field {
inline-size: 100%;
min-block-size: 88px;
padding: var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-sm, 6px);
background: var(--sdb-color-surface, #fff);
color: var(--sdb-color-title, #364048);
font: inherit;
resize: vertical;
}
.sdb-composer__field:focus-visible {
outline: none;
border-color: var(--sdb-color-primary, #0058b7);
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
}
.sdb-composer__footer {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--sdb-space-3, 12px);
}
.sdb-composer__slot {
display: flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
}
.sdb-composer__slot--primary {
margin-inline-start: auto;
}
.sdb-filechip {
display: inline-flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
padding: var(--sdb-space-2, 8px) var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-background, #f5f8fb);
max-inline-size: 100%;
}
.sdb-filechip__icon {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 28px;
block-size: 28px;
border-radius: var(--sdb-radius-sm, 6px);
background: var(--sdb-hue-blue-bg);
color: var(--sdb-hue-blue-fg);
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
flex: 0 0 auto;
}
.sdb-filechip__name {
font-size: 0.85rem;
color: var(--sdb-color-title, #364048);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sdb-filechip__size {
font-size: 0.75rem;
color: var(--sdb-color-muted, #8e9aa7);
flex: 0 0 auto;
}
.sdb-filechip__action {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 26px;
block-size: 26px;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--sdb-color-muted, #8e9aa7);
cursor: pointer;
flex: 0 0 auto;
}
.sdb-filechip__action:hover { background: var(--sdb-state-hover-bg, rgba(0, 88, 183, 0.06)); color: var(--sdb-color-primary, #0058b7); }
.sdb-filechip__action:focus-visible { outline: none; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22)); } .sdb-board {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(260px, 1fr);
gap: var(--sdb-space-4, 16px);
overflow-x: auto;
padding-block-end: var(--sdb-space-2, 8px);
}
.sdb-board__column {
display: flex;
flex-direction: column;
gap: var(--sdb-space-3, 12px);
padding: var(--sdb-space-3, 12px);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-app-surface-muted, #f5f8fb);
min-block-size: 120px;
}
.sdb-board__column-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--sdb-space-2, 8px);
font-family: var(--sdb-font-meta, inherit);
font-weight: 700;
color: var(--sdb-color-title, #364048);
}
.sdb-board__count {
display: inline-flex;
align-items: center;
justify-content: center;
min-inline-size: 22px;
padding: 0 6px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-hue-grey-bg);
color: var(--sdb-hue-grey-fg);
font-size: 0.75rem;
}
.sdb-board__dropzone {
display: flex;
flex-direction: column;
gap: var(--sdb-space-2, 8px);
min-block-size: 40px;
border-radius: var(--sdb-radius-sm, 6px);
}
.sdb-board__column.is-dropzone-active {
outline: 2px dashed var(--sdb-color-primary, #0058b7);
outline-offset: 2px;
background: var(--sdb-state-drag-bg, var(--sdb-hue-blue-bg));
}
.sdb-board__card {
padding: var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-elevation-1, 0 1px 2px rgba(31, 42, 54, 0.06));
cursor: grab;
}
.sdb-board__card.is-dragging {
opacity: 0.6;
cursor: grabbing;
}
.sdb-board__card:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
} .sdb-view-switcher {
display: inline-flex;
padding: 3px;
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-app-surface-muted, #f5f8fb);
gap: 2px;
}
.sdb-view-switcher__option {
display: inline-flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
min-block-size: 34px;
padding: 0 var(--sdb-space-3, 12px);
border: 0;
border-radius: var(--sdb-radius-sm, 6px);
background: transparent;
color: var(--sdb-color-text, #6b7785);
font: inherit;
font-weight: var(--sdb-font-weight-medium, 500);
cursor: pointer;
}
.sdb-view-switcher__option[aria-pressed="true"],
.sdb-view-switcher__option.is-active {
background: var(--sdb-color-surface, #fff);
color: var(--sdb-color-primary, #0058b7);
box-shadow: var(--sdb-elevation-1, 0 1px 2px rgba(31, 42, 54, 0.06));
}
.sdb-view-switcher__option:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
} .sdb-table--sticky-header thead th {
position: sticky;
inset-block-start: 0;
z-index: var(--sdb-z-sticky, 100);
background: var(--sdb-color-surface, #fff);
}
.sdb-table__group-row > * {
background: var(--sdb-app-surface-muted, #f5f8fb);
font-family: var(--sdb-font-meta, inherit);
font-weight: 700;
color: var(--sdb-color-title, #364048);
}
.sdb-table__group-toggle {
display: inline-flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
border: 0;
background: transparent;
font: inherit;
font-weight: 700;
color: inherit;
cursor: pointer;
}
.sdb-table th[aria-sort] {
cursor: pointer;
user-select: none;
}
.sdb-table th[aria-sort]::after {
content: "↕";
margin-inline-start: 6px;
color: var(--sdb-color-muted, #8e9aa7);
font-size: 0.8em;
}
.sdb-table th[aria-sort="ascending"]::after { content: "↑"; color: var(--sdb-color-primary, #0058b7); }
.sdb-table th[aria-sort="descending"]::after { content: "↓"; color: var(--sdb-color-primary, #0058b7); }
.sdb-table__select {
inline-size: 40px;
text-align: center;
}
.sdb-table tr[aria-selected="true"] > * {
background: var(--sdb-state-selected-bg, rgba(0, 88, 183, 0.1));
} .sdb-bulk-bar {
display: flex;
align-items: center;
gap: var(--sdb-space-4, 16px);
padding: var(--sdb-space-3, 12px) var(--sdb-space-4, 16px);
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-elevation-2, 0 4px 12px rgba(31, 42, 54, 0.08));
}
.sdb-bulk-bar__count {
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-color-title, #364048);
}
.sdb-bulk-bar__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2, 8px);
margin-inline-start: auto;
}
.sdb-bulk-bar[hidden] { display: none; } .sdb-file-preview {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: var(--sdb-space-3, 12px);
}
.sdb-file-preview__item {
display: block;
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 10px);
overflow: hidden;
background: var(--sdb-color-background, #f5f8fb);
cursor: zoom-in;
}
.sdb-file-preview__thumb {
aspect-ratio: 4 / 3;
inline-size: 100%;
object-fit: cover;
display: block;
}
.sdb-file-preview__caption {
padding: var(--sdb-space-2, 8px) var(--sdb-space-3, 12px);
font-size: 0.8rem;
color: var(--sdb-color-text, #6b7785);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sdb-lightbox {
position: fixed;
inset: 0;
z-index: var(--sdb-z-modal, 1000);
display: flex;
align-items: center;
justify-content: center;
padding: var(--sdb-space-6, 24px);
background: rgba(31, 42, 54, 0.82);
}
.sdb-lightbox__media {
max-inline-size: 92vw;
max-block-size: 88vh;
object-fit: contain;
border-radius: var(--sdb-radius-md, 10px);
}
.sdb-lightbox__close {
position: absolute;
inset-block-start: var(--sdb-space-4, 16px);
inset-inline-end: var(--sdb-space-4, 16px);
inline-size: 44px;
block-size: 44px;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.15);
color: #fff;
font-size: 1.4rem;
cursor: pointer;
}
.sdb-lightbox__close:focus-visible {
outline: none;
box-shadow: var(--sdb-state-focus-ring-on-color, 0 0 0 3px rgba(255, 255, 255, 0.9));
} .sdb-chart--bars {
display: flex;
align-items: flex-end;
gap: var(--sdb-space-3, 12px);
block-size: var(--sdb-chart-height, 180px);
padding-block-start: var(--sdb-space-3, 12px);
border-block-end: 1px solid var(--sdb-chart-grid, #eef3f8);
}
.sdb-chart__bar {
flex: 1 1 0;
min-inline-size: 8px;
block-size: var(--sdb-chart-value, 0%);
border-radius: var(--sdb-radius-sm, 6px) var(--sdb-radius-sm, 6px) 0 0;
background: var(--sdb-chart-color, var(--sdb-chart-1, #0058b7));
}
.sdb-chart--donut {
inline-size: var(--sdb-chart-size, 160px);
block-size: var(--sdb-chart-size, 160px);
border-radius: 50%;
background: conic-gradient(
var(--sdb-chart-color, var(--sdb-chart-1, #0058b7)) calc(var(--sdb-chart-value, 0%) * 1),
var(--sdb-chart-grid, #eef3f8) 0
);
-webkit-mask: radial-gradient(circle, transparent 54%, #000 55%);
mask: radial-gradient(circle, transparent 54%, #000 55%);
}
.sdb-chart__legend {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-space-3, 12px);
margin-block-start: var(--sdb-space-3, 12px);
}
.sdb-chart__legend-item {
display: inline-flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
font-size: 0.8rem;
color: var(--sdb-chart-label, #8e9aa7);
}
.sdb-chart__swatch {
inline-size: 12px;
block-size: 12px;
border-radius: 3px;
background: var(--sdb-chart-color, var(--sdb-chart-1, #0058b7));
flex: 0 0 auto;
} .sdb-app {
display: grid;
grid-template-columns: var(--sdb-app-sidebar-width) minmax(0, 1fr);
grid-template-rows: auto minmax(0, 1fr);
grid-template-areas:
"sidebar topbar"
"sidebar content";
min-block-size: 100vh;
background: var(--sdb-app-surface-muted);
color: var(--sdb-color-text, #6b7785);
}
.sdb-app--collapsed {
grid-template-columns: var(--sdb-app-sidebar-width-collapsed) minmax(0, 1fr);
} .sdb-app__sidebar {
grid-area: sidebar;
position: sticky;
inset-block-start: 0;
align-self: start;
block-size: 100vh;
inline-size: 100%;
display: flex;
flex-direction: column;
gap: var(--sdb-app-gap);
padding: var(--sdb-space-4, 16px);
background: var(--sdb-app-sidebar-bg);
border-inline-end: 1px solid var(--sdb-app-border);
overflow-y: auto;
overscroll-behavior: contain;
}
.sdb-app__brand {
display: flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
min-block-size: var(--sdb-app-topbar-height);
font-family: var(--sdb-font-heading, inherit);
font-weight: var(--sdb-font-weight-bold, 700);
color: var(--sdb-color-title, #364048);
}
.sdb-app__nav {
display: flex;
flex-direction: column;
gap: 2px;
margin: 0;
padding: 0;
list-style: none;
}
.sdb-app__nav-link {
display: flex;
align-items: center;
gap: var(--sdb-space-3, 12px);
min-block-size: 40px;
padding: var(--sdb-space-2, 8px) var(--sdb-space-3, 12px);
border-radius: var(--sdb-radius-md, 10px);
color: var(--sdb-color-text, #6b7785);
font-weight: var(--sdb-font-weight-medium, 500);
text-decoration: none;
transition: background-color 160ms ease, color 160ms ease;
}
.sdb-app__nav-link:hover {
background: var(--sdb-state-hover-bg, rgba(0, 88, 183, 0.06));
color: var(--sdb-color-title, #364048);
}
.sdb-app__nav-link[aria-current],
.sdb-app__nav-link.is-active {
background: var(--sdb-state-selected-bg, rgba(0, 88, 183, 0.1));
color: var(--sdb-color-primary, #0058b7);
}
.sdb-app__nav-link:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
} .sdb-app--collapsed .sdb-app__nav-link > .sdb-app__nav-label,
.sdb-app--collapsed .sdb-app__brand-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sdb-app--collapsed .sdb-app__nav-link {
justify-content: center;
} .sdb-app__topbar {
grid-area: topbar;
position: sticky;
inset-block-start: 0;
z-index: var(--sdb-app-shell-z);
display: flex;
align-items: center;
gap: var(--sdb-app-gap);
min-block-size: var(--sdb-app-topbar-height);
padding-inline: var(--sdb-app-content-padding);
background: var(--sdb-app-topbar-bg);
border-block-end: 1px solid var(--sdb-app-border);
}
.sdb-app__topbar-title {
margin: 0;
font-family: var(--sdb-font-heading, inherit);
font-size: var(--sdb-text-h5, 20px);
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-color-title, #364048);
}
.sdb-app__topbar-actions {
display: flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
margin-inline-start: auto;
} .sdb-app__content {
grid-area: content;
min-inline-size: 0;
padding: var(--sdb-app-content-padding);
overflow-y: auto;
}
.sdb-app__content-inner {
inline-size: 100%;
max-inline-size: var(--sdb-app-content-max-width);
margin-inline: auto;
} @media (max-width: 768px) {
.sdb-app,
.sdb-app--collapsed {
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"topbar"
"sidebar"
"content";
}
.sdb-app__sidebar {
position: static;
block-size: auto;
inline-size: 100%;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
border-inline-end: 0;
border-block-end: 1px solid var(--sdb-app-border);
overflow-x: auto;
}
.sdb-app__nav {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (prefers-reduced-motion: reduce) {
.sdb-app__nav-link {
transition: none;
}
}  .sdb-overlay-backdrop {
position: fixed;
inset: 0;
z-index: var(--sdb-modal-z-index, 1000);
background: rgba(31, 42, 54, 0.48);
animation: sdb-overlay-fade 160ms ease;
}
.sdb-overlay-backdrop[data-sdb-reduce="1"] {
animation: none;
}
@keyframes sdb-overlay-fade {
from { opacity: 0; }
to { opacity: 1; }
} .sdb-toast-region {
position: fixed;
inset-block-end: var(--sdb-space-4, 16px);
inset-inline-end: var(--sdb-space-4, 16px);
z-index: var(--sdb-toast-z-index, 1100);
display: flex;
flex-direction: column;
gap: var(--sdb-space-2, 8px);
max-inline-size: min(92vw, 360px);
pointer-events: none;
}
.sdb-toast-region > .sdb-toast {
pointer-events: auto;
} .sdb-modal.is-open,
.sdb-side-panel.is-open {
z-index: calc(var(--sdb-modal-z-index, 1000) + 1);
}@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 400 700;
font-stretch: 100%;
font-display: swap;
src: url(//www.funchal.salesianos.pt/wp-content/plugins/sdb-comms-workflow-main/assets/fonts/archivo-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 400 700;
font-stretch: 100%;
font-display: swap;
src: url(//www.funchal.salesianos.pt/wp-content/plugins/sdb-comms-workflow-main/assets/fonts/archivo-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}