bullframe.css/dist/css/bullframe-utilities.min.css.map

Solid, fluid, IE-friendly Sass (SCSS) framework

{"version":3,"sources":["bullframe-utilities.scss","utilities/_utility-grid-system.scss","variables/_variables-spacing.scss","bullframe-utilities.css","utilities/_utility-layout.scss","utilities/_utility-filters.scss","utilities/_utility-z-index.scss","utilities/_utility-spacing.scss","utilities/_utility-texts.scss","utilities/_utility-buttons.scss","variables/_variables-colors.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"],"names":[],"mappings":"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F,CG3WA,eACE,UH8WF,CG3WA,eACE,UH8WF,CG3WA,eACE,UH8WF,CG3WA,eACE,UH8WF,CG3WA,eACE,UH8WF,CG3WA,gBACE,WH8WF,CGvWA,gCACE,WH8WF,CI1bA,QACE,kBJ6bF,CI1bA,UACE,sBJ6bF,CI1bA,UACE,yBJ6bF,CI1bA,UACE,uBJ6bF,CI1bA,UACE,wBJ6bF,CI1bA,QAEE,6BJ6bF,CI1bA,QAEE,4BJ6bF,CI1bA,QAEE,4BJ6bF,CI1bA,QAEE,4BJ6bF,CI1bA,UAEE,6BJ6bF,CI1bA,UAEE,4BJ6bF,CI1bA,UAEE,4BJ6bF,CI1bA,UAEE,4BJ6bF,CIxbA,QACE,mBJ2bF,CIxbA,UACE,uBJ2bF,CIxbA,UACE,0BJ2bF,CIxbA,UACE,wBJ2bF,CIxbA,UACE,yBJ2bF,CIxbA,QAEE,8BJ2bF,CIxbA,QAEE,6BJ2bF,CIxbA,QAEE,6BJ2bF,CIxbA,QAEE,6BJ2bF,CIxbA,UAEE,2BJ2bF,CIxbA,UAEE,0BJ2bF,CIxbA,UAEE,0BJ2bF,CIxbA,UAEE,0BJ2bF,CIxbA,UAEE,8BJ2bF,CIxbA,UAEE,6BJ2bF,CIxbA,UAEE,6BJ2bF,CIxbA,UAEE,6BJ2bF,CK3kBA,0BACE,kCL8kBF,CK3kBA,qBACE,6BL8kBF,CK3kBA,WACE,yBL8kBF,CK3kBA,aACE,2BL8kBF,CK3kBA,YACE,0BL8kBF,CK3kBA,aACE,kCAAwC,CACxC,oCL8kBF,CK3kBA,aACE,2BL8kBF,CK1kBA,mBACE,2BL6kBF,CKzkBA,iBACE,yBL4kBF,CKzkBA,iBACE,yBL4kBF,CKzkBA,iBACE,yBL4kBF,CKzkBA,iBACE,yBL4kBF,CKzkBA,iBACE,yBL4kBF,CKzkBA,iBACE,yBL4kBF,CKzkBA,eACE,8BL4kBF,CKzkBA,eACE,wBAA0B,CAC1B,yBAA2B,CAC3B,gCAAkC,CAClC,4BAA8B,CAC9B,0BL4kBF,CKzkBA,4BAIE,8BL6kBF,CKzkBA,wDAPE,yBAA2B,CAC3B,gCAAkC,CAClC,6BAA+B,CAE/B,qCLolBF,CKjlBA,4BAIE,8BL6kBF,CKxkBA,cACE,kCAA4B,CAA5B,+BAA4B,CAA5B,8BA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","file":"bullframe-utilities.min.css","sourcesContent":["/*! bullframe.css v3.7.0 | MIT License | https://github.com/marcop135/bullframe.css */\n/* custom build: bullframe-utilities */\n\n// colors, spacing and breakpoint variables\n// this is for an easy customisation\n@import \"variables/variables-colors\";\n@import \"variables/variables-texts\";\n@import \"variables/variables-spacing\";\n@import \"variables/variables-breakpoints\";\n\n// a set of default opinionated utilities\n// always put this as far as possible from the rest of the styles\n// 'print' and 'reduced-motion' are just an exception because target\n// exclusively a user behaviours\n//\n// take a look at all the Bootstrap's utilities\n// https://github.com/twbs/bootstrap/tree/v4.4.1/scss/utilities\n\n// the 12 columns IE8+ grid system\n@import \"utilities/utility-grid-system\";\n\n// clearfix, sr-only, float, inline/block/flex, and more\n@import \"utilities/utility-layout\";\n\n// CSS filters \n// https://developer.mozilla.org/en-US/docs/Web/CSS/filter\n// https://caniuse.com/css-filters\n@import 'utilities/utility-filters';\n\n@import 'utilities/utility-z-index';\n\n// reset margins and paddings adding a class\n@import \"utilities/utility-spacing\";\n\n// font families, text truncated, text alignment, and more\n@import \"utilities/utility-texts\";\n\n// '.btn' and '.btn--primary'\n@import \"utilities/utility-buttons\";\n\n// '.placeholder', '.invalid', '.disabled'\n@import \"utilities/utility-form-states\";\n\n// font families, text truncated, text alignment, and more\n@import \"utilities/utility-lists\";\n\n// embed without worries iframes, video or whatever needed\n@import \"utilities/utility-embeds\";\n\n// use this and the tables won't break the layout horizontally anymore\n@import \"utilities/utility-tables\";\n\n// default print styles\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n@import \"utilities/utility-print\";\n\n@import \"utilities/utility-reduced-motion\";\n\n// this is useful for just for debugging purpouses\n// commented by default\n@import \"utilities/utility-debugging\";\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","// 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;","/*! bullframe.css v3.7.0 | MIT License | https://github.com/marcop135/bullframe.css */\n/* custom build: bullframe-utilities */\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-filter-invert {\n  filter: invert(100%) !important;\n}\n\n.bf-filter-dim-images {\n  filter: brightness(0.8) contrast(1.2);\n}\n\n.bf-filter-grayscale {\n  filter: grayscale(1) !important;\n}\n\n.bf-filter-blur {\n  filter: blur(0.3rem) !important;\n}\n\n.bf-filter-none {\n  filter: none !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","// 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","// No IE and Opera Mini support\r\n// https://caniuse.com/css-filters\r\n\r\n// useful if dark mode\r\n.bf-filter-invert {\r\n  filter: invert(100%) !important;\r\n}\r\n\r\n// useful to dim bright images if dark mode\r\n.bf-filter-dim-images {\r\n  filter: brightness(0.8) contrast(1.2);\r\n}\r\n\r\n.bf-filter-grayscale {\r\n  filter: grayscale(1) !important;\r\n}\r\n\r\n.bf-filter-blur {\r\n  filter: blur(.3rem) !important;\r\n}\r\n\r\n.bf-filter-none {\r\n  filter: none !important;\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\r\n// https://getbootstrap.com/docs/4.4/utilities/spacing/\r\n\r\n// margins and paddings classes\r\n\r\n.bf-m-0 {\r\n  margin: 0 !important;\r\n}\r\n\r\n.bf-m-t-0 {\r\n  margin-top: 0 !important;\r\n}\r\n\r\n.bf-m-b-0 {\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n.bf-m-l-0 {\r\n  margin-left: 0 !important;\r\n}\r\n\r\n.bf-m-r-0 {\r\n  margin-right: 0 !important;\r\n}\r\n\r\n.bf-m-1 {\r\n  margin-bottom: $bf-spacing-md-px !important;\r\n  margin-bottom: $bf-spacing-md-rem !important;\r\n}\r\n\r\n.bf-m-2 {\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-m-3 {\r\n  margin-bottom: $bf-spacing-xl-px !important;\r\n  margin-bottom: $bf-spacing-xl-rem !important;\r\n}\r\n\r\n.bf-m-4 {\r\n  margin-bottom: $bf-spacing-xxl-px !important;\r\n  margin-bottom: $bf-spacing-xxl-rem !important;\r\n}\r\n\r\n.bf-m-b-1 {\r\n  margin-bottom: $bf-spacing-md-px !important;\r\n  margin-bottom: $bf-spacing-md-rem !important;\r\n}\r\n\r\n.bf-m-b-2 {\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-m-b-3 {\r\n  margin-bottom: $bf-spacing-xl-px !important;\r\n  margin-bottom: $bf-spacing-xl-rem !important;\r\n}\r\n\r\n.bf-m-b-4 {\r\n  margin-bottom: $bf-spacing-xxl-px !important;\r\n  margin-bottom: $bf-spacing-xxl-rem !important;\r\n}\r\n\r\n// paddings\r\n\r\n.bf-p-0 {\r\n  padding: 0 !important;\r\n}\r\n\r\n.bf-p-t-0 {\r\n  padding-top: 0 !important;\r\n}\r\n\r\n.bf-p-b-0 {\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n.bf-p-l-0 {\r\n  padding-left: 0 !important;\r\n}\r\n\r\n.bf-p-r-0 {\r\n  padding-right: 0 !important;\r\n}\r\n\r\n.bf-p-1 {\r\n  padding-bottom: $bf-spacing-md-px !important;\r\n  padding-bottom: $bf-spacing-md-rem !important;\r\n}\r\n\r\n.bf-p-2 {\r\n  padding-bottom: $bf-spacing-lg-px !important;\r\n  padding-bottom: $bf-spacing-lg-rem !important;\r\n}\r\n\r\n.bf-p-3 {\r\n  padding-bottom: $bf-spacing-xl-px !important;\r\n  padding-bottom: $bf-spacing-xl-rem !important;\r\n}\r\n\r\n.bf-p-4 {\r\n  padding-bottom: $bf-spacing-xxl-px !important;\r\n  padding-bottom: $bf-spacing-xxl-rem !important;\r\n}\r\n\r\n.bf-p-t-1 {\r\n  padding-top: $bf-spacing-md-px !important;\r\n  padding-top: $bf-spacing-md-rem !important;\r\n}\r\n\r\n.bf-p-t-2 {\r\n  padding-top: $bf-spacing-lg-px !important;\r\n  padding-top: $bf-spacing-lg-rem !important;\r\n}\r\n\r\n.bf-p-t-3 {\r\n  padding-top: $bf-spacing-xl-px !important;\r\n  padding-top: $bf-spacing-xl-rem !important;\r\n}\r\n\r\n.bf-p-t-4 {\r\n  padding-top: $bf-spacing-xxl-px !important;\r\n  padding-top: $bf-spacing-xxl-rem !important;\r\n}\r\n\r\n.bf-p-b-1 {\r\n  padding-bottom: $bf-spacing-md-px !important;\r\n  padding-bottom: $bf-spacing-md-rem !important;\r\n}\r\n\r\n.bf-p-b-2 {\r\n  padding-bottom: $bf-spacing-lg-px !important;\r\n  padding-bottom: $bf-spacing-lg-rem !important;\r\n}\r\n\r\n.bf-p-b-3 {\r\n  padding-bottom: $bf-spacing-xl-px !important;\r\n  padding-bottom: $bf-spacing-xl-rem !important;\r\n}\r\n\r\n.bf-p-b-4 {\r\n  padding-bottom: $bf-spacing-xxl-px !important;\r\n  padding-bottom: $bf-spacing-xxl-rem !important;\r\n}\r\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\