/*
Theme Name: Beflex
Author: the Eoxia team
Author URI: https://www.eoxia.com
Description: BeFlex is a free Theme Block. Imagination is the only limit.
Requires at least: 5.3
Tested up to: 5.5
Requires PHP: 5.6
Version: 4.0
License: AGPLv3
License URI: https://spdx.org/licenses/AGPL-3.0-or-later.html
Text Domain: beflex
*/
/*--------------------------------------------------------------
# Gutenberg Blocks
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Cover
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
.wp-block-cover .wp-block-cover__inner-container {
  max-width: 840px;
}

/*--------------------------------------------------------------
## Button
--------------------------------------------------------------*/
.wp-block-button .wp-block-button__link {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.wp-block-button .wp-block-button__link:hover {
  opacity: 0.8;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  padding: calc(0.6em - 2px) calc(1em - 2px);
}

/*--------------------------------------------------------------
## Media Text
--------------------------------------------------------------*/
.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}

@media (min-width: 599px) {
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 0 var(--wp--custom--spacing--outer) 0 0;
  }
  .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
    padding: 0 0 0 var(--wp--custom--spacing--outer);
  }
  .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__media {
    margin-right: calc(-1 * var(--wp--custom--spacing--outer));
  }
  .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content {
    padding-left: calc((100vw - 1100px) / 2 - var(--wp--custom--spacing--outer));
  }
  .wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__media {
    margin-left: calc(-1 * var(--wp--custom--spacing--outer));
  }
  .wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__content {
    padding-right: calc((100vw - 1100px) / 2 - var(--wp--custom--spacing--outer));
  }
}
/*--------------------------------------------------------------
## Site Title
--------------------------------------------------------------*/
.wp-block-site-title {
  font-weight: 900;
  margin: 0;
}

/*--------------------------------------------------------------
## Site Tagline
--------------------------------------------------------------*/
.wp-block-site-tagline {
  margin: 0;
}

/*--------------------------------------------------------------
## Separator
--------------------------------------------------------------*/
.wp-block-separator {
  opacity: 1;
}

/*--------------------------------------------------------------
## Post Terms
--------------------------------------------------------------*/
.taxonomy-post_tag.wp-block-post-terms a {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
  padding: 0.2em 0.6em;
  border-radius: 4px;
  margin: 0 0.2em;
}

.taxonomy-post_tag.wp-block-post-terms .wp-block-post-terms__separator {
  display: none;
}

/*--------------------------------------------------------------
## Post Comments
--------------------------------------------------------------*/
.wp-block-post-comments .comment .comment-body {
  background: var(--wp--preset--color--light-grey);
  padding: 1em;
  border-radius: 6px;
  margin-bottom: 1.5em;
}

.wp-block-post-comments .comment .comment-body .comment-author {
  margin-left: auto;
}

.wp-block-post-comments .comment .comment-body .reply {
  margin-bottom: 0;
}

.wp-block-post-comments .commentlist > .comment {
  padding-left: 0;
}

.wp-block-post-comments input[type=submit] {
  border: 0;
}

/*--------------------------------------------------------------
## Post Excerpt
--------------------------------------------------------------*/
.wp-block-post-excerpt.wp-button .wp-block-post-excerpt__more-link {
  display: inline-block;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  font-size: var(--wp--preset--font-size--normal);
  border-radius: 4px;
  padding: 0.6em 1em;
}

/*--------------------------------------------------------------
## Post Author
--------------------------------------------------------------*/
.wp-block-post-author.has-text-align-center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wp-block-post-author.has-text-align-center .wp-block-post-author__avatar {
  margin-right: 0;
}

.wp-block-post-author.has-text-align-center .wp-block-post-author__name {
  font-size: var(--wp--preset--font-size--large);
}

.wp-block-post-author.has-text-align-center .wp-block-post-author__bio {
  font-size: var(--wp--preset--font-size--normal);
}

/*--------------------------------------------------------------
## Query Pagination
--------------------------------------------------------------*/
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .page-numbers {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  background: var(--wp--preset--color--anthracite);
  color: #fff;
  font-weight: 900;
  border-radius: 4px;
}

.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover {
  opacity: 0.8;
}

.wp-block-query-pagination .wp-block-query-pagination-previous {
  margin-left: auto;
}

.wp-block-query-pagination .page-numbers {
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
  border-radius: 50%;
}

.wp-block-query-pagination .page-numbers.current {
  font-weight: 400;
  background: var(--wp--preset--color--secondary);
  color: #fff;
}

