bullframe.css 3.8.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/.browserslistrc +5 -5
  2. package/.stylelintrc.json +10 -0
  3. package/CHANGELOG.md +28 -7
  4. package/LICENSE +20 -20
  5. package/README.md +25 -171
  6. package/dist/css/bullframe-classless-dark-prefers.css +357 -434
  7. package/dist/css/bullframe-classless-dark-prefers.min.css +2 -3
  8. package/dist/css/bullframe-classless-dark-prefers.min.css.map +1 -1
  9. package/dist/css/bullframe-classless-dark.css +328 -421
  10. package/dist/css/bullframe-classless-dark.min.css +2 -3
  11. package/dist/css/bullframe-classless-dark.min.css.map +1 -1
  12. package/dist/css/bullframe-classless.css +237 -302
  13. package/dist/css/bullframe-classless.min.css +2 -2
  14. package/dist/css/bullframe-classless.min.css.map +1 -1
  15. package/dist/css/bullframe-dark-prefers.css +468 -642
  16. package/dist/css/bullframe-dark-prefers.min.css +2 -2
  17. package/dist/css/bullframe-dark-prefers.min.css.map +1 -1
  18. package/dist/css/bullframe-dark.css +402 -602
  19. package/dist/css/bullframe-dark.min.css +2 -2
  20. package/dist/css/bullframe-dark.min.css.map +1 -1
  21. package/dist/css/bullframe-utilities.css +87 -125
  22. package/dist/css/bullframe-utilities.min.css +1 -1
  23. package/dist/css/bullframe-utilities.min.css.map +1 -1
  24. package/dist/css/bullframe.css +288 -464
  25. package/dist/css/bullframe.min.css +1 -1
  26. package/dist/css/bullframe.min.css.map +1 -1
  27. package/docs/test/css/style.css +130 -130
  28. package/docs/test/icons/safari-pinned-tab.svg +28 -28
  29. package/docs/test/js/vendor/html5shiv.js +335 -335
  30. package/docs/test/js/vendor/ie10-viewport-bug-workaround.js +20 -20
  31. package/gulpfile.js +5 -2
  32. package/index.html +1214 -1223
  33. package/package.json +14 -7
  34. package/src/scss/bullframe-classless-dark-prefers.scss +5 -5
  35. package/src/scss/bullframe-classless-dark.scss +5 -5
  36. package/src/scss/bullframe-classless.scss +1 -9
  37. package/src/scss/bullframe-dark-prefers.scss +4 -4
  38. package/src/scss/bullframe-dark.scss +4 -4
  39. package/src/scss/bullframe-utilities.scss +18 -18
  40. package/src/scss/bullframe.scss +0 -7
  41. package/src/scss/forms/_forms-normalization.scss +4 -2
  42. package/src/scss/forms/_forms-styling-radio-checkbox.scss +84 -85
  43. package/src/scss/forms/_forms-styling-range.scss +99 -103
  44. package/src/scss/forms/_forms-styling-select.scss +63 -63
  45. package/src/scss/forms/_forms-styling.scss +119 -121
  46. package/src/scss/miscellaneous/_misc-focus.scss +0 -1
  47. package/src/scss/miscellaneous/_misc-layout.scss +1 -36
  48. package/src/scss/mixins/_mixin-grid-flex.scss +83 -83
  49. package/src/scss/mixins/_mixin-layout.scss +42 -42
  50. package/src/scss/mixins/_mixin-texts.scss +38 -37
  51. package/src/scss/typography/_typography-blockquotes.scss +23 -23
  52. package/src/scss/typography/_typography-headings.scss +43 -43
  53. package/src/scss/typography/_typography-html-body.scss +72 -72
  54. package/src/scss/typography/_typography-misc.scss +3 -3
  55. package/src/scss/typography/_typography-monospaced-elements.scss +50 -56
  56. package/src/scss/utilities/_utility-buttons.scss +71 -71
  57. package/src/scss/utilities/_utility-embeds.scss +34 -34
  58. package/src/scss/utilities/_utility-filters.scss +24 -24
  59. package/src/scss/utilities/_utility-form-states.scss +80 -80
  60. package/src/scss/utilities/_utility-global-dark-classless.scss +157 -169
  61. package/src/scss/utilities/_utility-global-dark-prefers-classless.scss +3 -3
  62. package/src/scss/utilities/_utility-global-dark-prefers.scss +3 -3
  63. package/src/scss/utilities/_utility-global-dark-scrollbars.scss +29 -29
  64. package/src/scss/utilities/_utility-global-dark.scss +213 -224
  65. package/src/scss/utilities/_utility-grid-system.scss +204 -204
  66. package/src/scss/utilities/_utility-layout.scss +195 -196
  67. package/src/scss/utilities/_utility-lists.scss +17 -17
  68. package/src/scss/utilities/_utility-print.scss +101 -111
  69. package/src/scss/utilities/_utility-reduced-motion.scss +29 -29
  70. package/src/scss/utilities/_utility-tables.scss +40 -40
  71. package/src/scss/utilities/_utility-texts.scss +199 -199
  72. package/src/scss/utilities/_utility-z-index.scss +82 -82
  73. package/src/scss/variables/_variables-breakpoints.scss +5 -5
  74. package/src/scss/variables/_variables-colors.scss +31 -31
  75. package/src/scss/variables/_variables-spacing.scss +25 -25
  76. package/src/scss/variables/_variables-texts.scss +12 -12
  77. package/dist/css/bullframe-classless-dark-ie10+.css +0 -1330
  78. package/dist/css/bullframe-classless-dark-ie10+.min.css +0 -4
  79. package/dist/css/bullframe-classless-dark-ie10+.min.css.map +0 -1
  80. package/dist/css/bullframe-classless-dark-prefers-ie10+.css +0 -1310
  81. package/dist/css/bullframe-classless-dark-prefers-ie10+.min.css +0 -4
  82. package/dist/css/bullframe-classless-dark-prefers-ie10+.min.css.map +0 -1
  83. package/dist/css/bullframe-classless-ie10+.css +0 -1093
  84. package/dist/css/bullframe-classless-ie10+.min.css +0 -3
  85. package/dist/css/bullframe-classless-ie10+.min.css.map +0 -1
  86. package/dist/css/bullframe-dark-ie10+.css +0 -2578
  87. package/dist/css/bullframe-dark-ie10+.min.css +0 -3
  88. package/dist/css/bullframe-dark-ie10+.min.css.map +0 -1
  89. package/dist/css/bullframe-dark-prefers-ie10+.css +0 -2550
  90. package/dist/css/bullframe-dark-prefers-ie10+.min.css +0 -3
  91. package/dist/css/bullframe-dark-prefers-ie10+.min.css.map +0 -1
  92. package/dist/css/bullframe-ie10+.css +0 -2259
  93. package/dist/css/bullframe-ie10+.min.css +0 -2
  94. package/dist/css/bullframe-ie10+.min.css.map +0 -1
  95. package/docs/images-readme/browserstack-logo.png +0 -0
  96. package/src/scss/bullframe-classless-dark-ie10+.scss +0 -5
  97. package/src/scss/bullframe-classless-dark-prefers-ie10+.scss +0 -5
  98. package/src/scss/bullframe-classless-ie10+.scss +0 -43
  99. package/src/scss/bullframe-dark-ie10+.scss +0 -4
  100. package/src/scss/bullframe-dark-prefers-ie10+.scss +0 -4
  101. package/src/scss/bullframe-ie10+.scss +0 -121
  102. package/src/scss/forms/_forms-styling-ie-hacks.scss +0 -56
  103. package/src/scss/forms/_forms-styling-select-ie-hacks.scss +0 -30