.wp-block-query-pagination .page-numbers:not(.current) {
  color: var(--wp--preset-color--anthracite);
}

.wp-block-query-pagination .page-numbers:not(.current):hover {
  background: var(--wp--preset--color--light-grey);
}

.wp-block-query-pagination.aligncenter > * {
  text-align: center;
}

/*--------------------------------------------------------------
# Gutenberg Blocks Attributes
--------------------------------------------------------------*/
body.frontend .bf-block-animatein {
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

body.frontend .bf-block-animatein.bf-block-animatein--animated {
  opacity: 1;
}

body.frontend .bf-block-animatein.bf-block-animatein--type-top:not(.bf-block-animatein--animated) {
  -webkit-transform: translateY(-2em);
  transform: translateY(-2em);
}

body.frontend .bf-block-animatein.bf-block-animatein--type-right:not(.bf-block-animatein--animated) {
  -webkit-transform: translateX(2em);
  transform: translateX(2em);
}

body.frontend .bf-block-animatein.bf-block-animatein--type-bot:not(.bf-block-animatein--animated) {
  -webkit-transform: translateY(2em);
  transform: translateY(2em);
}

body.frontend .bf-block-animatein.bf-block-animatein--type-left:not(.bf-block-animatein--animated) {
  -webkit-transform: translateX(-2em);
  transform: translateX(-2em);
}

body.frontend .bf-block-animatein.bf-block-animatein--type-scalein:not(.bf-block-animatein--animated) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

body.frontend .bf-block-animatein.bf-block-animatein--type-scaleout:not(.bf-block-animatein--animated) {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/*--------------------------------------------------------------
## Hide on
--------------------------------------------------------------*/
@media (max-width: 599px) {
  .hide-on-mobile {
    display: none !important;
  }
}
@media (min-width: 599px) {
  .hide-on-desktop {
    display: none !important;
  }
}
header.site-header + * {
  margin-top: 0;
}

header.site-header.has-background {
  padding: 0;
}

header.site-header .wp-block-columns {
  margin-bottom: 0;
}

header.site-header .wp-block-social-links {
  margin-top: 0;
  margin-bottom: 0;
}

header.site-header .wp-block-spacer {
  -webkit-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
}

body .wp-site-blocks .header-sticky {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

/** Fixed position only in frontend */
body.frontend .header-sticky {
  position: fixed;
}

.header-sticky.-sticky {
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}

.header-sticky.-sticky .wp-block-spacer {
  height: 6px !important;
}

body.admin-bar .header-sticky {
  top: 32px;
}

.single-header .wp-block-post-featured-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

.single-header .wp-block-post-terms {
  text-align: center;
}

.single-header .taxonomy-category.wp-block-post-terms a {
  color: #fff;
}

.single-header .taxonomy-post_tag.wp-block-post-terms a {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

/*--------------------------------------------------------------
# Theme patterns
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Query background
--------------------------------------------------------------*/
.wp-block-query .wp-block-cover.query-background .wp-block-post-featured-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  opacity: 0.6;
}

/*--------------------------------------------------------------
# Markup
--------------------------------------------------------------*/
body {
  margin: 0;
}

body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  height: auto;
}

a {
  text-decoration: none;
}

ul, ol {
  padding-left: 1.2em;
}

figure {
  margin: 0;
}

form input[type=text],
form input[type=email],
form input[type=url],
form input[type=password],
form input[type=search],
form input[type=number],
form input[type=tel],
form input[type=range],
form input[type=date],
form input[type=month],
form input[type=week],
form input[type=time],
form input[type=datetime],
form input[type=datetime-local],
form input[type=color],
form select,
form textarea {
  width: 100%;
  color: #666;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: 1em;
}

form label {
  font-weight: 600;
}

form req {
  color: red;
}

/*--------------------------------------------------------------
# Site container
--------------------------------------------------------------*/
/** WordPress 5.9.0-Beta3 : Fix site padding */
/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-cover.alignfull,
.wp-block-media-text.alignfull,
.is-root-container .wp-block[data-align=full] > .wp-block-group,
.is-root-container .wp-block[data-align=full] > .wp-block-cover {
  padding-left: var(--wp--custom--spacing--outer);
  padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background:not(.header-sticky),
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-group.has-background,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align=full] {
  margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align=full],
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align=full] > *:not(.wp-block-group) .wp-block[data-align=full] {
  margin-left: auto !important;
  margin-right: auto !important;
  width: inherit;
}

/*--------------------------------------------------------------
# CSS Modules
Used for development
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Beflex Button
--------------------------------------------------------------*/
.bf-button, form input[type=submit] {
  display: inline-block;
  border-radius: 4px;
  font-size: 16px;
  padding: 0.6em 1em;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: var(--wp--preset--color--primary);
  color: #fff;
  border: 0;
}

.bf-button:hover, form input[type=submit]:hover {
  opacity: 0.8;
  cursor: pointer;
}

.bf-button.bf-button__color-primary, form input.bf-button__color-primary[type=submit] {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}

.bf-button.bf-button__color-secondary, form input.bf-button__color-secondary[type=submit] {
  background-color: var(--wp--preset--color--secondary);
  color: #fff;
}

.bf-button.bf-button__color-light, form input.bf-button__color-light[type=submit] {
  background-color: #fff;
  color: var(--wp--preset--color--anthracite);
}

.bf-button.bf-button__color-dark, form input.bf-button__color-dark[type=submit] {
  background-color: var(--wp--preset--color--anthracite);
  color: #fff;
}

.bf-button.bf-button__style-outline, form input.bf-button__style-outline[type=submit] {
  background: none;
  border: 2px solid;
  padding: calc(0.6em - 2px) calc(1em - 2px);
  border-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary);
}

.bf-button.bf-button__style-outline.bf-button__color-primary, form input.bf-button__style-outline.bf-button__color-primary[type=submit] {
  border-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary);
}

.bf-button.bf-button__style-outline.bf-button__color-secondary, form input.bf-button__style-outline.bf-button__color-secondary[type=submit] {
  border-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--secondary);
}

.bf-button.bf-button__style-outline.bf-button__color-light, form input.bf-button__style-outline.bf-button__color-light[type=submit] {
  border-color: #fff;
  color: #fff;
}

.bf-button.bf-button__style-outline.bf-button__color-dark, form input.bf-button__style-outline.bf-button__color-dark[type=submit] {
  border-color: var(--wp--preset--color--anthracite);
  color: var(--wp--preset--color--anthracite);
}

/*--------------------------------------------------------------
## Beflex Grid
--------------------------------------------------------------*/
.bf-grid {
  display: grid;
  grid-gap: 1em 1em;
  grid-template-columns: repeat(4, 1fr);
}

.bf-grid.bf-grid__col-1 {
  grid-template-columns: repeat(1, 1fr);
}

.bf-grid.bf-grid__col-1 > .bf-grid__width-1 {
  grid-column: auto/span 1;
}

.bf-grid.bf-grid__col-2 {
  grid-template-columns: repeat(2, 1fr);
}

.bf-grid.bf-grid__col-2 > .bf-grid__width-1 {
  grid-column: auto/span 1;
}