@@ -1,2 +0,0 @@
1
- /*! bullframe.css v3.8.0 | MIT License | https://github.com/marcop135/bullframe.css */body,html{height:100%}body{min-height:100%}*,:after,:before{box-sizing:border-box}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[hidden]{display:none!important}@-ms-viewport{width:device-width}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:62.5%;color:#222;font-family:sans-serif;line-height:1.15;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-size:16px;font-size:1.6rem;line-height:1.5;font-weight:400;text-align:left;font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-rendering:optimizeLegibility;word-wrap:break-word;background-color:#fff}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:700;font-weight:600;font-family:inherit;color:inherit;line-height:1.25;margin-bottom:1rem}h1{font-size:36px;font-size:3.6rem}h2{font-size:30px;font-size:3rem}h3{font-size:24px;font-size:2.4rem}h4{font-size:20px;font-size:2rem}h5,h6{font-size:16px;font-size:1.6rem}blockquote{margin:0 0 2rem;padding-left:0;font-style:italic}blockquote p{margin-bottom:0}blockquote small{color:#999;display:block}blockquote small:before{content:"\2014 \00A0"}q{quotes:"“" "”" "‘" "’"}pre{margin:0 0 2rem;overflow:auto;word-break:break-all;word-wrap:break-word;white-space:pre;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;-ms-overflow-style:auto;display:block}code,kbd,pre,samp{font-family:Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875em}code{word-wrap:break-word}a>code{color:inherit}pre code{font-size:inherit;color:inherit;word-break:normal}p{margin:0 0 2rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}mark{background-color:#ff0}ins,mark{color:#000}ins{background-color:#ff9;text-decoration:none}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-8px;top:-.8rem}sub{bottom:-4px;bottom:-.4rem}small{font-size:80%}hr{box-sizing:content-box;display:block;height:0;border-style:solid;border-width:1px 0 0;color:inherit;margin:2rem 0;padding:0;overflow:visible}address{font-style:normal;margin-bottom:1rem;line-height:inherit}summary{display:list-item;cursor:pointer}a{color:#007bff;text-decoration:none;background-color:rgba(0,0,0,0)}a:focus,a:hover{text-decoration:underline;color:#0056b3}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([class]),a:not([href]):not([class]):hover,a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}:focus:not(:focus-visible){outline:none}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}a:focus,input:focus{outline:2px solid orange}:focus-visible{outline:2px solid orange}[type=button]:focus,[type=checkbox]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=radio]:focus,[type=reset]:focus,[type=search]:focus,[type=submit]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,button:focus,input[list]:focus,select:focus,textarea:focus{outline:0}dl,menu,ol,ul{margin:0 0 2rem;padding:0}dd,menu ol,menu ul,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ol,ul{margin-left:2rem}nav ol,nav ul{list-style:none;list-style-image:none;margin-left:0}dd{margin-left:0}nav li:before{content:"\200B";position:absolute}audio,canvas,progress,video{display:inline-block}audio,canvas,embed,iframe,img,object,video{max-width:100%}audio,canvas,img,svg,video{vertical-align:middle}img{height:auto;border-style:none}figure{margin:0}figcaption,figure{display:block}figcaption{line-height:1.375;font-size:90%}video{height:auto}audio{width:100%}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}svg:not([fill]){fill:currentColor}meter,progress{display:inline-block;vertical-align:baseline;width:100%;max-width:100%}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:20px;height:2rem;background:#ccc;color:#007bff}progress[value]::-webkit-progress-bar{background:#ccc}progress[value]::-webkit-progress-value{background:#007bff}iframe{border-style:none}button,html input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}[type=checkbox],[type=radio],button,html input,optgroup,select,textarea{margin:0}html input,legend,select,textarea{width:100%}[type=checkbox],[type=image],[type=radio],[type=reset],[type=submit],button,html [type=button],html label{width:auto}[type=reset],[type=submit],button,html [type=button],html input,label,output,select,textarea{display:inline-block}[type=file]{display:block;background-color:rgba(0,0,0,0)}button,html input,select,textarea{background-image:none}input,select,textarea{vertical-align:baseline}form{margin:0}fieldset{margin:0;min-width:0}fieldset,legend{border:0;padding:0}legend{display:table;max-width:100%;white-space:normal;font-size:inherit;color:inherit}label,legend{font-weight:400;margin-bottom:.5rem;line-height:1.375}label{font-size:90%}label input,label select,label textarea{font-size:110%}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-color-swatch-wrapper{padding:0}[type=search]{outline-offset:-2.5px;outline-offset:-.25rem}output{vertical-align:middle}button,select{text-transform:none}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}optgroup{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:700;font-weight:600}[type=date],[type=datetime-local],[type=email],[type=image],[type=month],[type=number],[type=password],[type=reset],[type=search],[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration,[type=submit],[type=tel],[type=text],[type=url],[type=week],button,html [type=button],input[list],textarea{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}button,input,select,textarea{border-radius:2.5px;border-radius:.25rem}[type=radio]{border-radius:50%}[type=checkbox]{border-radius:5px;border-radius:.5rem}[type=checkbox],[type=radio]{padding:0;background-color:#fff}[type=range]{background-color:rgba(0,0,0,0)}select[multiple],select[size]{height:auto}select[multiple]{background-image:none}textarea{height:auto;min-height:60px;min-height:6rem;overflow:auto;vertical-align:top;resize:vertical}::-moz-focus-inner{padding:0;border-style:none}[type=button],[type=reset],[type=submit],button{line-height:normal;text-align:center;margin:0;background-clip:padding-box;vertical-align:baseline;overflow:visible;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;background-image:none}[role=button],[type=checkbox],[type=radio],[type=range],button,input[type=button],input[type=submit],select{cursor:pointer}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666}input::-moz-placeholder,textarea::-moz-placeholder{color:#666}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666}input::placeholder,textarea::placeholder{color:#666}:-moz-ui-invalid{box-shadow:none}[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input[list],select,textarea{background-color:#fff;border:1px solid #999;padding:.5rem .75rem}[type=checkbox]:active,[type=checkbox]:focus,[type=date]:active,[type=date]:focus,[type=datetime-local]:active,[type=datetime-local]:focus,[type=email]:active,[type=email]:focus,[type=month]:active,[type=month]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=radio]:active,[type=radio]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=time]:active,[type=time]:focus,[type=url]:active,[type=url]:focus,[type=week]:active,[type=week]:focus,input[list]:active,input[list]:focus,select:active,select:focus,textarea:active,textarea:focus{transition:border .2s,background-color .2s,box-shadow .2s;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,86,179,.25)}[type=button],[type=reset],[type=submit],button{color:#222;padding:.66667rem 1.33333rem;background:#ccc;transition:color .2s,background .2s,box-shadow .2s}[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{text-decoration:none;color:#222;background:#b3b3b3}[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{box-shadow:0 0 0 3px rgba(0,0,0,.15)}button:disabled,button[aria-disabled=true],button[disabled],fieldset[disabled] button,fieldset[disabled] input,fieldset[disabled] input:after,fieldset[disabled] input:before,fieldset[disabled] input:checked,fieldset[disabled] label,fieldset[disabled] select,fieldset[disabled] textarea,input:disabled,input:disabled:after,input:disabled:before,input:disabled:checked,input[aria-disabled=true],input[aria-disabled=true]:after,input[aria-disabled=true]:before,input[aria-disabled=true]:checked,input[disabled],input[disabled]:after,input[disabled]:before,input[disabled]:checked,label:disabled,label[aria-disabled=true],label[disabled],select:disabled,select[aria-disabled=true],select[disabled],textarea:disabled,textarea[aria-disabled=true],textarea[disabled]{cursor:default!important;cursor:not-allowed!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;box-shadow:none!important;opacity:.5!important}select:not([size]):not([multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}select:not([size]):not([multiple]){background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .85rem center/8px 10px;padding-right:2rem}[dir=rtl] select:not([size]):not([multiple]),select[dir=rtl]:not([size]):not([multiple]){background-position:left .85rem top 50%;padding-right:.75rem;padding-left:2rem}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.8rem;width:1.8rem;vertical-align:top;position:relative;border:1px solid #999}[type=checkbox]+label,[type=radio]+label{line-height:1.8rem;vertical-align:top;margin-left:.5rem}[dir=rtl] [type=checkbox]+label,[dir=rtl] [type=radio]+label,[type=checkbox][dir=rtl]+label,[type=radio][dir=rtl]+label{margin-left:0;margin-right:.5rem}[type=checkbox]:after,[type=radio]:after{content:"";display:block;position:absolute}[type=checkbox]:checked,[type=radio]:checked{background-color:#007bff;border-color:#000}[type=radio]:after{width:1.8rem;height:1.8rem;left:-.05rem;top:-.05rem;border-radius:50%;background:#fff;-webkit-transform:scale(.35);transform:scale(.35)}[type=checkbox]:after{width:.6rem;height:.8rem;border:2px solid #fff;border-top:0;border-left:0;left:35%;top:20%;-webkit-transform:rotate(43deg);transform:rotate(43deg)}}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.4rem}[type=range]::-webkit-slider-thumb{border:0;-webkit-appearance:none;appearance:none;width:1.5rem;height:1.5rem;margin-top:-.25rem;background-color:#007bff;border-radius:1.5rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}[type=range]::-webkit-slider-thumb:active{background-color:#007bff}[type=range]::-moz-range-thumb{border:0;-moz-appearance:none;appearance:none;width:1.5rem;height:1.5rem;background-color:#007bff;border-radius:1.5rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}[type=range]::-moz-range-thumb:active{background-color:#007bff}[type=range]::-webkit-slider-runnable-track{color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);width:100%;height:.65rem;cursor:pointer;background-color:#e9e9e9}[type=range]::-moz-range-track{color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);width:100%;height:.65rem;cursor:pointer;background-color:#e9e9e9}[type=range]:focus{outline:none}[type=range]:focus::-moz-slider-thumb{box-shadow:0 0 0 .1rem #fff,0 0 0 .2rem rgba(0,123,255,.25)}[type=range]::-moz-focus-outer{border:0}[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 .1rem #fff,0 0 0 .2rem rgba(0,123,255,.25)}[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 .1rem #fff,0 0 0 .2rem rgba(0,123,255,.25)}[type=range]:disabled{pointer-events:none}[type=range]:disabled::-webkit-slider-thumb{background-color:#ccc}[type=range]:disabled::-moz-slider-thumb{background-color:#ccc}}table{max-width:100%;border-collapse:collapse}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}thead th{vertical-align:bottom}td,th{vertical-align:top}th{text-align:inherit;font-weight:700}caption{padding-top:.5rem;padding-bottom:.5rem;color:#999;text-align:left;caption-side:bottom;line-height:1.375;font-size:90%}.bf-container,.bf-container--fluid{box-sizing:content-box;display:block;margin-right:auto;margin-left:auto;padding-left:1.5rem;padding-right:1.5rem}.bf-container--fluid:after,.bf-container--fluid:before,.bf-container:after,.bf-container:before{display:table;content:" "}.bf-container--fluid:after,.bf-container:after{clear:both}.bf-container{max-width:1140px;max-width:114rem}.bf-row{display:block;margin-left:-1.5rem;margin-right:-1.5rem}.bf-row:after,.bf-row:before{content:" ";display:table}.bf-row:after{clear:both}[class^=bf-col-]{float:left;position:relative;min-height:1px;padding-left:1.5rem;padding-right:1.5rem}.bf-no-gutters{margin-right:0;margin-left:0}.bf-no-gutters>[class^=bf-col]{padding-right:0;padding-left:0}.bf-col-12{width:100%}.bf-col-11{width:91.66666666666666%}.bf-col-10{width:83.33333333333334%}.bf-col-9{width:75%}.bf-col-8{width:66.66666666666666%}.bf-col-7{width:58.333333333333336%}.bf-col-6{width:50%}.bf-col-5{width:41.66666666666667%}.bf-col-4{width:33.33333333333333%}.bf-col-3{width:25%}.bf-col-2{width:16.666666666666664%}.bf-col-1{width:8.3333%}@media (max-width:575px){.bf-container--break-xs .bf-row{margin-left:0;margin-right:0}.bf-container--break-xs [class^=bf-col]{width:100%;float:none;margin-left:0;padding-left:0;padding-right:0}}@media (max-width:767px){.bf-container--break-md .bf-row{margin-left:0;margin-right:0}.bf-container--break-md [class^=bf-col]{width:100%;float:none;margin-left:0;padding-left:0;padding-right:0}}@media (max-width:991px){.bf-container--break-lg .bf-row{margin-left:0;margin-right:0}.bf-container--break-lg [class^=bf-col]{width:100%;float:none;margin-left:0;padding-left:0;padding-right:0}}table td[class^=bf-col],table th[class^=bf-col]{position:static}.bf-clearfix:after,.bf-clearfix:before{content:" ";display:table}.bf-clearfix:after{clear:both}.bf-hidden,.bf-hide{display:none!important}.bf-hidden{visibility:hidden!important}.bf-text-hide{font:0/0 a!important;color:rgba(0,0,0,0)!important;text-shadow:none!important;background-color:rgba(0,0,0,0)!important;margin:0!important}.bf-sr-only,.bf-text-hide{border:0!important;padding:0!important}.bf-sr-only{clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.bf-sr-only.focusable:active,.bf-sr-only.focusable:focus{clip:auto!important;height:auto!important;margin:0!important;overflow:visible!important;position:static!important;white-space:inherit!important;width:auto!important}.bf-invisible{visibility:hidden!important}.bf-visible{visibility:visible!important}.bf-display-block{display:block!important}.bf-display-block-center{display:block!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}.bf-display-inline{display:inline!important}.bf-display-inline-block{display:inline-block!important}.bf-display-flex{display:-webkit-flex!important;display:flex!important}.bf-display-inline-flex{display:-webkit-inline-flex!important;display:inline-flex!important}.bf-display-flex--justify-start{-webkit-justify-content:flex-start!important;justify-content:flex-start!important}.bf-display-flex--justify-end{-webkit-justify-content:flex-end!important;justify-content:flex-end!important}.bf-display-flex--justify-center{-webkit-justify-content:center!important;justify-content:center!important}.bf-display-flex--wrap{-webkit-flex-wrap:wrap!important;flex-wrap:wrap!important}.bf-display-flex--nowrap{-webkit-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.bf-float-left{float:left!important}.bf-float-right{float:right!important}.bf-position-fixed{position:fixed!important}.bf-position-sticky{position:-webkit-sticky!important;position:sticky!important;top:0!important}.bf-align-center-unknown{position:relative!important}.bf-align-center-unknown--item{position:absolute!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.bf-align-center-flex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.bf-width-25{width:25%!important}.bf-width-33{width:33.33333333333333%!important}.bf-width-50{width:50%!important}.bf-width-75{width:75%!important}.bf-width-100{width:100%!important}.bf-width-auto{width:auto!important}.bf-z-index-1{z-index:1}.bf-z-index-2{z-index:2}.bf-z-index-3{z-index:3}.bf-z-index-4{z-index:4}.bf-z-index-5{z-index:5}.bf-z-index-6{z-index:6}.bf-z-index-7{z-index:7}.bf-z-index-8{z-index:8}.bf-z-index-9{z-index:9}.bf-z-index-10{z-index:10}.bf-z-index-20{z-index:20}.bf-z-index-30{z-index:30}.bf-z-index-40{z-index:40}.bf-z-index-50{z-index:50}.bf-z-index-60{z-index:60}.bf-z-index-70{z-index:70}.bf-z-index-80{z-index:80}.bf-z-index-90{z-index:90}.bf-z-index-100{z-index:100}.bf-z-index-200,.bf-z-index-300{z-index:200}.bf-m-0{margin:0!important}.bf-m-t-0{margin-top:0!important}.bf-m-b-0{margin-bottom:0!important}.bf-m-l-0{margin-left:0!important}.bf-m-r-0{margin-right:0!important}.bf-m-1{margin-bottom:.5rem!important}.bf-m-2{margin-bottom:1rem!important}.bf-m-3{margin-bottom:2rem!important}.bf-m-4{margin-bottom:3rem!important}.bf-m-b-1{margin-bottom:.5rem!important}.bf-m-b-2{margin-bottom:1rem!important}.bf-m-b-3{margin-bottom:2rem!important}.bf-m-b-4{margin-bottom:3rem!important}.bf-p-0{padding:0!important}.bf-p-t-0{padding-top:0!important}.bf-p-b-0{padding-bottom:0!important}.bf-p-l-0{padding-left:0!important}.bf-p-r-0{padding-right:0!important}.bf-p-1{padding-bottom:.5rem!important}.bf-p-2{padding-bottom:1rem!important}.bf-p-3{padding-bottom:2rem!important}.bf-p-4{padding-bottom:3rem!important}.bf-p-t-1{padding-top:.5rem!important}.bf-p-t-2{padding-top:1rem!important}.bf-p-t-3{padding-top:2rem!important}.bf-p-t-4{padding-top:3rem!important}.bf-p-b-1{padding-bottom:.5rem!important}.bf-p-b-2{padding-bottom:1rem!important}.bf-p-b-3{padding-bottom:2rem!important}.bf-p-b-4{padding-bottom:3rem!important}.bf-t-transform-uppercase{text-transform:uppercase!important}.bf-t-transform-none{text-transform:none!important}.bf-t-left{text-align:left!important}.bf-t-center{text-align:center!important}.bf-t-right{text-align:right!important}.bf-t-shadow{text-shadow:0 0 2px #222!important;text-shadow:0 0 .2rem #222!important}.bf-t-italic{font-style:italic!important}.bf-t-style-normal{font-style:normal!important}.bf-t-weight-300{font-weight:300!important}.bf-t-weight-400{font-weight:400!important}.bf-t-weight-500{font-weight:500!important}.bf-t-weight-600{font-weight:600!important}.bf-t-weight-700{font-weight:700!important}.bf-t-weight-800{font-weight:800!important}.bf-text-break{word-wrap:break-word!important}.bf-t-truncate{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important}.bf-t-truncate--multiline-2{-webkit-line-clamp:2!important}.bf-t-truncate--multiline-2,.bf-t-truncate--multiline-3{overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-box-orient:vertical!important}.bf-t-truncate--multiline-3{-webkit-line-clamp:3!important}.bf-no-select{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.bf-font-sans-serif{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}.bf-font-serif{font-family:Georgia,Times,Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}.bf-font-monospace{font-family:Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}.bf-h1,.bf-h2,.bf-h3,.bf-h4,.bf-h5,.bf-h6{font-weight:700!important;font-weight:600!important;margin-top:0!important;line-height:1.2!important;margin-bottom:1rem!important}.bf-h1{font-size:36px!important;font-size:3.6rem!important}.bf-h2{font-size:30px!important;font-size:3rem!important}.bf-h3{font-size:24px!important;font-size:2.4rem!important}.bf-h4{font-size:20px!important;font-size:2rem!important}.bf-h5,.bf-h6{font-size:16px!important;font-size:1.6rem!important}p.bf-lead{font-size:120%!important}body.bf-responsive-typography{--body-rt-font-size-flex:calc(1.6rem + 0.44118vw - 1.41176px);--body-rt-font-size-max:1.9rem}@media (min-width:320px){body.bf-responsive-typography{font-size:var(--body-rt-font-size-flex)}}@media (min-width:1000px){body.bf-responsive-typography{font-size:var(--body-rt-font-size-max)}}.bf-btn{display:inline-block;cursor:pointer;color:#222;padding:.66667rem 1.33333rem;line-height:normal;text-align:center;margin:0;background-clip:padding-box;vertical-align:baseline;overflow:visible;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:2.5px;border-radius:.25rem;border:0;background-image:none;background:#ccc;transition:all .2s}.bf-btn:active,.bf-btn:focus,.bf-btn:hover{text-decoration:none;color:#222;background:#b3b3b3}.bf-btn:active,.bf-btn:focus{box-shadow:0 0 0 3px rgba(0,0,0,.15)}.bf-btn:focus{outline:0}.bf-btn.bf-btn--primary{color:#fff;background:#007bff}.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus,.bf-btn.bf-btn--primary:hover{color:#fff;background:#0062cc}.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus{box-shadow:0 0 0 3px rgba(0,86,179,.25)}.bf-btn:disabled,.bf-btn[aria-disabled=true],.bf-btn[disabled],fieldset[disabled] .bf-btn{cursor:default!important;cursor:not-allowed!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;box-shadow:none!important;opacity:.5!important}.bf-focused{transition:border .2s,background-color .2s,box-shadow .2s!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,86,179,.25)!important}.bf-disabled,.bf-disabled:active,.bf-disabled:after,.bf-disabled:before,.bf-disabled:checked,.bf-disabled:focus,.bf-disabled:hover,.bf-disabled:invalid{cursor:default!important;cursor:not-allowed!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;box-shadow:none!important;opacity:.5!important;background-color:#fff;border-color:#999}label.bf-disabled{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bf-btn.bf-disabled,[type=button].bf-disabled,[type=reset].bf-disabled,[type=submit].bf-disabled,button.bf-disabled{cursor:default;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:none;opacity:.5;color:#222;background:#ccc}.bf-btn.bf-disabled:active,.bf-btn.bf-disabled:focus,.bf-btn.bf-disabled:hover,[type=button].bf-disabled:active,[type=button].bf-disabled:focus,[type=button].bf-disabled:hover,[type=reset].bf-disabled:active,[type=reset].bf-disabled:focus,[type=reset].bf-disabled:hover,[type=submit].bf-disabled:active,[type=submit].bf-disabled:focus,[type=submit].bf-disabled:hover,button.bf-disabled:active,button.bf-disabled:focus,button.bf-disabled:hover{box-shadow:none;color:#222;background:#ccc}.bf-btn--primary.bf-disabled{cursor:default;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:none;opacity:.5;color:#fff;background:#007bff}.bf-btn--primary.bf-disabled:active,.bf-btn--primary.bf-disabled:focus,.bf-btn--primary.bf-disabled:hover{box-shadow:none;color:#fff;background:#007bff}.bf-invalid,.bf-invalid:focus{color:red!important;border-color:red!important;box-shadow:0 0 0 3px rgba(255,0,0,.25)!important}.bf-list-unstyled,dd.bf-list-unstyled,menu ol.bf-list-unstyled,menu ul.bf-list-unstyled,ol.bf-list-unstyled ol,ol.bf-list-unstyled ul,ul.bf-list-unstyled ol,ul.bf-list-unstyled ul{margin:0;padding:0;list-style:none}dt{font-weight:700}.bf-embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.bf-embed-responsive:before{display:block;content:"";padding-top:56.25%}.bf-embed-responsive .bf-embed-responsive--4-3:before{padding-top:75%}.bf-embed-responsive .bf-embed-responsive--item,.bf-embed-responsive embed,.bf-embed-responsive iframe,.bf-embed-responsive object,.bf-embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.bf-table td,.bf-table th{padding:1rem;border-bottom:1px solid #999;margin-bottom:.5rem}.bf-table-responsive{overflow-x:auto;overflow-y:hidden;-ms-overflow-style:scrollbar}.bf-table-responsive table{width:100%;margin-bottom:.5rem}.bf-table-responsive.scrollbar{-webkit-overflow-scrolling:auto}.bf-table--zebra tbody tr:nth-child(odd),.bf-table-responsive--zebra tbody tr:nth-child(odd){background-color:#e9e9e9}@media print{*,:after,:before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@media print{.bf-container,body{min-width:992px!important}.bf-table-responsive{overflow:auto}.bf-table-responsive table{width:auto}.bf-table,.bf-table-responsive table{border-collapse:collapse!important}}@media (prefers-reduced-motion:reduce){.bf-reduced-motion,.bf-reduced-motion *,.bf-reduced-motion:after,.bf-reduced-motion :after,.bf-reduced-motion:before,.bf-reduced-motion :before{-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}
2
- /*# sourceMappingURL=bullframe-ie10+.min.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["bullframe-ie10+.css","miscellaneous/_misc-layout.scss","typography/_typography-html-body.scss","variables/_variables-texts.scss","typography/_typography-headings.scss","typography/_typography-blockquotes.scss","variables/_variables-spacing.scss","variables/_variables-colors.scss","typography/_typography-monospaced-elements.scss","typography/_typography-misc.scss","miscellaneous/_misc-anchors.scss","miscellaneous/_misc-focus.scss","miscellaneous/_misc-lists.scss","miscellaneous/_misc-embedded-content.scss","forms/_forms-normalization.scss","forms/_forms-styling.scss","forms/_forms-styling-select.scss","forms/_forms-styling-radio-checkbox.scss","forms/_forms-styling-range.scss","miscellaneous/_misc-tables.scss","utilities/_utility-grid-system.scss","utilities/_utility-layout.scss","utilities/_utility-z-index.scss","utilities/_utility-spacing.scss","utilities/_utility-texts.scss","utilities/_utility-buttons.scss","utilities/_utility-form-states.scss","utilities/_utility-lists.scss","utilities/_utility-embeds.scss","utilities/_utility-tables.scss","utilities/_utility-print.scss","utilities/_utility-reduced-motion.scss","miscellaneous/_misc-accessibility.scss"],"names":[],"mappings":"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ACE,gCAyCF,CAEA,uBAxCA,gCAAA,CACE,wBA0CF,CAEA,yBAzCA,kCAAA,CACE,0BqBnuCF,CrBsuCA,eACE,oBqBhuCF,CrBmuCA,gBACE,qBqBhuCF,CrBmuCA,mBqBhuCC,wBrB4wCD,CqBvwCA,oBrB0wCE,iCAAmC,CA1CrC,yBAAA,CACE,eqB7tCF,CrBguCA,yBqB7tCE,2BrB0wCF,CAEA,+BACE,2BA5CA,CqB3tCF,iBAAA,CrBywCE,kBAAoB,CA3CtB,gDAAA,CqB3tCE,wCrBywCF,CAEA,sBA7CE,oBAAA,CA+CA,YA/CA,CqB3tCF,0BAAA,CrB4wCU,kBAAmB,CA9C7B,8BAAA,CACE,sBqB3tCF,CrB8tCA,aACE,mBqB3tCF,CrB8tCA,aACE,kCqB3tCF,CrB8tCA,aACE,mBqB3tCF,CrB8tCA,aACE,mBqB3tCF,CrB8tCA,cACE,oBsBh6CF,CtBm6CA,eACE,oBsBh6CF,CtBm6CA,cACE,SsBh6CF,CtBm6CA,cACE,SsBh6CF,CtBm6CA,cACE,SsBh6CF,CtBm6CA,cACE,SsBh6CF,CtBm6CA,cACE,SsBh6CF,CtBm6CA,cACE,SsBh6CF,CtBm6CA,cACE,SsBh6CF,CtBm6CA,cACE,SsBh6CF,CtBm6CA,cACE,SsBh6CF,CtBm6CA,eACE,UsBh6CF,CtBm6CA,eACE,UsBh6CF,CtBm6CA,eACE,UsBh6CF,CtBm6CA,eACE,UsBh6CF,CtBm6CA,eACE,UsBh6CF,CtBm6CA,eACE,UsBh6CF,CtBm6CA,eACE,UsBh6CF,CtBm6CA,eACE,UsBh6CF,CtBm6CA,eACE,UsBh6CF,CtBm6CA,gBACE,WsBh6CF,CtBu6CA,gCACE,WuB/+CF,CvBk/CA,QACE,kBuB/+CF,CvBk/CA,UACE,sBuB/+CF,CvBk/CA,UACE,yBuB/+CF,CvBk/CA,UACE,uBuB/+CF,CvBk/CA,UuB/+CC,wBvBgiDD,CAEA,QuB7hDC,6BvBgiDD,CAEA,QuB7hDC,4BvBgiDD,CAEA,QuB7hDC,4BvBgiDD,CAEA,QuB7hDC,4BvBgiDD,CAEA,UuB7hDC,6BvBgiDD,CAEA,UuB7hDC,4BvBgiDD,CAEA,UuB7hDC,4BvBgiDD,CAEA,UA7CE,4BuB7+CF,CvBg/CA,QACE,mBuB7+CF,CvBg/CA,UACE,uBuB7+CF,CvBg/CA,UACE,0BuB7+CF,CvBg/CA,UACE,wBuB7+CF,CvBg/CA,UuB7+CC,yBvB8hDD,CAEA,QuB3hDC,8BvB8hDD,CAEA,QuB3hDC,6BvB8hDD,CAEA,QuB3hDC,6BvB8hDD,CAEA,QuB3hDC,6BvB8hDD,CAEA,UuB3hDC,2BvB8hDD,CAEA,UuB3hDC,0BvB8hDD,CAEA,UuB3hDC,0BvB8hDD,CAEA,UuB3hDC,0BvB8hDD,CAEA,UuB3hDC,8BvB8hDD,CAEA,UuB3hDC,6BvB8hDD,CAEA,UuB3hDC,6BvB8hDD,CAEA,UA7CE,6BwBhoDF,CxBmoDA,0BACE,kCwBhoDF,CxBmoDA,qBACE,6BwBhoDF,CxBmoDA,WACE,yBwBhoDF,CxBmoDA,aACE,2BwBhoDF,CxBmoDA,YwBhoDC,0BxBirDD,CAEA,aA9CA,kCAAA,CACE,oCwB/nDF,CxBkoDA,aACE,2BwB9nDF,CxBioDA,mBACE,2BwB9nDF,CxBioDA,iBACE,yBwB9nDF,CxBioDA,iBACE,yBwB9nDF,CxBioDA,iBACE,yBwB9nDF,CxBioDA,iBACE,yBwB9nDF,CxBioDA,iBACE,yBwB9nDF,CxBioDA,iBACE,yBwB9nDF,CxBioDA,ewB9nDE,8BxB+qDF,CAEA,eA9CE,wBAAA,CwB9nDF,yBAAA,CxB+qDE,gCAAkC,CA9CpC,4BAAA,CwB9nDE,0BxB+qDF,CAEA,4BA3CA,8BAiDA,CAEA,wDAtDE,yBAAA,CwB9nDF,gCAAA,CxB+qDE,6BAA+B,CwB5qD/B,qCxBurDF,CANA,4BA3CA,8BAiDA,CAEA,cAjDE,kCAAA,CwBtnDF,+BAAA,CxB0qDM,8BAAgC,CAjDtC,0BAAA,CACE,oCwB7mDF,CxBgnDA,oBACE,+MwB3mDF,CxB8mDA,eACE,2HwBrmDF,CAEA,mBxBypDE,qLACF,CAEA,0CwBlpDC,yBAAA,CxBumDC,yBAAA,CwBrmDF,sBAAA,CxBypDE,yBAA2B,CwBtpD5B,4BxBypDD,CAEA,OAjDA,wBAAA,CwBrmDC,0BxBypDD,CAEA,OAjDA,wBAA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","file":"bullframe-ie10+.min.css","sourcesContent":["/*! bullframe.css v3.8.0 | MIT License | https://github.com/marcop135/bullframe.css */\nhtml,\nbody {\n height: 100%;\n}\n\nbody {\n min-height: 100%;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n -ms-touch-action: manipulation;\n}\n\n[hidden] {\n display: none !important;\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\nhtml {\n text-size-adjust: 100%;\n font-size: 62.5%;\n color: #222;\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n margin: 0;\n font-size: 16px;\n font-size: 1.6rem;\n line-height: 1.5;\n font-weight: 400;\n text-align: left;\n font-family: BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n text-rendering: optimizeLegibility;\n word-wrap: break-word;\n background-color: #fff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n font-weight: 700;\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}\n\nblockquote {\n margin: 0 0 20px 0;\n margin-bottom: 2rem;\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: #999;\n display: block;\n}\n\nblockquote small:before {\n content: '\\2014 \\00A0';\n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n}\n\npre {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n}\n\npre {\n display: block;\n overflow: auto;\n word-break: break-all;\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n -ms-overflow-style: auto;\n display: block;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\", \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: .875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\np {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\nins {\n background-color: #ff9;\n color: #000;\n text-decoration: none;\n}\n\nb,\nstrong {\n font-weight: inherit;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: 20px 0;\n margin: 2rem 0;\n padding: 0;\n overflow: visible;\n}\n\naddress {\n font-style: normal;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n}\n\na:hover, a:focus {\n text-decoration: underline;\n color: #0056b3;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\n:focus:not(:focus-visible) {\n outline: none;\n}\n\n[tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\na:focus,\ninput:focus {\n outline: 2px solid orange;\n}\n\n:focus-visible {\n outline: 2px solid orange;\n}\n\nbutton:focus,\n[type='button']:focus,\n[type='reset']:focus,\n[type='submit']:focus,\n[type='email']:focus,\n[type='number']:focus,\n[type='password']:focus,\n[type='tel']:focus,\n[type='search']:focus,\n[type='text']:focus,\n[type='date']:focus,\n[type='datetime-local']:focus,\n[type='month']:focus,\n[type='time']:focus,\n[type='week']:focus,\n[type='time']:focus,\n[type='url']:focus,\n[type='radio']:focus,\n[type='checkbox']:focus,\ninput[list]:focus,\nselect:focus,\ntextarea:focus {\n outline: 0;\n}\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: 20px;\n margin-left: 2rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\nnav li:before {\n content: '\\200B';\n position: absolute;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\nprogress[value] {\n appearance: none;\n border: none;\n height: 20px;\n height: 2rem;\n background: #ccc;\n color: #007bff;\n}\n\nprogress[value]::-webkit-progress-bar {\n background: #ccc;\n}\n\nprogress[value]::-webkit-progress-value {\n background: #007bff;\n}\n\niframe {\n border-style: none;\n}\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type='radio'],\n[type='checkbox'],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\nhtml label,\nbutton,\n[type='image'],\n[type='submit'],\n[type='reset'],\nhtml [type='button'],\n[type='radio'],\n[type='checkbox'] {\n width: auto;\n}\n\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'],\noutput {\n display: inline-block;\n}\n\n[type='file'] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none;\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n\nlegend {\n display: table;\n max-width: 100%;\n white-space: normal;\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type='number']::-webkit-outer-spin-button,\n[type='number']::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n[type='search'] {\n outline-offset: -2.5px;\n outline-offset: -0.25rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[list]::-webkit-calendar-picker-indicator {\n display: none;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700;\n font-weight: 600;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\n[type=\"email\"],\n[type=\"number\"],\n[type=\"text\"],\n[type=\"tel\"],\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"week\"],\n[type=\"url\"],\n[type=\"image\"],\n[type=\"password\"],\n[type=\"search\"],\n[type=\"search\"]::-webkit-search-decoration,\n[type=\"search\"]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: 2.5px;\n border-radius: 0.25rem;\n}\n\n[type='radio'] {\n border-radius: 50%;\n}\n\n[type='checkbox'] {\n border-radius: 5px;\n border-radius: 0.5rem;\n}\n\n[type='radio'],\n[type='checkbox'] {\n padding: 0;\n background-color: #fff;\n}\n\n[type='range'] {\n background-color: transparent;\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none;\n}\n\ntextarea {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none;\n}\n\nbutton:hover, button:active, button:focus,\n[type='button']:hover,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:hover,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:hover,\n[type='submit']:active,\n[type='submit']:focus {\n text-decoration: none;\n color: #222;\n}\n\nbutton,\nselect,\ninput[type='submit'],\ninput[type='button'],\n[type='checkbox'],\n[type='range'],\n[type='radio'],\n[role='button'] {\n cursor: pointer;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: #666;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='time'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\ntextarea {\n background-color: #fff;\n border: 1px solid #999;\n padding: 5px 7.5px;\n padding: 0.5rem 0.75rem;\n}\n\n[type='email']:active, [type='email']:focus,\n[type='number']:active,\n[type='number']:focus,\n[type='password']:active,\n[type='password']:focus,\n[type='tel']:active,\n[type='tel']:focus,\n[type='search']:active,\n[type='search']:focus,\n[type='text']:active,\n[type='text']:focus,\n[type='date']:active,\n[type='date']:focus,\n[type='datetime-local']:active,\n[type='datetime-local']:focus,\n[type='month']:active,\n[type='month']:focus,\n[type='time']:active,\n[type='time']:focus,\n[type='week']:active,\n[type='week']:focus,\n[type='time']:active,\n[type='time']:focus,\n[type='url']:active,\n[type='url']:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus,\n[type='radio']:active,\n[type='radio']:focus,\n[type='checkbox']:active,\n[type='checkbox']:focus {\n transition: border .2s, background-color .2s, box-shadow .2s;\n border-color: #007bff;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n color: #222;\n padding: 6.66667px 13.33333px;\n padding: 0.66667rem 1.33333rem;\n background: #ccc;\n transition: color .2s, background .2s, box-shadow .2s;\n}\n\nbutton:hover, button:active, button:focus,\n[type='button']:hover,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:hover,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:hover,\n[type='submit']:active,\n[type='submit']:focus {\n text-decoration: none;\n color: #222;\n background: #b3b3b3;\n}\n\nbutton:active, button:focus,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:active,\n[type='submit']:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\nbutton[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"]:after,\ninput[aria-disabled=\"true\"]:before,\ninput[aria-disabled=\"true\"]:checked,\nselect[aria-disabled=\"true\"],\ntextarea[aria-disabled=\"true\"],\nlabel[aria-disabled=\"true\"] {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: .5 !important;\n}\n\nselect:not([size]):not([multiple]) {\n appearance: none;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect:not([size]):not([multiple]) {\n background: #fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.85rem center/8px 10px;\n padding-right: 20px;\n padding-right: 2rem;\n}\n\n*[dir='rtl'] select:not([size]):not([multiple]),\nselect[dir='rtl']:not([size]):not([multiple]) {\n background-position: left .85rem top 50%;\n padding-right: 7.5px;\n padding-right: 0.75rem;\n padding-left: 20px;\n padding-left: 2rem;\n}\n\n@supports (appearance: none) {\n [type='checkbox'],\n [type='radio'] {\n appearance: none;\n height: 1.8rem;\n width: 1.8rem;\n vertical-align: top;\n position: relative;\n border: 1px solid #999;\n }\n [type='checkbox'] + label,\n [type='radio'] + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: 5px;\n margin-left: 0.5rem;\n }\n *[dir='rtl'] [type='checkbox'] + label,\n [type='checkbox'][dir='rtl'] + label, *[dir='rtl']\n [type='radio'] + label,\n [type='radio'][dir='rtl'] + label {\n margin-left: 0;\n margin-right: 5px;\n margin-right: 0.5rem;\n }\n [type='checkbox']:after,\n [type='radio']:after {\n content: '';\n display: block;\n position: absolute;\n }\n [type='checkbox']:checked,\n [type='radio']:checked {\n background-color: #007bff;\n border-color: #000;\n }\n [type='radio']:after {\n width: 1.8rem;\n height: 1.8rem;\n left: -.05rem;\n top: -.05rem;\n border-radius: 50%;\n background: #fff;\n transform: scale(0.35);\n }\n [type='checkbox']:after {\n width: .6rem;\n height: .8rem;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n left: 35%;\n top: 20%;\n transform: rotate(43deg);\n }\n}\n\n@supports (appearance: none) {\n [type='range'] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n [type='range']::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.25rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color .15s ease-in-out,\r border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n }\n [type='range']::-webkit-slider-thumb:active {\n background-color: #007bff;\n }\n [type='range']::-moz-range-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color .15s ease-in-out,\r border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n }\n [type='range']::-moz-range-thumb:active {\n background-color: #007bff;\n }\n [type='range']::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: .65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type='range']::-moz-range-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: .65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type='range']:focus {\n outline: none;\n }\n [type='range']:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type='range']:focus::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type='range']::-moz-focus-outer {\n border: 0;\n }\n [type='range']:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type='range']:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type='range']:disabled {\n pointer-events: none;\n }\n [type='range']:disabled::-webkit-slider-thumb {\n background-color: #ccc;\n }\n [type='range']:disabled::-moz-slider-thumb {\n background-color: #ccc;\n }\n}\n\ntable {\n max-width: 100%;\n border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n font-weight: 700;\n}\n\ncaption {\n padding-top: 5px;\n padding-top: 0.5rem;\n padding-bottom: 5px;\n padding-bottom: 0.5rem;\n color: #999;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n\n.bf-container,\n.bf-container--fluid {\n box-sizing: content-box;\n display: block;\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-left: 1.5rem;\n padding-right: 15px;\n padding-right: 1.5rem;\n}\n\n.bf-container:before, .bf-container:after,\n.bf-container--fluid:before,\n.bf-container--fluid:after {\n display: table;\n content: ' ';\n}\n\n.bf-container:after,\n.bf-container--fluid:after {\n clear: both;\n}\n\n.bf-container {\n max-width: 1140px;\n max-width: 114rem;\n}\n\n.bf-row {\n display: block;\n margin-left: -15px;\n margin-left: -1.5rem;\n margin-right: -15px;\n margin-right: -1.5rem;\n}\n\n.bf-row:before, .bf-row:after {\n content: ' ';\n display: table;\n}\n\n.bf-row:after {\n clear: both;\n}\n\n[class^='bf-col-'] {\n float: left;\n position: relative;\n min-height: 1px;\n padding-left: 15px;\n padding-left: 1.5rem;\n padding-right: 15px;\n padding-right: 1.5rem;\n}\n\n.bf-no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.bf-no-gutters > [class^='bf-col'] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.bf-col-12 {\n width: 100%;\n}\n\n.bf-col-11 {\n width: 91.66666666666666%;\n}\n\n.bf-col-10 {\n width: 83.33333333333334%;\n}\n\n.bf-col-9 {\n width: 75%;\n}\n\n.bf-col-8 {\n width: 66.66666666666666%;\n}\n\n.bf-col-7 {\n width: 58.333333333333336%;\n}\n\n.bf-col-6 {\n width: 50%;\n}\n\n.bf-col-5 {\n width: 41.66666666666667%;\n}\n\n.bf-col-4 {\n width: 33.33333333333333%;\n}\n\n.bf-col-3 {\n width: 25%;\n}\n\n.bf-col-2 {\n width: 16.666666666666664%;\n}\n\n.bf-col-1 {\n width: 8.3333%;\n}\n\n@media (max-width: 575px) {\n .bf-container--break-xs .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-xs [class^='bf-col'] {\n width: 100%;\n float: none;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n@media (max-width: 767px) {\n .bf-container--break-md .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-md [class^='bf-col'] {\n width: 100%;\n float: none;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n@media (max-width: 991px) {\n .bf-container--break-lg .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-lg [class^='bf-col'] {\n width: 100%;\n float: none;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\ntable td[class^='bf-col'],\ntable th[class^='bf-col'] {\n position: static;\n}\n\n.bf-clearfix:before,\n.bf-clearfix:after {\n content: ' ';\n display: table;\n}\n\n.bf-clearfix:after {\n clear: both;\n}\n\n.bf-hide {\n display: none !important;\n}\n\n.bf-hidden {\n display: none !important;\n visibility: hidden !important;\n}\n\n.bf-text-hide {\n font: 0/0 a !important;\n color: transparent !important;\n text-shadow: none !important;\n background-color: transparent !important;\n border: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n/*\r\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\r\n// \r\n* Hide only visually, but have it available for screen readers:\r\n* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n*\r\n* 1. For long content, line feeds are not interpreted as spaces and small width\r\n* causes content to wrap 1 word per line:\r\n* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\r\n*/\n.bf-sr-only {\n border: 0 !important;\n clip: rect(0, 0, 0, 0) !important;\n height: 1px !important;\n margin: -1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n white-space: nowrap !important;\n width: 1px !important;\n}\n\n/*\r\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\r\n// \r\n* Extends the .sr-only class to allow the element\r\n* to be focusable when navigated to via the keyboard:\r\n* https://www.drupal.org/node/897638\r\n*/\n.bf-sr-only.focusable:active,\n.bf-sr-only.focusable:focus {\n clip: auto !important;\n height: auto !important;\n margin: 0 !important;\n overflow: visible !important;\n position: static !important;\n white-space: inherit !important;\n width: auto !important;\n}\n\n.bf-invisible {\n visibility: hidden !important;\n}\n\n.bf-visible {\n visibility: visible !important;\n}\n\n.bf-display-block {\n display: block !important;\n}\n\n.bf-display-block-center {\n display: block !important;\n margin-left: auto !important;\n margin-right: auto !important;\n text-align: center !important;\n}\n\n.bf-display-inline {\n display: inline !important;\n}\n\n.bf-display-inline-block {\n display: inline-block !important;\n}\n\n.bf-display-flex {\n display: flex !important;\n}\n\n.bf-display-inline-flex {\n display: inline-flex !important;\n}\n\n.bf-display-flex--justify-start {\n justify-content: flex-start !important;\n}\n\n.bf-display-flex--justify-end {\n justify-content: flex-end !important;\n}\n\n.bf-display-flex--justify-center {\n justify-content: center !important;\n}\n\n.bf-display-flex--wrap {\n flex-wrap: wrap !important;\n}\n\n.bf-display-flex--nowrap {\n flex-wrap: nowrap !important;\n}\n\n.bf-float-left {\n float: left !important;\n}\n\n.bf-float-right {\n float: right !important;\n}\n\n.bf-position-fixed {\n position: fixed !important;\n}\n\n.bf-position-sticky {\n position: sticky !important;\n top: 0 !important;\n}\n\n.bf-align-center-unknown {\n position: relative !important;\n}\n\n.bf-align-center-unknown--item {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n}\n\n.bf-align-center-flex {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.bf-width-25 {\n width: 25% !important;\n}\n\n.bf-width-33 {\n width: 33.33333333333333% !important;\n}\n\n.bf-width-50 {\n width: 50% !important;\n}\n\n.bf-width-75 {\n width: 75% !important;\n}\n\n.bf-width-100 {\n width: 100% !important;\n}\n\n.bf-width-auto {\n width: auto !important;\n}\n\n.bf-z-index-1 {\n z-index: 1;\n}\n\n.bf-z-index-2 {\n z-index: 2;\n}\n\n.bf-z-index-3 {\n z-index: 3;\n}\n\n.bf-z-index-4 {\n z-index: 4;\n}\n\n.bf-z-index-5 {\n z-index: 5;\n}\n\n.bf-z-index-6 {\n z-index: 6;\n}\n\n.bf-z-index-7 {\n z-index: 7;\n}\n\n.bf-z-index-8 {\n z-index: 8;\n}\n\n.bf-z-index-9 {\n z-index: 9;\n}\n\n.bf-z-index-10 {\n z-index: 10;\n}\n\n.bf-z-index-20 {\n z-index: 20;\n}\n\n.bf-z-index-30 {\n z-index: 30;\n}\n\n.bf-z-index-40 {\n z-index: 40;\n}\n\n.bf-z-index-50 {\n z-index: 50;\n}\n\n.bf-z-index-60 {\n z-index: 60;\n}\n\n.bf-z-index-70 {\n z-index: 70;\n}\n\n.bf-z-index-80 {\n z-index: 80;\n}\n\n.bf-z-index-90 {\n z-index: 90;\n}\n\n.bf-z-index-100 {\n z-index: 100;\n}\n\n.bf-z-index-200 {\n z-index: 200;\n}\n\n.bf-z-index-300 {\n z-index: 200;\n}\n\n.bf-m-0 {\n margin: 0 !important;\n}\n\n.bf-m-t-0 {\n margin-top: 0 !important;\n}\n\n.bf-m-b-0 {\n margin-bottom: 0 !important;\n}\n\n.bf-m-l-0 {\n margin-left: 0 !important;\n}\n\n.bf-m-r-0 {\n margin-right: 0 !important;\n}\n\n.bf-m-1 {\n margin-bottom: 5px !important;\n margin-bottom: 0.5rem !important;\n}\n\n.bf-m-2 {\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-m-3 {\n margin-bottom: 20px !important;\n margin-bottom: 2rem !important;\n}\n\n.bf-m-4 {\n margin-bottom: 30px !important;\n margin-bottom: 3rem !important;\n}\n\n.bf-m-b-1 {\n margin-bottom: 5px !important;\n margin-bottom: 0.5rem !important;\n}\n\n.bf-m-b-2 {\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-m-b-3 {\n margin-bottom: 20px !important;\n margin-bottom: 2rem !important;\n}\n\n.bf-m-b-4 {\n margin-bottom: 30px !important;\n margin-bottom: 3rem !important;\n}\n\n.bf-p-0 {\n padding: 0 !important;\n}\n\n.bf-p-t-0 {\n padding-top: 0 !important;\n}\n\n.bf-p-b-0 {\n padding-bottom: 0 !important;\n}\n\n.bf-p-l-0 {\n padding-left: 0 !important;\n}\n\n.bf-p-r-0 {\n padding-right: 0 !important;\n}\n\n.bf-p-1 {\n padding-bottom: 5px !important;\n padding-bottom: 0.5rem !important;\n}\n\n.bf-p-2 {\n padding-bottom: 10px !important;\n padding-bottom: 1rem !important;\n}\n\n.bf-p-3 {\n padding-bottom: 20px !important;\n padding-bottom: 2rem !important;\n}\n\n.bf-p-4 {\n padding-bottom: 30px !important;\n padding-bottom: 3rem !important;\n}\n\n.bf-p-t-1 {\n padding-top: 5px !important;\n padding-top: 0.5rem !important;\n}\n\n.bf-p-t-2 {\n padding-top: 10px !important;\n padding-top: 1rem !important;\n}\n\n.bf-p-t-3 {\n padding-top: 20px !important;\n padding-top: 2rem !important;\n}\n\n.bf-p-t-4 {\n padding-top: 30px !important;\n padding-top: 3rem !important;\n}\n\n.bf-p-b-1 {\n padding-bottom: 5px !important;\n padding-bottom: 0.5rem !important;\n}\n\n.bf-p-b-2 {\n padding-bottom: 10px !important;\n padding-bottom: 1rem !important;\n}\n\n.bf-p-b-3 {\n padding-bottom: 20px !important;\n padding-bottom: 2rem !important;\n}\n\n.bf-p-b-4 {\n padding-bottom: 30px !important;\n padding-bottom: 3rem !important;\n}\n\n.bf-t-transform-uppercase {\n text-transform: uppercase !important;\n}\n\n.bf-t-transform-none {\n text-transform: none !important;\n}\n\n.bf-t-left {\n text-align: left !important;\n}\n\n.bf-t-center {\n text-align: center !important;\n}\n\n.bf-t-right {\n text-align: right !important;\n}\n\n.bf-t-shadow {\n text-shadow: 0 0 2px #222 !important;\n text-shadow: 0 0 0.2rem #222 !important;\n}\n\n.bf-t-italic {\n font-style: italic !important;\n}\n\n.bf-t-style-normal {\n font-style: normal !important;\n}\n\n.bf-t-weight-300 {\n font-weight: 300 !important;\n}\n\n.bf-t-weight-400 {\n font-weight: 400 !important;\n}\n\n.bf-t-weight-500 {\n font-weight: 500 !important;\n}\n\n.bf-t-weight-600 {\n font-weight: 600 !important;\n}\n\n.bf-t-weight-700 {\n font-weight: 700 !important;\n}\n\n.bf-t-weight-800 {\n font-weight: 800 !important;\n}\n\n.bf-text-break {\n word-wrap: break-word !important;\n}\n\n.bf-t-truncate {\n max-width: 100% !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n word-wrap: normal !important;\n}\n\n.bf-t-truncate--multiline-2 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n display: -webkit-box !important;\n -webkit-line-clamp: 2 !important;\n -webkit-box-orient: vertical !important;\n}\n\n.bf-t-truncate--multiline-3 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n display: -webkit-box !important;\n -webkit-line-clamp: 3 !important;\n -webkit-box-orient: vertical !important;\n}\n\n.bf-no-select {\n user-select: none !important;\n -webkit-touch-callout: none !important;\n}\n\n.bf-font-sans-serif {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n}\n\n.bf-font-serif {\n font-family: Georgia, Times, \"Times New Roman\", serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n}\n\n.bf-font-monospace {\n font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\", \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n}\n\n.bf-h1,\n.bf-h2,\n.bf-h3,\n.bf-h4,\n.bf-h5,\n.bf-h6 {\n font-weight: 700 !important;\n font-weight: 600 !important;\n margin-top: 0 !important;\n line-height: 1.2 !important;\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-h1 {\n font-size: 36px !important;\n font-size: 3.6rem !important;\n}\n\n.bf-h2 {\n font-size: 30px !important;\n font-size: 3rem !important;\n}\n\n.bf-h3 {\n font-size: 24px !important;\n font-size: 2.4rem !important;\n}\n\n.bf-h4 {\n font-size: 20px !important;\n font-size: 2rem !important;\n}\n\n.bf-h5,\n.bf-h6 {\n font-size: 16px !important;\n font-size: 1.6rem !important;\n}\n\np.bf-lead {\n font-size: 120% !important;\n}\n\nbody.bf-responsive-typography {\n --body-rt-font-size-flex: calc(1.6rem + 3 * ((100vw - 320px) / 680));\n --body-rt-font-size-max: 1.9rem;\n}\n\n@media (min-width: 320px) {\n body.bf-responsive-typography {\n font-size: var(--body-rt-font-size-flex);\n }\n}\n\n@media (min-width: 1000px) {\n body.bf-responsive-typography {\n font-size: var(--body-rt-font-size-max);\n }\n}\n\n.bf-btn {\n display: inline-block;\n cursor: pointer;\n color: #222;\n padding: 6.66667px 13.33333px;\n padding: 0.66667rem 1.33333rem;\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border-radius: 2.5px;\n border-radius: 0.25rem;\n border: 0;\n background-image: none;\n background: #ccc;\n transition: all .2s;\n}\n\n.bf-btn:hover, .bf-btn:active, .bf-btn:focus {\n text-decoration: none;\n color: #222;\n background: #b3b3b3;\n}\n\n.bf-btn:active, .bf-btn:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\n.bf-btn:focus {\n outline: 0;\n}\n\n.bf-btn.bf-btn--primary {\n color: #fff;\n background: #007bff;\n}\n\n.bf-btn.bf-btn--primary:hover, .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {\n color: #fff;\n background: #0062cc;\n}\n\n.bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\nfieldset[disabled] .bf-btn,\n.bf-btn[disabled],\n.bf-btn:disabled,\n.bf-btn[aria-disabled='true'] {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: .5 !important;\n}\n\n.bf-focused {\n transition: border .2s, background-color .2s, box-shadow .2s !important;\n border-color: #007bff !important;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25) !important;\n}\n\n.bf-disabled,\n.bf-disabled:hover,\n.bf-disabled:active,\n.bf-disabled:focus,\n.bf-disabled:after,\n.bf-disabled:before,\n.bf-disabled:invalid,\n.bf-disabled:checked {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: .5 !important;\n background-color: #fff;\n border-color: #999;\n}\n\nlabel.bf-disabled {\n background-color: transparent;\n border-color: transparent;\n}\n\nbutton.bf-disabled,\n[type='button'].bf-disabled,\n[type='reset'].bf-disabled,\n[type='submit'].bf-disabled,\n.bf-btn.bf-disabled {\n cursor: default;\n cursor: not-allowed;\n pointer-events: none;\n user-select: none;\n box-shadow: none;\n opacity: .5;\n color: #222;\n background: #ccc;\n}\n\nbutton.bf-disabled:hover, button.bf-disabled:active, button.bf-disabled:focus,\n[type='button'].bf-disabled:hover,\n[type='button'].bf-disabled:active,\n[type='button'].bf-disabled:focus,\n[type='reset'].bf-disabled:hover,\n[type='reset'].bf-disabled:active,\n[type='reset'].bf-disabled:focus,\n[type='submit'].bf-disabled:hover,\n[type='submit'].bf-disabled:active,\n[type='submit'].bf-disabled:focus,\n.bf-btn.bf-disabled:hover,\n.bf-btn.bf-disabled:active,\n.bf-btn.bf-disabled:focus {\n box-shadow: none;\n color: #222;\n background: #ccc;\n}\n\n.bf-btn--primary.bf-disabled {\n cursor: default;\n cursor: not-allowed;\n pointer-events: none;\n user-select: none;\n box-shadow: none;\n opacity: .5;\n color: #fff;\n background: #007bff;\n}\n\n.bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus {\n box-shadow: none;\n color: #fff;\n background: #007bff;\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n color: #ff0000 !important;\n border-color: #ff0000 !important;\n box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25) !important;\n}\n\n.bf-list-unstyled,\nmenu ul.bf-list-unstyled,\nmenu ol.bf-list-unstyled,\nul.bf-list-unstyled ul,\nul.bf-list-unstyled ol,\nol.bf-list-unstyled ol,\nol.bf-list-unstyled ul,\ndd.bf-list-unstyled {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndt {\n font-weight: 700;\n}\n\n.bf-embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n}\n\n.bf-embed-responsive::before {\n display: block;\n content: '';\n padding-top: 56.25%;\n}\n\n.bf-embed-responsive .bf-embed-responsive--4-3::before {\n padding-top: 75%;\n}\n\n.bf-embed-responsive .bf-embed-responsive--item,\n.bf-embed-responsive iframe,\n.bf-embed-responsive embed,\n.bf-embed-responsive object,\n.bf-embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n}\n\n.bf-table th,\n.bf-table td {\n padding: 10px;\n padding: 1rem;\n border-bottom: 1px solid #999;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\n.bf-table-responsive {\n overflow-x: auto;\n overflow-y: hidden;\n -ms-overflow-style: scrollbar;\n}\n\n.bf-table-responsive table {\n width: 100%;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\n.bf-table-responsive.scrollbar {\n -webkit-overflow-scrolling: auto;\n}\n\n.bf-table--zebra tbody tr:nth-child(odd),\n.bf-table-responsive--zebra tbody tr:nth-child(odd) {\n background-color: #e9e9e9;\n}\n\n/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */\n/* ==========================================================================\r\n Print styles.\r\n Inlined to avoid the additional HTTP request:\r\n https://www.phpied.com/delay-loading-your-print-css/\r\n ========================================================================== */\n@media print {\n *,\n *::before,\n *::after {\n background: #fff !important;\n color: #000 !important;\n /* Black prints faster */\n box-shadow: none !important;\n text-shadow: none !important;\n }\n a,\n a:visited {\n text-decoration: underline;\n }\n a[href]::after {\n content: \" (\" attr(href) \")\";\n }\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n /*\r\n * Don't show links that are fragment identifiers,\r\n * or use the `javascript:` pseudo protocol\r\n */\n a[href^='#']::after,\n a[href^='javascript:']::after {\n content: '';\n }\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n /*\r\n * Printing Tables:\r\n * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables\r\n */\n thead {\n display: table-header-group;\n }\n tr,\n img {\n page-break-inside: avoid;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n h2,\n h3 {\n page-break-after: avoid;\n }\n}\n\n@media print {\n body,\n .bf-container {\n min-width: 992px !important;\n }\n .bf-table-responsive {\n overflow: auto;\n }\n .bf-table-responsive table {\n width: auto;\n }\n .bf-table-responsive table,\n .bf-table {\n border-collapse: collapse !important;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bf-reduced-motion,\n .bf-reduced-motion::before,\n .bf-reduced-motion::after,\n .bf-reduced-motion *,\n .bf-reduced-motion *::before,\n .bf-reduced-motion *::after {\n animation-delay: -1ms !important;\n animation-duration: 1ms !important;\n animation-iteration-count: 1 !important;\n background-attachment: initial !important;\n scroll-behavior: auto !important;\n transition-delay: 0s !important;\n transition-duration: 0s !important;\n }\n}\n\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n[aria-busy=\"true\"] {\n cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n[aria-controls] {\n cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n[aria-disabled=\"true\"],\n[disabled] {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n[aria-hidden=\"false\"][hidden] {\n display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n","// stretch the body background and help with centering elements\n\nhtml,\nbody {\n height: 100%;\n}\n\nbody {\n min-height: 100%;\n}\n\n\n// known issues in IE8 and IE9 with box-sizing\n// https://css-tricks.com/box-sizing/#article-header-id-5\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n -ms-touch-action: manipulation;\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-. */\n[hidden] {\n display: none !important;\n}\n\n// Fix IE 10 on Windows Phone 8 Viewport only\n// https://getbootstrap.com/docs/3.3/getting-started/#support-ie10-width\n@-ms-viewport {\n width: device-width;\n}\n","html {\r\n text-size-adjust: 100%;\r\n\r\n // resize the base font-size and get an easy math for rem units\r\n // https://snook.ca/archives/html_and_css/font-size-with-rem\r\n font-size: 62.5%;\r\n\r\n color: #222;\r\n\r\n // set a default font-family and line-height\r\n font-family: sans-serif;\r\n line-height: 1.15;\r\n\r\n // ! this is not a standard feature, is webkit only\r\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color\r\n\r\n // remove a tap background when a link or interactive element is focused\r\n // if is touch\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-size: $bf-body-font-size-px; // '16px' by default\r\n font-size: $bf-body-font-size-rem; // '1.6rem' by default\r\n line-height: $bf-body-line-height; // '1.5' by default\r\n\r\n // this is useful to inherit values for some elements (e.g. forms)\r\n font-weight: 400;\r\n text-align: left;\r\n\r\n // native font stack for optimum text rendering on every device and OS\r\n // this stack mimics the system font UI\r\n // a web apps looks like a native app (e.g. Android = Roboto font)\r\n // Read more:\r\n // https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\r\n font-family: \r\n\r\n\t\t// Safari for OS X and iOS (San Francisco) -apple-system,\r\n // Chrome < 56 for OS X (San Francisco)\r\n BlinkMacSystemFont,\r\n // Windows\r\n 'Segoe UI',\r\n // Android\r\n Roboto,\r\n // Linux with KDE\r\n Oxygen-Sans,\r\n // Ubuntu (all variants)\r\n Ubuntu,\r\n // Linux with GNOME Shell\r\n Cantarell,\r\n // macOS 1.10 and below\r\n 'Helvetica Neue',\r\n Helvetica,\r\n\r\n // Basic web fallback\r\n Arial,\r\n 'Noto Sans', sans-serif,\r\n\r\n // emoji fonts\r\n 'Apple Color Emoji',\r\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\r\n\r\n // this enable font ligatures\r\n text-rendering: optimizeLegibility;\r\n\r\n // break very long texts by default, especially on old browsers\r\n // e.g. big <h1> or <h2> headlines\r\n word-wrap: break-word;\r\n\r\n background-color: $bf-white;\r\n}\r\n","$bf-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\r\n Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif,\r\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\r\n\r\n$bf-font-serif: Georgia, Times, 'Times New Roman', serif;\r\n\r\n$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\r\n 'Courier New', monospace;\r\n\r\n$bf-body-font-size-px: 16px;\r\n$bf-body-font-size-rem: 1.6rem;\r\n$bf-body-line-height: 1.5;\r\n","h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-top: 0;\r\n\r\n font-weight: 700; // fallback\r\n font-weight: 600;\r\n font-family: inherit;\r\n color: inherit;\r\n line-height: 1.25;\r\n margin-bottom: $bf-spacing-lg-px;\r\n margin-bottom: $bf-spacing-lg-rem;\r\n\r\n\r\n}\r\n\r\nh1 {\r\n font-size: 36px;\r\n font-size: 3.6rem;\r\n}\r\n\r\nh2 {\r\n font-size: 30px;\r\n font-size: 3rem;\r\n}\r\n\r\nh3 {\r\n font-size: 24px;\r\n font-size: 2.4rem;\r\n}\r\n\r\nh4 {\r\n font-size: 20px;\r\n font-size: 2rem;\r\n}\r\n\r\nh5,\r\nh6 {\r\n font-size: 16px;\r\n font-size: 1.6rem;\r\n}","blockquote {\r\n margin: 0 0 $bf-spacing-xl-px 0;\r\n margin-bottom: $bf-spacing-xl-rem;\r\n padding-left: 0;\r\n font-style: italic;\r\n}\r\n\r\nblockquote p {\r\n margin-bottom: 0;\r\n}\r\n\r\nblockquote small {\r\n color: $bf-gray;\r\n display: block;\r\n}\r\n\r\nblockquote small:before {\r\n content: '\\2014 \\00A0';\r\n}\r\n\r\nq {\r\n quotes: '\\201C''\\201D''\\2018''\\2019';\r\n}\r\n","// customise this spacing selection as needed\r\n\r\n// the REM unit is the default,\r\n// preceded by the PX unit as fallback for old browsers (IE)\r\n// https://caniuse.com/#search=rem\r\n//\r\n// e.g.\r\n// html { font-size: 62.5%; }\r\n// body { font-size: 16px; }\r\n// h1 { font-size: 30px; font-size: 3rem; }\r\n\r\n$bf-spacing-sm-px: 2.5px;\r\n$bf-spacing-md-px: 5px;\r\n$bf-spacing-lg-px: 10px;\r\n$bf-spacing-xl-px: 20px;\r\n$bf-spacing-xxl-px: 30px;\r\n\r\n$bf-spacing-sm-rem: .25rem;\r\n$bf-spacing-md-rem: .5rem;\r\n$bf-spacing-lg-rem: 1rem;\r\n$bf-spacing-xl-rem: 2rem;\r\n$bf-spacing-xxl-rem: 3rem;\r\n\r\n// ! grid system only\r\n$bf-spacing-grid-gutter-px: 15px;\r\n$bf-spacing-grid-gutter-rem: 1.5rem;","// ! CSS Variables (Custom Properties) are not IE-friendly\r\n// https://caniuse.com/#feat=css-variables\r\n// let's Sass do the job instead\r\n\r\n// customise/enlarge this small selection as needed\r\n\r\n// hex to rgba online converter http://www.hex2rgba.devoth.com/\r\n\r\n// backgrounds, texts and borders\r\n$bf-white: #fff; // rgba(255,255,255,1)\r\n$bf-light: #f0f0f0; // rgba(240,240,240,1)\r\n$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)\r\n$bf-gray-light: #ccc; // rgba(204,204,204,1)\r\n$bf-gray: #999; // rgba(153,153,153,1)\r\n$bf-gray-dark: #666; // rgba(102,102,102,1)\r\n$bf-gray-dark-extra: #333; // rgba(51,51,51,1)\r\n$bf-dark: #222; // rgba(34,34,34,1)\r\n$bf-dark-extra: #111; // rgba(17,17,17,1)\r\n$bf-black: #000; // rgba(0,0,0,1)\r\n\r\n// <mark> and <ins>\r\n$bf-yellow-light: #ff9; // rgba(255,255,153,1)\r\n$bf-yellow: #ff0; // rgba(255,255,0,1)\r\n\r\n// anchors and accent\r\n$bf-blue: #007bff; // rgba(0,123,255,1)\r\n$bf-blue-light: #0056b3; // rgba(0,86,179,1)\r\n$bf-blue-light-extra: #bed8fe; //rgba(190, 216, 254, 1)\r\n\r\n// invalid forms\r\n$bf-red: #ff0000; // rgba(255,0,0,1)\r\n","pre {\r\n margin: 0 0 $bf-spacing-xl-px 0;\r\n margin: 0 0 $bf-spacing-xl-rem 0;\r\n}\r\n\r\npre {\r\n display: block;\r\n overflow: auto;\r\n word-break: break-all; // webkit\r\n word-wrap: break-word;\r\n white-space: pre;\r\n hyphens: none;\r\n\r\n // this is a not standard CSS property, so it's for IE only\r\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\r\n //\r\n // Disable auto-hiding scrollbar in legacy Edge\r\n // https://github.com/twbs/bootstrap/pull/30685\r\n -ms-overflow-style: auto;\r\n\r\n display: block;\r\n}\r\n\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n font-family: \r\n\r\n /* macOS 1.10+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\r\n /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\r\n /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\r\n /* Linux/OpenOffice fallback */ 'Liberation Mono', \r\n \r\n /* fallback */ monospace,\r\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\r\n 'Noto Color Emoji';\r\n\r\n // a monospaced text font should looks bigger, so a smaller font-size\r\n // is preferred\r\n font-size: .875em;\r\n}\r\n\r\ncode {\r\n word-wrap: break-word;\r\n}\r\n\r\na > code {\r\n color: inherit;\r\n}\r\n\r\npre code {\r\n font-size: inherit;\r\n color: inherit;\r\n word-break: normal;\r\n}\r\n","p {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $bf-spacing-xl-rem 0;\n}\n\n// Abbreviations (taken from Bootstrap 4)\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 2\n border-bottom: 0; // 2\n}\n\nmark {\n background-color: $bf-yellow;\n color: $bf-black;\n}\n\nins {\n background-color: $bf-yellow-light;\n color: $bf-black;\n text-decoration: none;\n}\n\n// Prevent the duplicate application of `bolder` by the next rule\n// in Safari 6\nb,\nstrong {\n font-weight: inherit;\n}\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: $bf-spacing-xl-px 0;\n margin: $bf-spacing-xl-rem 0;\n padding: 0;\n overflow: visible; // Show the overflow in Edge and IE\n}\n\naddress {\n font-style: normal;\n margin-bottom: $bf-spacing-lg-px;\n margin-bottom: $bf-spacing-lg-rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n","a {\n color: $bf-blue; // bootstrap blue\n text-decoration: none;\n\n // IE10+: Remove grey background on active links\n background-color: transparent;\n \n &:hover,\n &:focus {\n text-decoration: underline;\n color: $bf-blue-light;\n }\n}\n\n// this is taken from Bootstrap's reboot\n// https://getbootstrap.com/docs/4.4/content/reboot/\n//\n// ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n","// ! ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\n//\n// ! and ':focus-visible'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n//\n// don't have some much browser support now (May 2020)\n// https://caniuse.com/#feat=css-focus-visible\n//\n// but is good in a progressive enhancement future view\n//\n// and you could polyfill it for a wide cross-browser support right now\n// https://github.com/WICG/focus-visible\n//\n// remove focus if is not keyboard\n// and if these elements are not focused globally\n:focus:not(:focus-visible) {\n outline: none;\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Taken from SuitCSS https://github.com/suitcss/base\n//\n// Copyright 2020 Harry Roberts\n\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n\n// http://www.apache.org/licenses/LICENSE-2.0\n\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n[tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\n// style the ':focus' outline on anchors and inputs\n// this is for consistency\n// e.g.\n// in webkit (Chrome, Safari) the outline is blue with a subtle box-shadow\n// in trident (IE) is just pointed black\n// in gecko (FF) is pointed black, but it's a thiner\n// ...\na:focus,\ninput:focus {\n outline: 2px solid orange;\n}\n\n// style it again (must be separated)\n:focus-visible {\n outline: 2px solid orange;\n}\n\n// these form elements get some ':focus' styles that enhance and improve the focus\n// see '_form-elements.scss'\n// so, we can remove it safely\n//\n// ! but do not touch\n// [type=\"color\"]\n// [type=\"range\"]\n// [type=\"file\"]\n// because usually are replaced with a custom verion\n// with JS or extra <div>s\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-file-input\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'],\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='time'],\n[type='week'],\n[type='time'],\n[type='url'],\n[type='radio'],\n[type='checkbox'],\ninput[list],\nselect,\ntextarea {\n &:focus {\n outline: 0;\n }\n}\n\n// More resources to read on this matter\n// https://gist.github.com/chrisdemars/a74c5bd210dc739fa63e9b985c937bcb\n","menu,\nol,\nul,\ndl {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $bf-spacing-xl-rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: $bf-spacing-xl-px;\n margin-left: $bf-spacing-xl-rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\n// taken from https://github.com/jensimmons/cssremedy\n//\n// 1. Add zero-width-space to prevent VoiceOver disable\n// 2. Absolute position ensures no extra space\n// See: https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/\nnav li:before {\n content: '\\200B';\n position: absolute;\n}\n","audio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\n// useful for CMS generated images\n// but causes layout breaking\n// img[width],\n// img[height] {\n// \tmax-width: none;\n// }\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\n// <progress> normalization\n//\n// https://css-tricks.com/html5-progress-element/\nprogress[value] {\n appearance: none; // reset the default appearance\n border: none; // Get rid of default border in Firefox\n\n height: 20px;\n height: 2rem;\n\n // progress bar background color\n background: $bf-gray-light;\n\n // progress value background color in IE10+\n color: $bf-blue;\n}\n\n// ! this is not a standard feature, is webkit only\n// https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3A-webkit-progress-bar\n//\n// progress value background color in webkit\nprogress[value]::-webkit-progress-bar {\n background: $bf-gray-light;\n}\nprogress[value]::-webkit-progress-value {\n background: $bf-blue;\n}\n\n// remove default border in old browsers\n// and for embeds (e.g. youtube) that don't remove the border with the attribute\n// frameborder=\"0\"\n//\n// e.g.\n// <iframe\n// width=\"560\"\n// height=\"315\"\n// src=\"https://www.youtube-nocookie.com/embed/Z-4v4I7Gzk0\"\n// frameborder=\"0\"\n// allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n// allowfullscreen>\n// </iframe>\niframe {\n border-style: none;\n}\n","// normalization, enhancement and responsiveness\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type='radio'],\n[type='checkbox'],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\n// re-set width auto where needed\nhtml label,\nbutton,\n[type='image'],\n[type='submit'],\n[type='reset'],\nhtml [type='button'],\n[type='radio'],\n[type='checkbox'] {\n width: auto;\n}\n\n// inline-block display gives the best cross-browser combination\n// and allow several properties\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'],\noutput {\n display: inline-block;\n}\n\n[type='file'] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none; // FF mobile\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\n// 1. Remove intrinsic min-width of fieldset\n// https://github.com/necolas/normalize.css/pull/269\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0; // 1.\n}\n\nlegend {\n display: table; // Correct the text wrapping in Edge and IE.\n max-width: 100%;\n white-space: normal; // enable line-wrapping in FF4/5\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type='number']::-webkit-outer-spin-button,\n[type='number']::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n[type='search'] {\n outline-offset: -$bf-spacing-sm-px;\n outline-offset: -$bf-spacing-sm-rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[list]::-webkit-calendar-picker-indicator {\n display: none;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700; // fallback for font families without 600 */\n font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\nbutton,\n// avoid destroying native android audio/video players\nhtml [type=\"button\"], \n[type=\"reset\"],\n[type=\"submit\"],\n\n[type=\"email\"],\n[type=\"number\"],\n[type=\"text\"],\n[type=\"tel\"],\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"week\"],\n[type=\"url\"],\n[type=\"image\"],\n[type=\"password\"],\n[type=\"search\"],\n[type=\"search\"]::-webkit-search-decoration,\n[type=\"search\"]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; // iOS and Safari\n font: inherit; // Safari\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: $bf-spacing-sm-px;\n border-radius: $bf-spacing-sm-rem;\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\n[type='radio'] {\n border-radius: 50%;\n}\n\n[type='checkbox'] {\n border-radius: $bf-spacing-md-px;\n border-radius: $bf-spacing-md-rem;\n}\n\n[type='radio'],\n[type='checkbox'] {\n padding: 0;\n background-color: $bf-white;\n}\n\n[type='range'] {\n background-color: transparent; // FF and Chrome mobile\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none; // FF mobile\n}\n\ntextarea {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none; // FF mobile\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n }\n}\n\nbutton,\nselect,\ninput[type='submit'],\ninput[type='button'],\n[type='checkbox'],\n[type='range'],\n[type='radio'],\n[role='button'] {\n cursor: pointer;\n}\n\n// FF placeholder bug\n// Issue: If one change the text color of input fields, FF will change\n// the default color of placeholders too!\n// Fix: Use '!important' https://github.com/necolas/normalize.css/issues/150\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray-dark;\n}\n\n// remove ':invalid' styles in FF\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\n//\n// for form validation in JavaScript\n// use '.bf-invalid' class in /utilities/_utility-form-states.scss' instead\n// documentation https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid\n:-moz-ui-invalid {\n box-shadow: none;\n}\n","[type='email'],\r\n[type='number'],\r\n[type='password'],\r\n[type='tel'],\r\n[type='search'],\r\n[type='text'],\r\n[type='date'],\r\n[type='datetime-local'],\r\n[type='month'],\r\n[type='time'],\r\n[type='week'],\r\n[type='time'],\r\n[type='url'],\r\ninput[list],\r\nselect,\r\ntextarea {\r\n background-color: $bf-white;\r\n border: 1px solid $bf-gray;\r\n padding: $bf-spacing-md-px ($bf-spacing-lg-px * .75);\r\n padding: $bf-spacing-md-rem ($bf-spacing-lg-rem * .75);\r\n}\r\n\r\n// Old browsers and Opera Mini don't fully support all type of inputs\r\n// e.g. [type=\"range\"]\r\n// so, let's try to add styles carefully and selective\r\n[type='email'],\r\n[type='number'],\r\n[type='password'],\r\n[type='tel'],\r\n[type='search'],\r\n[type='text'],\r\n[type='date'],\r\n[type='datetime-local'],\r\n[type='month'],\r\n[type='time'],\r\n[type='week'],\r\n[type='time'],\r\n[type='url'],\r\ninput[list],\r\nselect,\r\ntextarea,\r\n[type='radio'],\r\n[type='checkbox'] {\r\n &:active,\r\n &:focus {\r\n transition: border .2s, background-color .2s, box-shadow .2s;\r\n border-color: $bf-blue;\r\n box-shadow: 0 0 0 3px rgba(0, 86, 179, .25);\r\n }\r\n}\r\n\r\nbutton,\r\n[type='button'],\r\n[type='reset'],\r\n[type='submit'] {\r\n color: $bf-dark;\r\n padding: ($bf-spacing-xl-px / 3) (($bf-spacing-xl-px / 3) * 2); // 8px 16px\r\n padding: ($bf-spacing-xl-rem / 3) (($bf-spacing-xl-rem / 3) * 2);\r\n background: $bf-gray-light;\r\n transition: color .2s, background .2s, box-shadow .2s;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n text-decoration: none;\r\n color: $bf-dark;\r\n background: darken($bf-gray-light, 10%);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n box-shadow: 0 0 0 3px rgba(0, 0, 0, .15);\r\n }\r\n}\r\n\r\n// disabled groups\r\nfieldset[disabled] button,\r\nfieldset[disabled] input,\r\nfieldset[disabled] input:after,\r\nfieldset[disabled] input:before,\r\nfieldset[disabled] input:checked,\r\nfieldset[disabled] select,\r\nfieldset[disabled] textarea,\r\nfieldset[disabled] label,\r\n\r\n// disabled singles\r\nbutton[disabled],\r\ninput[disabled],\r\ninput[disabled]:after,\r\ninput[disabled]:before,\r\ninput[disabled]:checked,\r\nselect[disabled],\r\ntextarea[disabled],\r\nlabel[disabled],\r\n\r\n// pseudo class\r\nbutton:disabled,\r\ninput:disabled,\r\ninput:disabled:after,\r\ninput:disabled:before,\r\ninput:disabled:checked,\r\nselect:disabled,\r\ntextarea:disabled,\r\nlabel:disabled,\r\n\r\n// aria \r\nbutton[aria-disabled=\"true\"],\r\ninput[aria-disabled=\"true\"],\r\ninput[aria-disabled=\"true\"]:after,\r\ninput[aria-disabled=\"true\"]:before,\r\ninput[aria-disabled=\"true\"]:checked,\r\nselect[aria-disabled=\"true\"],\r\ntextarea[aria-disabled=\"true\"],\r\nlabel[aria-disabled=\"true\"] {\r\n cursor: default !important; // fallback\r\n cursor: not-allowed !important;\r\n pointer-events: none !important;\r\n user-select: none !important;\r\n box-shadow: none !important;\r\n opacity: .5 !important;\r\n}\r\n","// custom <select> arrow and appearance with a base64 embedded SVG icon\r\n// https://css-tricks.com/probably-dont-base64-svg/#article-header-id-2\r\n//\r\n// this is inspired from https://github.com/kognise/water.css\r\n// and from Bootstrap custom select\r\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-select\r\n\r\n// ! :not and calc() are IE9+\r\n// https://caniuse.com/#feat=mdn-css_selectors_not\r\n// https://caniuse.com/#feat=calc\r\n//\r\n// ! 12px = the icon width/height, and must be in pixels because\r\n// calc() is just for values\r\n// https://css-tricks.com/a-complete-guide-to-calc-in-css/#0-calc-is-for-values\r\n//\r\n// a select with a [multiple] attribute doesn't show an arrow by default\r\n// a select with a [size] attribute gets and arrow on iOS (Webkit) for instance\r\n// but on Chrome and FF desktop\r\n// so, is not safe to style every kind of <select>\r\n//\r\n// remove the arrow and the appearance, especially on Webkit\r\nselect:not([size]):not([multiple]) {\r\n appearance: none;\r\n}\r\n\r\n// IE10+\r\n// The '::-ms-expand' CSS pseudo-element is a Microsoft extension that represents\r\n// the button of a <select> menu control that opens or closes the drop-down\r\n// menu. Typically it is a triangle that points downward.\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-expand\r\nselect::-ms-expand {\r\n display: none;\r\n}\r\n\r\nselect:not([size]):not([multiple]) {\r\n background: $bf-white\r\n url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\")\r\n no-repeat right .85rem center/8px 10px;\r\n\r\n padding-right: $bf-spacing-lg-px + $bf-spacing-lg-px;\r\n padding-right: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\r\n}\r\n\r\n// add support for RTL languages\r\n// 'appearance: none' removes the default styling but introduces a bug\r\n// that occurs when a right to the left language (e.g. Arabic) is set\r\n//\r\n// Read more\r\n// 1. http://bootstrap.rtlcss.com\r\n// 2. https://rtlstyling.com/\r\n*[dir='rtl'] select:not([size]):not([multiple]),\r\nselect[dir='rtl']:not([size]):not([multiple]) {\r\n // move the arrow icon to the left\r\n background-position: left .85rem top 50%;\r\n\r\n // go back to default forms padding\r\n padding-right: ($bf-spacing-lg-px * .75);\r\n padding-right: ($bf-spacing-lg-rem * .75);\r\n\r\n // add custom left padding, matching the custom LTR one\r\n padding-left: $bf-spacing-lg-px + $bf-spacing-lg-px;\r\n padding-left: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\r\n}\r\n","// heavily inspired by '2020 toggles' by Aaron Iker\r\n// https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/\r\n// https://codepen.io/aaroniker/pen/ZEYoxEY?editors=0100\r\n//\r\n// currently (June 2020), a few modern browsers support the \"@supports\" media rules\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\r\n// https://caniuse.com/#feat=mdn-css_at-rules_supports_selector\r\n//\r\n// Anyway are safe and future-friendly because more browser compatibility\r\n// will come\r\n\r\n@supports (appearance: none) {\r\n [type='checkbox'],\r\n [type='radio'] {\r\n appearance: none;\r\n\r\n height: 1.8rem;\r\n width: 1.8rem;\r\n\r\n vertical-align: top;\r\n position: relative;\r\n\r\n border: 1px solid $bf-gray;\r\n\r\n + label {\r\n line-height: 1.8rem;\r\n vertical-align: top;\r\n margin-left: $bf-spacing-md-px;\r\n margin-left: $bf-spacing-md-rem;\r\n }\r\n\r\n // add support for RTL languages\r\n // Read more\r\n // 1. http://bootstrap.rtlcss.com\r\n // 2. https://rtlstyling.com/\r\n *[dir='rtl'] & + label,\r\n &[dir='rtl'] + label {\r\n margin-left: 0;\r\n margin-right: $bf-spacing-md-px;\r\n margin-right: $bf-spacing-md-rem;\r\n }\r\n\r\n &:after {\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n }\r\n\r\n &:checked {\r\n background-color: $bf-blue;\r\n border-color: $bf-black;\r\n }\r\n }\r\n\r\n [type='radio'] {\r\n &:after {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n\r\n left: -.05rem;\r\n top: -.05rem;\r\n\r\n border-radius: 50%;\r\n background: $bf-white;\r\n\r\n transform: scale(.35);\r\n }\r\n }\r\n\r\n [type='checkbox'] {\r\n &:after {\r\n width: .6rem;\r\n height: .8rem;\r\n\r\n border: 2px solid $bf-white;\r\n border-top: 0;\r\n border-left: 0;\r\n\r\n left: 35%;\r\n top: 20%;\r\n\r\n transform: rotate(43deg);\r\n }\r\n }\r\n}\r\n","// styling input range in modern browsers safely using the @supports CSS-at-rule\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\r\n//\r\n// standalone CodePen demo https://codepen.io/marcop135/pen/JjGrNMx\r\n\r\n@supports (appearance: none) {\r\n [type='range'] {\r\n appearance: none;\r\n width: 100%;\r\n height: 1.4rem;\r\n }\r\n\r\n [type='range']::-webkit-slider-thumb {\r\n border: 0;\r\n appearance: none;\r\n\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n margin-top: -.25rem;\r\n background-color: $bf-blue;\r\n border-radius: 1.5rem;\r\n transition: background-color .15s ease-in-out,\r\n border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n\r\n &:active {\r\n background-color: $bf-blue;\r\n }\r\n }\r\n\r\n [type='range']::-moz-range-thumb {\r\n border: 0;\r\n appearance: none;\r\n\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n background-color: $bf-blue;\r\n border-radius: 1.5rem;\r\n transition: background-color .15s ease-in-out,\r\n border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n\r\n &:active {\r\n background-color: $bf-blue;\r\n }\r\n }\r\n\r\n [type='range']::-webkit-slider-runnable-track {\r\n color: transparent;\r\n border-color: transparent;\r\n\r\n width: 100%;\r\n height: .65rem;\r\n cursor: pointer;\r\n background-color: $bf-gray-light-extra;\r\n }\r\n\r\n [type='range']::-moz-range-track {\r\n color: transparent;\r\n border-color: transparent;\r\n\r\n width: 100%;\r\n height: .65rem;\r\n cursor: pointer;\r\n background-color: $bf-gray-light-extra;\r\n }\r\n\r\n [type='range']:focus {\r\n outline: none;\r\n\r\n &::-webkit-slider-thumb {\r\n box-shadow: 0 0 0 .1rem $bf-white, 0 0 0 .2rem rgba(0, 123, 255, .25);\r\n }\r\n\r\n &::-moz-slider-thumb {\r\n box-shadow: 0 0 0 .1rem $bf-white, 0 0 0 .2rem rgba(0, 123, 255, .25);\r\n }\r\n }\r\n\r\n [type='range']::-moz-focus-outer {\r\n border: 0;\r\n }\r\n\r\n [type='range']:focus::-webkit-slider-thumb {\r\n box-shadow: 0 0 0 .1rem $bf-white, 0 0 0 .2rem rgba(0, 123, 255, .25);\r\n }\r\n\r\n [type='range']:focus::-moz-range-thumb {\r\n box-shadow: 0 0 0 .1rem $bf-white, 0 0 0 .2rem rgba(0, 123, 255, .25);\r\n }\r\n\r\n // disabled\r\n\r\n [type='range']:disabled {\r\n pointer-events: none;\r\n\r\n &::-webkit-slider-thumb {\r\n background-color: $bf-gray-light;\r\n }\r\n\r\n &::-moz-slider-thumb {\r\n background-color: $bf-gray-light;\r\n }\r\n }\r\n}\r\n","table {\n max-width: 100%;\n border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n font-weight: 700;\n}\n\ncaption {\n padding-top: $bf-spacing-md-px;\n padding-top: $bf-spacing-md-rem;\n padding-bottom: $bf-spacing-md-px;\n padding-bottom: $bf-spacing-md-rem;\n color: $bf-gray;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n",".bf-container,\r\n.bf-container--fluid {\r\n // avoid IE8 issue with 'box-sizing: border-box' in combination\r\n // with max/min-width and max/min-height\r\n // https://github.com/twbs/bootstrap/issues/10014\r\n //\r\n box-sizing: content-box;\r\n\r\n // you could add these classes to an inline/inline-block element\r\n // but it's not recommended\r\n display: block;\r\n\r\n // centering\r\n margin-right: auto;\r\n margin-left: auto;\r\n\r\n // spacing\r\n //\r\n // match the default Bootstrap Grid gutter width\r\n // https://getbootstrap.com/docs/3.4/css/#grid-options\r\n padding-left: $bf-spacing-grid-gutter-px;\r\n padding-left: $bf-spacing-grid-gutter-rem;\r\n padding-right: $bf-spacing-grid-gutter-px;\r\n padding-right: $bf-spacing-grid-gutter-rem;\r\n\r\n // clearfix\r\n &:before,\r\n &:after {\r\n display: table;\r\n content: ' ';\r\n }\r\n\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n\r\n.bf-container {\r\n max-width: 1140px; // 1140 + 15 + 15 = 1170\r\n max-width: 114rem;\r\n}\r\n\r\n.bf-row {\r\n display: block;\r\n\r\n margin-left: -$bf-spacing-grid-gutter-px;\r\n margin-left: -$bf-spacing-grid-gutter-rem;\r\n margin-right: -$bf-spacing-grid-gutter-px;\r\n margin-right: -$bf-spacing-grid-gutter-rem;\r\n\r\n // clearfix\r\n &:before,\r\n &:after {\r\n content: ' ';\r\n display: table;\r\n }\r\n\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n\r\n[class^='bf-col-'] {\r\n // the block display is triggered by 'float: left'\r\n // display: block;\r\n\r\n float: left;\r\n position: relative;\r\n min-height: 1px;\r\n\r\n padding-left: $bf-spacing-grid-gutter-px;\r\n padding-left: $bf-spacing-grid-gutter-rem;\r\n padding-right: $bf-spacing-grid-gutter-px;\r\n padding-right: $bf-spacing-grid-gutter-rem;\r\n}\r\n\r\n.bf-no-gutters {\r\n margin-right: 0;\r\n margin-left: 0;\r\n}\r\n\r\n.bf-no-gutters > [class^='bf-col'] {\r\n padding-right: 0;\r\n padding-left: 0;\r\n}\r\n\r\n.bf-col-12 {\r\n width: 100%;\r\n}\r\n\r\n.bf-col-11 {\r\n width: 91.66666666666666%;\r\n}\r\n\r\n.bf-col-10 {\r\n width: 83.33333333333334%;\r\n}\r\n\r\n.bf-col-9 {\r\n width: 75%;\r\n}\r\n\r\n.bf-col-8 {\r\n width: 66.66666666666666%;\r\n}\r\n\r\n.bf-col-7 {\r\n width: 58.333333333333336%;\r\n}\r\n\r\n.bf-col-6 {\r\n width: 50%;\r\n}\r\n\r\n.bf-col-5 {\r\n width: 41.66666666666667%;\r\n}\r\n\r\n.bf-col-4 {\r\n width: 33.33333333333333%;\r\n}\r\n\r\n.bf-col-3 {\r\n width: 25%;\r\n}\r\n\r\n.bf-col-2 {\r\n width: 16.666666666666664%;\r\n}\r\n\r\n.bf-col-1 {\r\n width: 8.3333%;\r\n}\r\n\r\n// ! this is IE9+\r\n// if you need CSS3 Media Queries support in IE8\r\n// you could use the respond.js polyfll https://github.com/scottjehl/Respond\r\n//\r\n// ! but there are some important caveats\r\n// https://github.com/scottjehl/Respond#support--caveats\r\n\r\n// 'break' the grid and make the columns full-width\r\n@media (max-width: 575px) {\r\n .bf-container--break-xs .bf-row {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .bf-container--break-xs [class^='bf-col'] {\r\n width: 100%;\r\n float: none;\r\n margin-left: 0;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .bf-container--break-md .bf-row {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .bf-container--break-md [class^='bf-col'] {\r\n width: 100%;\r\n float: none;\r\n margin-left: 0;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .bf-container--break-lg .bf-row {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .bf-container--break-lg [class^='bf-col'] {\r\n width: 100%;\r\n float: none;\r\n margin-left: 0;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n}\r\n\r\n// fix missing table cell borders when using 'bf-col-' classes for column sizing\r\n// https://github.com/twbs/bootstrap/issues/11623\r\ntable td[class^='bf-col'],\r\ntable th[class^='bf-col'] {\r\n position: static;\r\n}\r\n\r\n// Need more?\r\n//\r\n// IE8+\r\n// Pure CSS grids (ex YUI library) https://purecss.io/grids/\r\n//\r\n// IE8+ (with JS polyfill)\r\n// Bootstrap v3 grid system https://getbootstrap.com/docs/3.4/css/#grid\r\n//\r\n// moder browsers only (partial IE11 support)\r\n// Bulma Flexbox grid system https://bulma.io/documentation/columns/\r\n","// micro-clearfix\r\n// http://nicolasgallagher.com/micro-clearfix-hack/\r\n.bf-clearfix:before,\r\n.bf-clearfix:after {\r\n content: ' ';\r\n display: table;\r\n}\r\n\r\n.bf-clearfix:after {\r\n clear: both;\r\n}\r\n\r\n.bf-hide {\r\n display: none !important;\r\n}\r\n\r\n// assistive text for screen reader only (e.g. form labels)\r\n.bf-hidden {\r\n display: none !important;\r\n visibility: hidden !important;\r\n}\r\n\r\n.bf-text-hide {\r\n font: 0/0 a !important;\r\n color: transparent !important;\r\n text-shadow: none !important;\r\n background-color: transparent !important;\r\n border: 0 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n\r\n/*\r\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\r\n// \r\n* Hide only visually, but have it available for screen readers:\r\n* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n*\r\n* 1. For long content, line feeds are not interpreted as spaces and small width\r\n* causes content to wrap 1 word per line:\r\n* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\r\n*/\r\n.bf-sr-only {\r\n border: 0 !important;\r\n clip: rect(0, 0, 0, 0) !important;\r\n height: 1px !important;\r\n margin: -1px !important;\r\n overflow: hidden !important;\r\n padding: 0 !important;\r\n position: absolute !important;\r\n white-space: nowrap !important;\r\n width: 1px !important;\r\n}\r\n\r\n/*\r\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\r\n// \r\n* Extends the .sr-only class to allow the element\r\n* to be focusable when navigated to via the keyboard:\r\n* https://www.drupal.org/node/897638\r\n*/\r\n.bf-sr-only.focusable:active,\r\n.bf-sr-only.focusable:focus {\r\n clip: auto !important;\r\n height: auto !important;\r\n margin: 0 !important;\r\n overflow: visible !important;\r\n position: static !important;\r\n white-space: inherit !important;\r\n width: auto !important;\r\n}\r\n\r\n.bf-invisible {\r\n visibility: hidden !important;\r\n}\r\n\r\n.bf-visible {\r\n visibility: visible !important;\r\n}\r\n\r\n.bf-display-block {\r\n display: block !important;\r\n}\r\n\r\n.bf-display-block-center {\r\n display: block !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n text-align: center !important;\r\n}\r\n\r\n.bf-display-inline {\r\n display: inline !important;\r\n}\r\n\r\n.bf-display-inline-block {\r\n display: inline-block !important;\r\n}\r\n\r\n\r\n// IE10+\r\n// https://caniuse.com/#feat=flexbox\r\n\r\n.bf-display-flex {\r\n display: flex !important;\r\n}\r\n\r\n.bf-display-inline-flex {\r\n display: inline-flex !important;\r\n}\r\n\r\n.bf-display-flex--justify-start {\r\n justify-content: flex-start !important;\r\n}\r\n\r\n.bf-display-flex--justify-end {\r\n justify-content: flex-end !important;\r\n}\r\n\r\n.bf-display-flex--justify-center {\r\n justify-content: center !important;\r\n}\r\n\r\n.bf-display-flex--wrap {\r\n flex-wrap: wrap !important;\r\n}\r\n\r\n.bf-display-flex--nowrap {\r\n flex-wrap: nowrap !important;\r\n}\r\n\r\n.bf-float-left {\r\n float: left !important;\r\n}\r\n\r\n.bf-float-right {\r\n float: right !important;\r\n}\r\n\r\n\r\n// ≠ IE\r\n// https://caniuse.com/css-sticky\r\n.bf-position-fixed {\r\n position: fixed !important;\r\n}\r\n\r\n.bf-position-sticky {\r\n position: sticky !important;\r\n top: 0 !important;\r\n}\r\n\r\n// https://css-tricks.com/centering-css-complete-guide\r\n// Is the element of unknown width and height?\r\n// ! 'transform' is IE10 + https://caniuse.com/#feat=transforms2d\r\n.bf-align-center-unknown {\r\n position: relative !important;\r\n}\r\n\r\n.bf-align-center-unknown--item {\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n}\r\n\r\n// align items horizontally and vertically\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container\r\n.bf-align-center-flex {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.bf-width-25 {\r\n width: 25% !important;\r\n}\r\n\r\n.bf-width-33 {\r\n width: 33.33333333333333% !important;\r\n}\r\n\r\n.bf-width-50 {\r\n width: 50% !important;\r\n}\r\n\r\n.bf-width-75 {\r\n width: 75% !important;\r\n}\r\n\r\n.bf-width-100 {\r\n width: 100% !important;\r\n}\r\n\r\n.bf-width-auto {\r\n width: auto !important;\r\n}\r\n",".bf-z-index-1 {\r\n z-index: 1;\r\n}\r\n\r\n.bf-z-index-2 {\r\n z-index: 2;\r\n}\r\n\r\n.bf-z-index-3 {\r\n z-index: 3;\r\n}\r\n\r\n.bf-z-index-4 {\r\n z-index: 4;\r\n}\r\n\r\n.bf-z-index-5 {\r\n z-index: 5;\r\n}\r\n\r\n.bf-z-index-6 {\r\n z-index: 6;\r\n}\r\n\r\n.bf-z-index-7 {\r\n z-index: 7;\r\n}\r\n\r\n.bf-z-index-8 {\r\n z-index: 8;\r\n}\r\n\r\n.bf-z-index-9 {\r\n z-index: 9;\r\n}\r\n\r\n.bf-z-index-10 {\r\n z-index: 10;\r\n}\r\n\r\n.bf-z-index-20 {\r\n z-index: 20;\r\n}\r\n\r\n.bf-z-index-30 {\r\n z-index: 30;\r\n}\r\n\r\n.bf-z-index-40 {\r\n z-index: 40;\r\n}\r\n\r\n.bf-z-index-50 {\r\n z-index: 50;\r\n}\r\n\r\n.bf-z-index-60 {\r\n z-index: 60;\r\n}\r\n\r\n.bf-z-index-70 {\r\n z-index: 70;\r\n}\r\n\r\n.bf-z-index-80 {\r\n z-index: 80;\r\n}\r\n\r\n.bf-z-index-90 {\r\n z-index: 90;\r\n}\r\n\r\n.bf-z-index-100 {\r\n z-index: 100;\r\n}\r\n\r\n.bf-z-index-200 {\r\n z-index: 200;\r\n}\r\n\r\n.bf-z-index-300 {\r\n z-index: 200;\r\n}","// this is something similar to Bootstrap's spacing utility\n// https://getbootstrap.com/docs/4.4/utilities/spacing/\n\n// margins and paddings classes\n\n.bf-m-0 {\n margin: 0 !important;\n}\n\n.bf-m-t-0 {\n margin-top: 0 !important;\n}\n\n.bf-m-b-0 {\n margin-bottom: 0 !important;\n}\n\n.bf-m-l-0 {\n margin-left: 0 !important;\n}\n\n.bf-m-r-0 {\n margin-right: 0 !important;\n}\n\n.bf-m-1 {\n margin-bottom: $bf-spacing-md-px !important;\n margin-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-m-2 {\n margin-bottom: $bf-spacing-lg-px !important;\n margin-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-m-3 {\n margin-bottom: $bf-spacing-xl-px !important;\n margin-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-m-4 {\n margin-bottom: $bf-spacing-xxl-px !important;\n margin-bottom: $bf-spacing-xxl-rem !important;\n}\n\n.bf-m-b-1 {\n margin-bottom: $bf-spacing-md-px !important;\n margin-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-m-b-2 {\n margin-bottom: $bf-spacing-lg-px !important;\n margin-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-m-b-3 {\n margin-bottom: $bf-spacing-xl-px !important;\n margin-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-m-b-4 {\n margin-bottom: $bf-spacing-xxl-px !important;\n margin-bottom: $bf-spacing-xxl-rem !important;\n}\n\n// paddings\n\n.bf-p-0 {\n padding: 0 !important;\n}\n\n.bf-p-t-0 {\n padding-top: 0 !important;\n}\n\n.bf-p-b-0 {\n padding-bottom: 0 !important;\n}\n\n.bf-p-l-0 {\n padding-left: 0 !important;\n}\n\n.bf-p-r-0 {\n padding-right: 0 !important;\n}\n\n.bf-p-1 {\n padding-bottom: $bf-spacing-md-px !important;\n padding-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-p-2 {\n padding-bottom: $bf-spacing-lg-px !important;\n padding-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-3 {\n padding-bottom: $bf-spacing-xl-px !important;\n padding-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-4 {\n padding-bottom: $bf-spacing-xxl-px !important;\n padding-bottom: $bf-spacing-xxl-rem !important;\n}\n\n.bf-p-t-1 {\n padding-top: $bf-spacing-md-px !important;\n padding-top: $bf-spacing-md-rem !important;\n}\n\n.bf-p-t-2 {\n padding-top: $bf-spacing-lg-px !important;\n padding-top: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-t-3 {\n padding-top: $bf-spacing-xl-px !important;\n padding-top: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-t-4 {\n padding-top: $bf-spacing-xxl-px !important;\n padding-top: $bf-spacing-xxl-rem !important;\n}\n\n.bf-p-b-1 {\n padding-bottom: $bf-spacing-md-px !important;\n padding-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-p-b-2 {\n padding-bottom: $bf-spacing-lg-px !important;\n padding-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-b-3 {\n padding-bottom: $bf-spacing-xl-px !important;\n padding-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-b-4 {\n padding-bottom: $bf-spacing-xxl-px !important;\n padding-bottom: $bf-spacing-xxl-rem !important;\n}\n",".bf-t-transform-uppercase {\r\n text-transform: uppercase !important;\r\n}\r\n\r\n.bf-t-transform-none {\r\n text-transform: none !important;\r\n}\r\n\r\n.bf-t-left {\r\n text-align: left !important;\r\n}\r\n\r\n.bf-t-center {\r\n text-align: center !important;\r\n}\r\n\r\n.bf-t-right {\r\n text-align: right !important;\r\n}\r\n\r\n.bf-t-shadow {\r\n text-shadow: 0 0 2px $bf-dark !important;\r\n text-shadow: 0 0 .2rem $bf-dark !important;\r\n}\r\n\r\n.bf-t-italic {\r\n font-style: italic !important;\r\n}\r\n\r\n// useful to 'reset' <i> inherited style\r\n.bf-t-style-normal {\r\n font-style: normal !important;\r\n}\r\n\r\n// useful to 'reset' <b> inherited style\r\n.bf-t-weight-300 {\r\n font-weight: 300 !important;\r\n}\r\n\r\n.bf-t-weight-400 {\r\n font-weight: 400 !important;\r\n}\r\n\r\n.bf-t-weight-500 {\r\n font-weight: 500 !important;\r\n}\r\n\r\n.bf-t-weight-600 {\r\n font-weight: 600 !important;\r\n}\r\n\r\n.bf-t-weight-700 {\r\n font-weight: 700 !important;\r\n}\r\n\r\n.bf-t-weight-800 {\r\n font-weight: 800 !important;\r\n}\r\n\r\n.bf-text-break {\r\n word-wrap: break-word !important;\r\n}\r\n\r\n.bf-t-truncate {\r\n max-width: 100% !important;\r\n overflow: hidden !important;\r\n text-overflow: ellipsis !important;\r\n white-space: nowrap !important;\r\n word-wrap: normal !important;\r\n}\r\n\r\n.bf-t-truncate--multiline-2 {\r\n overflow: hidden !important;\r\n text-overflow: ellipsis !important;\r\n display: -webkit-box !important;\r\n -webkit-line-clamp: 2 !important;\r\n -webkit-box-orient: vertical !important;\r\n}\r\n\r\n.bf-t-truncate--multiline-3 {\r\n overflow: hidden !important;\r\n text-overflow: ellipsis !important;\r\n display: -webkit-box !important;\r\n -webkit-line-clamp: 3 !important;\r\n -webkit-box-orient: vertical !important;\r\n}\r\n\r\n\r\n.bf-no-select {\r\n user-select: none !important;\r\n\r\n // this is a not standard CSS property, so it's for webkit only\r\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-touch-callout\r\n // useful on iOS\r\n // https://css-tricks.com/force-selection-text-block/#article-header-id-7\r\n // https://ishadeed.com/article/selection-in-css scroll down to\r\n // 'selection on mobile' section\r\n -webkit-touch-callout: none !important;\r\n}\r\n\r\n.bf-font-sans-serif {\r\n font-family:\r\n /* Safari for OS X and iOS (San Francisco) */ -apple-system,\r\n /* Chrome < 56 for OS X (San Francisco) */ BlinkMacSystemFont,\r\n /* Windows */ 'Segoe UI', /* Android */ Roboto,\r\n /* Linux with KDE */ Oxygen-Sans, /* Ubuntu (all variants) */ Ubuntu,\r\n /* Linux with GNOME Shell */ Cantarell,\r\n /* macOS 1.10 and below */ 'Helvetica Neue', Helvetica,\r\n /* Basic web fallback */ Arial, sans-serif,\r\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\r\n 'Noto Color Emoji' !important;\r\n}\r\n\r\n.bf-font-serif {\r\n font-family: Georgia, Times, 'Times New Roman', serif,\r\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\r\n 'Noto Color Emoji' !important;\r\n}\r\n\r\n.bf-font-monospace {\r\n font-family:\r\n /* macOS 1.10+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\r\n /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\r\n /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\r\n /* Linux/OpenOffice fallback */ 'Liberation Mono', /* fallback */ monospace,\r\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\r\n 'Noto Color Emoji' !important;\r\n}\r\n\r\n.bf-h1,\r\n.bf-h2,\r\n.bf-h3,\r\n.bf-h4,\r\n.bf-h5,\r\n.bf-h6 {\r\n font-weight: 700 !important; // fallback\r\n font-weight: 600 !important;\r\n margin-top: 0 !important;\r\n line-height: 1.2 !important;\r\n margin-bottom: $bf-spacing-lg-px !important;\r\n margin-bottom: $bf-spacing-lg-rem !important;\r\n}\r\n\r\n.bf-h1 {\r\n font-size: 36px !important;\r\n font-size: 3.6rem !important;\r\n}\r\n\r\n.bf-h2 {\r\n font-size: 30px !important;\r\n font-size: 3rem !important;\r\n}\r\n\r\n.bf-h3 {\r\n font-size: 24px !important;\r\n font-size: 2.4rem !important;\r\n}\r\n\r\n.bf-h4 {\r\n font-size: 20px !important;\r\n font-size: 2rem !important;\r\n}\r\n\r\n.bf-h5,\r\n.bf-h6 {\r\n font-size: 16px !important;\r\n font-size: 1.6rem !important;\r\n}\r\n\r\np.bf-lead {\r\n font-size: 120% !important;\r\n}\r\n\r\n// responsive typography\r\n// https://codepen.io/marcop135/pen/eYmPmJm\r\n// https://css-tricks.com/snippets/css/fluid-typography/\r\n//\r\n// old browsers that don't support CSS variables ignore what follows\r\n// (mostly IE and Opera Mini)\r\n// in this way, old browsers will ignore 'calc' property too, avoiding issues\r\n// https://caniuse.com/#feat=calc\r\n// https://caniuse.com/#feat=css-variables\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties\r\nbody.bf-responsive-typography {\r\n --body-rt-font-size-flex: calc(1.6rem + 3 * ((100vw - 320px) / 680));\r\n --body-rt-font-size-max: 1.9rem;\r\n}\r\n\r\n@media (min-width: 320px) {\r\n body.bf-responsive-typography {\r\n font-size: var(--body-rt-font-size-flex);\r\n }\r\n}\r\n\r\n@media (min-width: 1000px) {\r\n body.bf-responsive-typography {\r\n font-size: var(--body-rt-font-size-max);\r\n }\r\n}\r\n",".bf-btn {\r\n display: inline-block;\r\n cursor: pointer;\r\n color: $bf-dark;\r\n padding: ($bf-spacing-xl-px / 3) (($bf-spacing-xl-px / 3) * 2); // 8px 16px\r\n padding: ($bf-spacing-xl-rem / 3) (($bf-spacing-xl-rem / 3) * 2);\r\n line-height: normal;\r\n text-align: center;\r\n margin: 0;\r\n background-clip: padding-box;\r\n vertical-align: baseline;\r\n overflow: visible;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n user-select: none;\r\n\r\n // ! IE9+\r\n // https://caniuse.com/#feat=border-radius\r\n border-radius: $bf-spacing-sm-px;\r\n border-radius: $bf-spacing-sm-rem;\r\n\r\n border: 0;\r\n background-image: none; // FF mobile\r\n background: $bf-gray-light;\r\n transition: all .2s;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n text-decoration: none;\r\n color: $bf-dark;\r\n background: darken($bf-gray-light, 10%);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n box-shadow: 0 0 0 3px rgba(0, 0, 0, .15);\r\n }\r\n\r\n &:focus {\r\n outline: 0;\r\n }\r\n\r\n &.bf-btn--primary {\r\n color: $bf-white;\r\n background: $bf-blue;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n color: $bf-white;\r\n background: darken($bf-blue, 10%);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n box-shadow: 0 0 0 3px rgba(0, 86, 179, .25);\r\n }\r\n }\r\n}\r\n\r\nfieldset[disabled] .bf-btn,\r\n.bf-btn[disabled],\r\n.bf-btn:disabled,\r\n.bf-btn[aria-disabled='true'] {\r\n cursor: default !important; // fallback\r\n cursor: not-allowed !important;\r\n pointer-events: none !important;\r\n user-select: none !important;\r\n box-shadow: none !important;\r\n opacity: .5 !important;\r\n}\r\n",".bf-focused {\r\n transition: border .2s, background-color .2s, box-shadow .2s !important;\r\n border-color: $bf-blue !important;\r\n box-shadow: 0 0 0 3px rgba(0, 86, 179, .25) !important;\r\n}\r\n\r\n.bf-disabled,\r\n.bf-disabled:hover,\r\n.bf-disabled:active,\r\n.bf-disabled:focus,\r\n.bf-disabled:after,\r\n.bf-disabled:before,\r\n.bf-disabled:invalid,\r\n.bf-disabled:checked {\r\n cursor: default !important; // IE8-10 fallback\r\n cursor: not-allowed !important;\r\n pointer-events: none !important;\r\n user-select: none !important;\r\n box-shadow: none !important;\r\n opacity: .5 !important;\r\n\r\n background-color: $bf-white;\r\n border-color: $bf-gray;\r\n}\r\n\r\nlabel.bf-disabled {\r\n background-color: transparent;\r\n border-color: transparent;\r\n}\r\n\r\nbutton.bf-disabled,\r\n[type='button'].bf-disabled,\r\n[type='reset'].bf-disabled,\r\n[type='submit'].bf-disabled,\r\n.bf-btn.bf-disabled {\r\n cursor: default;\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n user-select: none;\r\n box-shadow: none;\r\n opacity: .5;\r\n\r\n color: $bf-dark;\r\n background: $bf-gray-light;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n box-shadow: none;\r\n color: $bf-dark;\r\n background: $bf-gray-light;\r\n }\r\n}\r\n\r\n.bf-btn--primary.bf-disabled {\r\n cursor: default;\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n user-select: none;\r\n box-shadow: none;\r\n opacity: .5;\r\n\r\n color: $bf-white;\r\n background: $bf-blue;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n box-shadow: none;\r\n color: $bf-white;\r\n background: $bf-blue;\r\n }\r\n}\r\n\r\n.bf-invalid,\r\n.bf-invalid:focus {\r\n color: $bf-red !important;\r\n border-color: $bf-red !important;\r\n box-shadow: 0 0 0 3px rgba(255, 0, 0, .25) !important;\r\n}\r\n","// this is useful for navbars\r\n.bf-list-unstyled,\r\nmenu ul.bf-list-unstyled,\r\nmenu ol.bf-list-unstyled,\r\nul.bf-list-unstyled ul,\r\nul.bf-list-unstyled ol,\r\nol.bf-list-unstyled ol,\r\nol.bf-list-unstyled ul,\r\ndd.bf-list-unstyled {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\ndt {\r\n font-weight: 700;\r\n}\r\n","// taken from https://getbootstrap.com/docs/4.4/utilities/embed/\r\n// but lightened a bit\r\n\r\n.bf-embed-responsive {\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n padding: 0;\r\n overflow: hidden;\r\n\r\n &::before {\r\n display: block;\r\n content: '';\r\n padding-top: 56.25%; // 16:9 by default\r\n }\r\n\r\n .bf-embed-responsive--4-3::before {\r\n padding-top: 75%;\r\n }\r\n\r\n & .bf-embed-responsive--item,\r\n & iframe,\r\n & embed,\r\n & object,\r\n & video {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n }\r\n}\r\n",".bf-table th,\r\n.bf-table td {\r\n padding: $bf-spacing-lg-px;\r\n padding: $bf-spacing-lg-rem;\r\n border-bottom: 1px solid $bf-gray;\r\n margin-bottom: $bf-spacing-md-px;\r\n margin-bottom: $bf-spacing-md-rem;\r\n}\r\n\r\n// responsive tables\r\n// ! issues on Opera 10-11, Opera Mobile Presto and Opera Mini\r\n// Read more about Opera: http://barrow.io/overflow-scrolling\r\n\r\n.bf-table-responsive {\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n\r\n // this is a not standard CSS property, so it's for IE only\r\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\r\n -ms-overflow-style: scrollbar;\r\n}\r\n\r\n.bf-table-responsive table {\r\n width: 100%;\r\n margin-bottom: $bf-spacing-md-px;\r\n margin-bottom: $bf-spacing-md-rem;\r\n}\r\n\r\n// force webkit scrollbars appearance\r\n.bf-table-responsive.scrollbar {\r\n // this is a not standard CSS property, so it's for webkit only\r\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling\r\n -webkit-overflow-scrolling: auto;\r\n}\r\n\r\n// zebra striping\r\n.bf-table--zebra tbody tr:nth-child(odd),\r\n.bf-table-responsive--zebra tbody tr:nth-child(odd) {\r\n background-color: $bf-gray-light-extra;\r\n}\r\n","// taken from https://github.com/h5bp/main.css/blob/v2.1.0/dist/_print.css\r\n\r\n/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */\r\n/* ==========================================================================\r\n Print styles.\r\n Inlined to avoid the additional HTTP request:\r\n https://www.phpied.com/delay-loading-your-print-css/\r\n ========================================================================== */\r\n\r\n@media print {\r\n *,\r\n *::before,\r\n *::after {\r\n background: #fff !important;\r\n color: #000 !important;\r\n /* Black prints faster */\r\n box-shadow: none !important;\r\n text-shadow: none !important;\r\n }\r\n\r\n a,\r\n a:visited {\r\n text-decoration: underline;\r\n }\r\n\r\n a[href]::after {\r\n content: ' (' attr(href) ')';\r\n }\r\n\r\n abbr[title]::after {\r\n content: ' (' attr(title) ')';\r\n }\r\n\r\n /*\r\n * Don't show links that are fragment identifiers,\r\n * or use the `javascript:` pseudo protocol\r\n */\r\n a[href^='#']::after,\r\n a[href^='javascript:']::after {\r\n content: '';\r\n }\r\n\r\n pre {\r\n white-space: pre-wrap !important;\r\n }\r\n\r\n pre,\r\n blockquote {\r\n border: 1px solid #999;\r\n page-break-inside: avoid;\r\n }\r\n\r\n /*\r\n * Printing Tables:\r\n * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables\r\n */\r\n thead {\r\n display: table-header-group;\r\n }\r\n\r\n tr,\r\n img {\r\n page-break-inside: avoid;\r\n }\r\n\r\n p,\r\n h2,\r\n h3 {\r\n orphans: 3;\r\n widows: 3;\r\n }\r\n\r\n h2,\r\n h3 {\r\n page-break-after: avoid;\r\n }\r\n}\r\n\r\n// the rulesets below target bullframe.css\r\n\r\n@media print {\r\n // adjust the grid system making the layout always fixed\r\n body,\r\n .bf-container {\r\n min-width: 992px !important;\r\n }\r\n\r\n // a few fixes for '_utility_tables.scss'\r\n //\r\n // a <table> with a responsive container (.table-responsive) is cut\r\n // horizontally because there an overflow-x is applied\r\n // let's re-set the overflow of that container on 'auto'\r\n // and let the <table> element flows without a fixed/flexible with\r\n\r\n .bf-table-responsive {\r\n overflow: auto;\r\n }\r\n\r\n .bf-table-responsive table {\r\n width: auto;\r\n }\r\n\r\n .bf-table-responsive table,\r\n .bf-table {\r\n border-collapse: collapse !important;\r\n }\r\n}\r\n\r\n// Need more?\r\n//\r\n// This project looks promising https://github.com/BafS/Gutenberg\r\n","// prefers-reduced-motion media feature query\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion\r\n//\r\n// @media (prefers-reduced-motion: reduce) { ... }\r\n// Indicates that user has notified the system that they prefer an\r\n// interface that minimizes the amount of movement or animation,\r\n// preferably to the point where all non-essential movement is removed.\r\n\r\n// taken from https://github.com/jensimmons/cssremedy\r\n//\r\n// 1. Immediately jump any animation to the end point\r\n// 2. Remove transitions & fixed background attachment\r\n// See: https://github.com/mozdevs/cssremedy/issues/11\r\n@media (prefers-reduced-motion: reduce) {\r\n .bf-reduced-motion,\r\n .bf-reduced-motion::before,\r\n .bf-reduced-motion::after,\r\n .bf-reduced-motion *,\r\n .bf-reduced-motion *::before,\r\n .bf-reduced-motion *::after {\r\n animation-delay: -1ms !important;\r\n animation-duration: 1ms !important;\r\n animation-iteration-count: 1 !important;\r\n background-attachment: initial !important;\r\n scroll-behavior: auto !important;\r\n transition-delay: 0s !important;\r\n transition-duration: 0s !important;\r\n }\r\n}\r\n","// taken from sanitize.css\n// https://github.com/csstools/sanitize.css/blob/12.0.1/sanitize.css\n\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n\n [aria-busy=\"true\"] {\n cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n\n[aria-controls] {\n cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n\n[aria-disabled=\"true\"],\n[disabled] {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n\n[aria-hidden=\"false\"][hidden] {\n display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}"]}
@@ -1,5 +0,0 @@
1
- /*! custom build: bullframe-classless-dark-ie10+ */
2
- // https://css-tricks.com/no-class-css-frameworks/
3
-
4
- @import 'bullframe-classless-ie10+';
5
- @import 'utilities/utility-global-dark-classless';
@@ -1,5 +0,0 @@
1
- /*! custom build: bullframe-classless-dark-prefers-ie10+ */
2
- // https://css-tricks.com/no-class-css-frameworks/
3
-
4
- @import 'bullframe-classless-ie10+';
5
- @import 'utilities/utility-global-dark-prefers-classless';
@@ -1,43 +0,0 @@
1
- /*! custom build: bullframe-classless-ie10+ */
2
- // https://css-tricks.com/no-class-css-frameworks/
3
-
4
- // colors, spacing and breakpoint variables
5
- // this is for an easy customisation
6
- @import "variables/variables-colors";
7
- @import "variables/variables-texts";
8
- @import "variables/variables-spacing";
9
- @import "variables/variables-breakpoints";
10
-
11
- // all about box-sizing and display
12
- @import "miscellaneous/misc-layout";
13
-
14
- // this a wide range of text elements bug fixing and improvements
15
- @import "typography/typography-html-body";
16
- @import "typography/typography-headings";
17
- @import "typography/typography-blockquotes";
18
- @import "typography/typography-monospaced-elements";
19
- @import "typography/typography-misc";
20
-
21
- // <a> linkage
22
- @import "miscellaneous/misc-anchors";
23
-
24
- // <ul>, <ol> and <dl>
25
- @import "miscellaneous/misc-lists";
26
-
27
- // img, audio, video, svg, and more
28
- @import "miscellaneous/misc-embedded-content";
29
-
30
- // all about form elements
31
- @import "forms/forms-normalization";
32
- @import "forms/forms-styling";
33
- @import "forms/forms-styling-select";
34
- @import "forms/forms-styling-radio-checkbox";
35
- @import "forms/forms-styling-range";
36
-
37
- // <table> and his elements
38
- @import "miscellaneous/misc-tables";
39
-
40
- // this is just quick way to customise your styles
41
- // below these styles, you shouldn't override nothing but remove them
42
- // commented by default
43
- @import "miscellaneous/misc-author-styles-in-css";
@@ -1,4 +0,0 @@
1
- /*! custom build: bullframe-dark-ie10+ */
2
-
3
- @import 'bullframe-ie10+';
4
- @import 'utilities/utility-global-dark';
@@ -1,4 +0,0 @@
1
- /*! custom build: bullframe-dark-prefers-ie10+ */
2
-
3
- @import 'bullframe-ie10+';
4
- @import 'utilities/utility-global-dark-prefers';
@@ -1,121 +0,0 @@
1
- // colors, spacing and breakpoint variables
2
- // this is for an easy customisation
3
- @import 'variables/variables-colors';
4
- @import 'variables/variables-texts';
5
- @import 'variables/variables-spacing';
6
- @import 'variables/variables-breakpoints';
7
-
8
- // all about box-sizing and display
9
- @import 'miscellaneous/misc-layout';
10
-
11
- // this a wide range of text elements bug fixing and improvements
12
- @import 'typography/typography-html-body';
13
- @import 'typography/typography-headings';
14
- @import 'typography/typography-blockquotes';
15
- @import 'typography/typography-monospaced-elements';
16
- @import 'typography/typography-misc';
17
-
18
- // <a> linkage
19
- @import 'miscellaneous/misc-anchors';
20
-
21
- // outline styles
22
- @import 'miscellaneous/misc-focus';
23
-
24
- // <ul>, <ol> and <dl>
25
- @import 'miscellaneous/misc-lists';
26
-
27
- // img, audio, video, svg, and more
28
- @import 'miscellaneous/misc-embedded-content';
29
-
30
- // all about form elements
31
- @import 'forms/forms-normalization';
32
- @import 'forms/forms-styling';
33
- @import 'forms/forms-styling-select';
34
- @import 'forms/forms-styling-radio-checkbox';
35
- @import 'forms/forms-styling-range';
36
-
37
- // <table> and his elements
38
- @import 'miscellaneous/misc-tables';
39
-
40
- // this is just quick way to customise your styles
41
- // below these styles, you shouldn't override nothing but remove them
42
- // commented by default
43
- @import 'miscellaneous/misc-author-styles-in-css';
44
-
45
- // a set of default opinionated utilities
46
- // always put this as far as possible from the rest of the styles
47
- // 'print' and 'reduced-motion' are just an exception because target
48
- // exclusively a user behaviours
49
- //
50
- // take a look at all the Bootstrap's utilities
51
- // https://github.com/twbs/bootstrap/tree/v4.4.1/scss/utilities
52
-
53
- // the 12 columns IE8+ grid system
54
- @import 'utilities/utility-grid-system';
55
-
56
- // a flexbox-powered grid system alternative (IE10+)
57
- @import 'mixins/mixin-grid-flex';
58
-
59
- // clearfix, sr-only, float, inline/block/flex, and more
60
- @import 'utilities/utility-layout';
61
-
62
- @import 'utilities/utility-z-index';
63
-
64
- // reset margins and paddings adding a class
65
- @import 'utilities/utility-spacing';
66
-
67
- // font families, text truncated, text alignment, and more
68
- @import 'utilities/utility-texts';
69
-
70
- // '.btn' and '.btn--primary'
71
- @import 'utilities/utility-buttons';
72
-
73
- // '.placeholder', '.invalid', '.disabled'
74
- @import 'utilities/utility-form-states';
75
-
76
- // font families, text truncated, text alignment, and more
77
- @import 'utilities/utility-lists';
78
-
79
- // embed without worries iframes, video or whatever needed
80
- @import 'utilities/utility-embeds';
81
-
82
- // use this and the tables won't break the layout horizontally anymore
83
- @import 'utilities/utility-tables';
84
-
85
- // a base set of mixins
86
- @import 'mixins/mixin-layout';
87
- @import 'mixins/mixin-texts';
88
-
89
- // add dark mode via prefers-color-scheme media queries
90
- // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
91
- // No IE, Opera Mini and Samsung browser support
92
- // https://caniuse.com/#feat=prefers-color-scheme
93
- //
94
- // @import "utilities/utility-global-dark-prefers";
95
-
96
- // add dark using an <html> or <body> class
97
- // e.g. '.dark p { color: white }'
98
- // uncomment it if you need a dark mode as default
99
- //
100
- // @import "utilities/utility-global-dark";
101
-
102
- // default print styles
103
- // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
104
- @import 'utilities/utility-print';
105
-
106
- // styles for users that prefer reduced motion (e.g. user with disabilities)
107
- // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
108
- // The 'prefers-reduced-motion' CSS media feature is used to detect if the user
109
- // has requested that the system minimize the amount of animation or motion it uses.
110
- @import 'utilities/utility-reduced-motion';
111
-
112
- // improve several ARIA roles appearance
113
- @import 'miscellaneous/misc-accessibility';
114
-
115
- // shamy quick fixes...
116
- // https://csswizardry.com/2013/04/shame-css/
117
- @import 'miscellaneous/misc-shame';
118
-
119
- // this is useful for just for debugging purpouses
120
- // commented by default
121
- @import 'utilities/utility-debugging';
@@ -1,56 +0,0 @@
1
- // this is an hack for IE8
2
- // https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea#ie-8
3
-
4
- // some inputs don't get the padding well
5
- // https://stackoverflow.com/questions/607198/padding-a-text-input-in-ie-possible
6
-
7
- @media \0screen {
8
- [type='email'],
9
- [type='number'],
10
- [type='password'],
11
- [type='tel'],
12
- [type='search'],
13
- [type='text'],
14
- [type='date'],
15
- [type='datetime-local'],
16
- [type='month'],
17
- [type='time'],
18
- [type='week'],
19
- [type='time'],
20
- [type='url'],
21
- [type='range'],
22
- input[list] {
23
- padding-top: 0;
24
- padding-bottom: 0;
25
- height: $bf-spacing-xxl-px + 2;
26
- line-height: $bf-spacing-xxl-px + 2;
27
- }
28
- }
29
-
30
- // this is an hack for IE9+
31
- // https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea
32
- //
33
- // fix input 'line-height' without declaring 'height' adding an extra HTML class
34
- // as Bootstrap does
35
- // https://github.com/twbs/bootstrap/blob/v4.5.0/dist/css/bootstrap.css#L2039
36
- //
37
- // philosophy: flexibility is better than overkill control
38
- @media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
39
- [type='email'],
40
- [type='number'],
41
- [type='password'],
42
- [type='tel'],
43
- [type='search'],
44
- [type='text'],
45
- [type='date'],
46
- [type='datetime-local'],
47
- [type='month'],
48
- [type='time'],
49
- [type='week'],
50
- [type='time'],
51
- [type='url'],
52
- [type='range'],
53
- input[list] {
54
- line-height: 1.2;
55
- }
56
- }