.bf-grid.bf-grid__col-2 > .bf-grid__width-2 {
  grid-column: auto/span 2;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-2 > .bf-grid__width-2 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.bf-grid.bf-grid__col-3 > .bf-grid__width-1 {
  grid-column: auto/span 1;
}

.bf-grid.bf-grid__col-3 > .bf-grid__width-2 {
  grid-column: auto/span 2;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-3 > .bf-grid__width-2 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-3 > .bf-grid__width-3 {
  grid-column: auto/span 3;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-3 > .bf-grid__width-3 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.bf-grid.bf-grid__col-4 > .bf-grid__width-1 {
  grid-column: auto/span 1;
}

.bf-grid.bf-grid__col-4 > .bf-grid__width-2 {
  grid-column: auto/span 2;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-4 > .bf-grid__width-2 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-4 > .bf-grid__width-3 {
  grid-column: auto/span 3;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-4 > .bf-grid__width-3 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-4 > .bf-grid__width-4 {
  grid-column: auto/span 4;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-4 > .bf-grid__width-4 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-5 {
  grid-template-columns: repeat(5, 1fr);
}

.bf-grid.bf-grid__col-5 > .bf-grid__width-1 {
  grid-column: auto/span 1;
}

.bf-grid.bf-grid__col-5 > .bf-grid__width-2 {
  grid-column: auto/span 2;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-5 > .bf-grid__width-2 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-5 > .bf-grid__width-3 {
  grid-column: auto/span 3;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-5 > .bf-grid__width-3 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-5 > .bf-grid__width-4 {
  grid-column: auto/span 4;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-5 > .bf-grid__width-4 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-5 > .bf-grid__width-5 {
  grid-column: auto/span 5;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-5 > .bf-grid__width-5 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-6 {
  grid-template-columns: repeat(6, 1fr);
}

.bf-grid.bf-grid__col-6 > .bf-grid__width-1 {
  grid-column: auto/span 1;
}

.bf-grid.bf-grid__col-6 > .bf-grid__width-2 {
  grid-column: auto/span 2;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-6 > .bf-grid__width-2 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-6 > .bf-grid__width-3 {
  grid-column: auto/span 3;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-6 > .bf-grid__width-3 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-6 > .bf-grid__width-4 {
  grid-column: auto/span 4;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-6 > .bf-grid__width-4 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-6 > .bf-grid__width-5 {
  grid-column: auto/span 5;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-6 > .bf-grid__width-5 {
    grid-column: auto/span 2;
  }
}
.bf-grid.bf-grid__col-6 > .bf-grid__width-6 {
  grid-column: auto/span 6;
}

@media (max-width: 920px) {
  .bf-grid.bf-grid__col-6 > .bf-grid__width-6 {
    grid-column: auto/span 2;
  }
}
.bf-grid > .bf-grid__height-1 {
  grid-row: auto/span 1;
}

@media (max-width: 920px) {
  .bf-grid > .bf-grid__height-1 {
    grid-row: auto/span 1 !important;
  }
}
.bf-grid > .bf-grid__height-2 {
  grid-row: auto/span 2;
}

@media (max-width: 920px) {
  .bf-grid > .bf-grid__height-2 {
    grid-row: auto/span 1 !important;
  }
}
.bf-grid > .bf-grid__height-3 {
  grid-row: auto/span 3;
}

@media (max-width: 920px) {
  .bf-grid > .bf-grid__height-3 {
    grid-row: auto/span 1 !important;
  }
}
.bf-grid > .bf-grid__height-4 {
  grid-row: auto/span 4;
}

@media (max-width: 920px) {
  .bf-grid > .bf-grid__height-4 {
    grid-row: auto/span 1 !important;
  }
}
.bf-grid > .bf-grid__height-5 {
  grid-row: auto/span 5;
}

@media (max-width: 920px) {
  .bf-grid > .bf-grid__height-5 {
    grid-row: auto/span 1 !important;
  }
}
.bf-grid > .bf-grid__height-6 {
  grid-row: auto/span 6;
}

@media (max-width: 920px) {
  .bf-grid > .bf-grid__height-6 {
    grid-row: auto/span 1 !important;
  }
}
.bf-grid.bf-grid__margin-0 {
  margin: 0em 0;
}

.bf-grid.bf-grid__margin-1 {
  margin: 1em 0;
}

.bf-grid.bf-grid__margin-2 {
  margin: 2em 0;
}

.bf-grid.bf-grid__margin-3 {
  margin: 3em 0;
}

.bf-grid.bf-grid__margin-4 {
  margin: 4em 0;
}

.bf-grid.bf-grid__margin-5 {
  margin: 5em 0;
}

.bf-grid.bf-grid__margin-6 {
  margin: 6em 0;
}

.bf-grid.bf-grid__gap-0 {
  grid-gap: 0em 0em;
}

.bf-grid.bf-grid__gap-1 {
  grid-gap: 1em 1em;
}

.bf-grid.bf-grid__gap-2 {
  grid-gap: 2em 2em;
}

.bf-grid.bf-grid__gap-3 {
  grid-gap: 3em 3em;
}

.bf-grid.bf-grid__gap-4 {
  grid-gap: 4em 4em;
}

.bf-grid.bf-grid__gap-5 {
  grid-gap: 5em 5em;
}

.bf-grid.bf-grid__gap-6 {
  grid-gap: 6em 6em;
}

@media (max-width: 599px) {
  .bf-grid.bf-grid__col-2 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@media (max-width: 920px) {
  .bf-grid.bf-grid__col-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 599px) {
  .bf-grid.bf-grid__col-3 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@media (max-width: 920px) {
  .bf-grid.bf-grid__col-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 599px) {
  .bf-grid.bf-grid__col-4 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@media (max-width: 920px) {
  .bf-grid.bf-grid__col-5 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 599px) {
  .bf-grid.bf-grid__col-5 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@media (max-width: 920px) {
  .bf-grid.bf-grid__col-6 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 599px) {
  .bf-grid.bf-grid__col-6 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@media (max-width: 599px) {
  .bf-grid > * {
    grid-column: auto/span 1 !important;
  }
}