html,body {
  font: var(--barefoot-font-text-m);

  color: var(--barefoot-light-text);
  background: var(--barefoot-light-bg);
}

h1 {
  margin-top: 0;

  color: var(--barefoot-light-h1);
  font: var(--barefoot-font-h1-m);
  text-transform: uppercase;
}
h2 { color: var(--barefoot-light-h2); font: var(--barefoot-font-h2-m); }
h3 { color: var(--barefoot-light-h3); font: var(--barefoot-font-h3-m); }
h4 { color: var(--barefoot-light-h4); font: var(--barefoot-font-h4-m); }
h5 { color: var(--barefoot-light-h5); font: var(--barefoot-font-h5-m); }

  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
    font-size: 1.25em;
    color: var(--barefoot-light-accent);
  }

  h1 + h3 {
    margin: -0.25em 0 0;
  }

img {
  max-width: 100%;
}

p {
  margin-bottom: 1.5em;
}

a {
  color: var(--barefoot-light-accent);
}


#bf-flash-messages {
  position: fixed;
  top: 95px;
  z-index: 999;

  width: 100%;
}
  #bf-flash-messages .flash_message_info,
  #bf-flash-messages .flash_message_error {
    box-shadow: 10px 10px 10px rgba( 0, 0, 0, 0.25 );
  }

#b_anchor {
  margin-top: 0;
}
  .bfcms_pane { margin-top: 120px; }

#b_head {
  position: fixed;
  top: 0;
  z-index: 4999;

  width: 100%;
  height: 100px;

  background: #fff;

  transition: height 0.5s, margin 0.5s;
}
  #b_head.fixed {
    top: 0 !important;
    height: 60px;
  }
    .bf-is-admin #b_head.fixed {
      top: 45px !important;
    }
    #b_head.fixed #b_mobile_toggle { margin-top: 8px; }

    #b_head.fixed .logo {
      height: 40px;
      margin: 10px 0;
    }
    #b_head.fixed #b_nav {
      top: 59px;
    }

  .bf-is-admin #b_head {
    top: 45px;
  }

  .is-home #b_head:not(.fixed) {
    position: absolute;
    top: 75%;

    background: transparent;
  }

    .is-home #b_head:not(.fixed) .row > div:nth-child(1) { width: 100%; }
    .is-home #b_head:not(.fixed) .row > div:nth-child(2) { display: none; }

    .is-home #b_head:not(.fixed) #b_nav > .bfcms-nav {
      width: 100%;
      text-align: center;
    }

    .is-home #b_head:not(.fixed) #b_nav > .bfcms-nav a {
      font-size: 1em;
      line-height: 1em; 
    }
    .is-home #b_head:not(.fixed) #b_nav > .bfcms-nav a:before {
      display: none;
    }

  #b_head .logo {
    display: block;
    height: 60px;
    margin: 20px 0 10px;

    text-indent: -9999px;

    background: url('img/logo.png') no-repeat;
    image-rendering: -webkit-optimize-contrast;
    background-size: contain;
    background-position: center right;

    cursor: pointer;
    overflow: hidden;
    outline: none;

    transition: all 0.5s;
  }


  #b_mobile_toggle {
    float: left;

    width: 40px;
    height: 40px;
    margin: 35px auto 0;

    font-size: 30px;
    text-align: center;

    color: #000;

    transition: all 0.5s;

    background: url('/res/pub/Template/hamburger-open.svg') no-repeat;
  }
    .fixed #b_mobile_toggle {
      margin: 25px auto 0;
      font-size: 20px;
    }

    .is-home #b_mobile_toggle {
      float: none;
      margin-top: 0;
    }

    #b_mobile_toggle:before {
      content: '\f0c9';

      display: none;
      margin-left: 5px;

      font-family: 'Font Awesome 5 Pro';
    }

  #b_nav {
    display: none;

    position: absolute;
    top: 95px;
    left: 0;
    right: 0;

    overflow-y: scroll;

    margin: 0 -20px;
    padding: 1em;

    text-align: left;

    color: #fff;
    background: #00aeef;
  }

    #b_nav ul {
      position: static;

      width: 100%;
      margin: 0;
      padding: 0;

      list-style: none;
    }
      #b_nav > ul > li {
        display: block;
        margin: 0.75em 0;

        text-align: center;
      }
      #b_nav > ul > li > a {
        display: block;

        font: var(--barefoot-font-nav-m);

        color: #fff;
      }
        #b_nav > ul > li > ul {
          padding: 0px 20px;
          margin-bottom: 40px;

          font: var(--barefoot-font-nav-m);
          text-align: center;
        }

#b_content {
}


#b_foot {
  position: relative;

  margin-top: 45px;
  padding: 50px 0 25px;

  font: var(--barefoot-font-footer-m);
  text-align: center;

  color: var(--barefoot-footer-fg);
  background: var(--barefoot-footer-bg);
}
  #b_foot h1, #b_foot h2, #b_foot h3, #b_foot h4 { 
    color: var(--barefoot-footer-fg);
  }
  .bf-arrow-top:before,
  #b_foot:before {
    content: '\f175';

    position: absolute;
    top: -39px;
    left: 50%;
    z-index: 100;

    width: 55px;
    height: 40px;
    margin-left: -28px;

    font-family: 'Font Awesome 5 Pro';
    font-size: 25px;
    line-height: 40px;
    text-align: center;

    background-color: var(--barefoot-footer-bg);
    border-radius: 15px 15px 0 0;

    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path d="M83.38,47.25c-17,-1-10-45-37-45s-19,45-38,45"/></svg>') no-repeat;
    -webkit-mask-size: 74px 40px;
    -webkit-mask-position-x: -19px;

    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path d="M83.38,47.25c-17,-1-10-45-37-45s-19,45-38,45"/></svg>') no-repeat;
    mask-size: 74px 40px;
    mask-position-x: -19px;
  }
  #b_foot a {
    color: var(--barefoot-footer-links);
  }
    #b_foot a:hover, #b_foot a:focus, #b_foot a:active {
      text-decoration: none;

      filter: brightness(125%);
    }

  #b_footer_nav ul {
    margin: 1em 0;
    padding: 0;

    list-style: none;
  }
    #b_footer_nav li {
      display: inline-block;
      margin: 0 10px;
    }
      #b_footer_nav a {
        font: var(--barefoot-font-nav-m);
        text-transform: uppercase;
      }

  #b_foot .bf-barefoot-foot-contact { margin: 2.5em 0; }

  #b_foot .mn
  #b_footer_subscribe {
    margin: 2.5em 0;
  }
    #b_footer_subscribe form {
      margin-top: 8px;
    }
      #b_footer_subscribe input[type="text"],
      #b_footer_subscribe input[type="email"],
      #b_footer_subscribe input[type="number"],
      #b_footer_subscribe select,
      #b_footer_subscribe textarea {
        max-width: 340px;
        font-size: 18px;
        line-height: 18px;
      }

    #b_foot ul.b_social_nav {
      margin: 1em 0 0;
      padding: 0;

      font-size: 40px;
      line-height: 1em;
      text-align: center;

      list-style: none;
    }
      #b_foot ul.b_social_nav > li {
        display: inline-block;
        margin: 0 10px;
      }
        #b_foot ul.b_social_nav .bfcms-nav-label {
          display: none;
        }

    #b_footer_nav ul.bfcms-nav  {
      text-align: center;
    }
      #b_footer_nav ul.bfcms-nav a {
        font-size: 0.9em;
        line-height: 1em;

        color: #fff;
      }

  #b_copyright {
    padding: 1.2em 0;

    font-size: 0.75em;
    line-height: 1.5em;
    text-align: center;

    color: #fff;
    background: #26516c;
  }
    #b_copyright a { color: #fff; }

    #b_copyright ul {
      margin: 0;
      padding: 0;

      list-style: none;
    }
      #b_copyright ul > li {
        display: block;
      }

.bf-valign-top, .bf-valign-middle, .bf-valign-bottom {
  transition: padding 0.5s;
}

#b_content > .bfcms-ctr-container,
#b_content > .bfcms_cell_zone > .bfcms-ctr-container {
  margin: 0 0 60px;
}

.bfcms-ctr-container > .container > .row > div[class^="col-xs-12"]:not('.col-lg-12'), .bfcms-ctr-container > .container-fluid > .row > div[class^="col-"]:not('.col-lg-12') { margin-top: 55px; }
  .bfcms-ctr-container > .container > .row > div[class^="col-"]:first-child, .bfcms-ctr-container > .container-fluid > .row > div[class^="col-"]:first-child { margin-top: 0; }

#b_content > div:last-child:not(.bfcms-ctr-container):not(.bfcms_cell_zone), #b_content > .bfcms_cell_zone > div:last-child:not(.bfcms-ctr-container) { margin-bottom: 150px; }
#b_content > div:first-child:not(.bfcms-ctr-container):not(.bfcms_cell_zone), #b_content > .bfcms_cell_zone > div:first-child:not(.bfcms-ctr-container) { margin-top: 150px; }


.bfcms-ctr-container.bf-slide-fixed .bf-ctr-underlay {
  position: fixed;
}

.button,
.bf-t002-button,
.bf-barefoot-button,
.bf-article-btn,
.bf-listing-btn,
.bf-form-submit {
  display: inline-block;
  padding: 15px 20px;

  font: var(--barefoot-font-button-m);
  text-transform: uppercase;
  text-decoration: none;

  border: 0;

  cursor: pointer;
}
  .button, .button:visited,
  .bf-t002-button, .bf-t002-button:visited,
  .bf-barefoot-button, .bf-barefoot-button:visited,
  .bf-article-btn, .bf-article-btn:visited,
  .bf-listing-btn, .bf-listing-btn:visited,
  .bf-form-submit {
    text-decoration: none;

    color: var(--barefoot-light-button-fg);
    background: var(--barefoot-light-button-bg);
  }

  .button:hover, .button:focus, .button:active,
  .bf-t002-button:hover, .bf-t002-button:focus, .bf-t002-button:active,
  .bf-barefoot-button:hover, .bf-barefoot-button:focus, .bf-barefoot-button:active,
  .bf-article-btn:hover, .bf-article-btn:active, .bf-article-btn:focus,
  .bf-listing-btn:hover, .bf-listing-btn:active, .bf-listing-btn:focus,
  .bf-form-submit:hover, .bf-form-submit:active, .bf-form-submit:focus {
    filter: brightness( 110% );

    color: var(--barefoot-light-button-fg);
    text-decoration: none;

    cursor: pointer;
  }


.bf-bg-light,
.bf-bg-light-1,
.bf-bg-dark,
.bf-bg-dark-1,
.bf-bg-dark-2 {
  padding: 30px 0;
}
  .bf-bg-light {
    color: var(--barefoot-lgrey-text);
    background: var(--barefoot-lgrey-bg);
  }
    .bf-bg-light a { color: var(--barefoot-lgrey-links); }
    .bf-bg-light h1 { color: var(--barefoot-lgrey-h1); }
    .bf-bg-light h2 { color: var(--barefoot-lgrey-h2); }
    .bf-bg-light h3 { color: var(--barefoot-lgrey-h3); }
    .bf-bg-light h4 { color: var(--barefoot-lgrey-h4); }
    .bf-bg-light h5 { color: var(--barefoot-lgrey-h5); }
    .bf-bg-light h1 strong, .bf-bg-light h2 strong, .bf-bg-light h3 strong, .bf-bg-light h4 strong, .bf-bg-light h5 strong { color: var(--barefoot-lgrey-accent); }
    .bf-bg-light .button { color: var(--barefoot-lgrey-button-fg); background: var(--barefoot-lgrey-button-bg); }
    .bf-bg-light .bf-t002-button { color: var(--barefoot-lgrey-button-fg); background: var(--barefoot-lgrey-button-bg); }
    .bf-bg-light input::placeholder, .bf-bg-light select::placeholder, .bf-bg-light textarea::placeholder { color: #fff; }
    .bf-bg-light.bf-arrow-top:before { background-color: var(--barefoot-lgrey-bg); }

  .bf-bg-light-1 {
    color: var(--barefoot-lblue-text);
    background: var(--barefoot-lblue-bg);
  }
    .bf-bg-light-1 a { color: var(--barefoot-lblue-links); }
    .bf-bg-light-1 h1 { color: var(--barefoot-lblue-h1); }
    .bf-bg-light-1 h2 { color: var(--barefoot-lblue-h2); }
    .bf-bg-light-1 h3 { color: var(--barefoot-lblue-h3); }
    .bf-bg-light-1 h4 { color: var(--barefoot-lblue-h4); }
    .bf-bg-light-1 h5 { color: var(--barefoot-lblue-h5); }
    .bf-bg-light-1 h1 strong, .bf-bg-light-1 h2 strong, .bf-bg-light-1 h3 strong, .bf-bg-light-1 h4 strong, .bf-bg-light-1 h5 strong { color: var(--barefoot-lblue-accent); }
    .bf-bg-light-1 .button { color: var(--barefoot-lblue-button-fg); background: var(--barefoot-lblue-button-bg); }
    .bf-bg-light-1 .bf-t002-button { color: var(--barefoot-lblue-button-fg); background: var(--barefoot-lblue-button-bg); }
    .bf-bg-light-1 input::placeholder, .bf-bg-light-1 select::placeholder, .bf-bg-light-1 textarea::placeholder { color: var(--barefoot-lblue-text); }
    .bf-bg-light-1.bf-arrow-top:before { background-color: var(--barefoot-lblue-bg); }

  .bf-bg-dark {
    color: var(--barefoot-dblue-text);
    background: var(--barefoot-dblue-bg);
  }
    .bf-bg-dark a { color: var(--barefoot-dblue-links); }
    .bf-bg-dark h1 { color: var(--barefoot-dblue-h1); }
    .bf-bg-dark h2 { color: var(--barefoot-dblue-h2); }
    .bf-bg-dark h3 { color: var(--barefoot-dblue-h3); }
    .bf-bg-dark h4 { color: var(--barefoot-dblue-h4); }
    .bf-bg-dark h5 { color: var(--barefoot-dblue-h5); }
    .bf-bg-dark h1 strong, .bf-bg-dark h2 strong, .bf-bg-dark h3 strong, .bf-bg-dark h4 strong, .bf-bg-dark h5 strong { color: var(--barefoot-dblue-accent); }
    .bf-bg-dark .button { color: var(--barefoot-dblue-button-fg); background: var(--barefoot-dblue-button-bg); }
    .bf-bg-dark .bf-t002-button { color: var(--barefoot-dblue-button-fg); background: var(--barefoot-dblue-button-bg); }
    .bf-bg-dark input::placeholder, .bf-bg-dark select::placeholder, .bf-bg-dark textarea::placeholder { color: var(--barefoot-dblue-text); }
    .bf-bg-dark.bf-arrow-top:before { background-color: var(--barefoot-dblue-bg); }

  .bf-bg-dark-1 {
    color: var(--barefoot-orange-text);
    background: var(--barefoot-orange-bg);
  }
    .bf-bg-dark-1 a { color: var(--barefoot-orange-links); }
    .bf-bg-dark-1 h1 { color: var(--barefoot-orange-h1); }
    .bf-bg-dark-1 h2 { color: var(--barefoot-orange-h2); }
    .bf-bg-dark-1 h3 { color: var(--barefoot-orange-h3); }
    .bf-bg-dark-1 h4 { color: var(--barefoot-orange-h4); }
    .bf-bg-dark-1 h5 { color: var(--barefoot-orange-h5); }
    .bf-bg-dark-1 h1 strong, .bf-bg-dark-1 h2 strong, .bf-bg-dark-1 h3 strong, .bf-bg-dark-1 h4 strong, .bf-bg-dark-1 h5 strong { color: var(--barefoot-orange-accent); }
    .bf-bg-dark-1 .button { color: var(--barefoot-orange-button-fg); background: var(--barefoot-orange-button-bg); }
    .bf-bg-dark-1 .bf-t002-button { color: var(--barefoot-orange-button-fg); background: var(--barefoot-orange-button-bg); }
    .bf-bg-dark-1 input::placeholder, .bf-bg-dark-1 select::placeholder, .bf-bg-dark-1 textarea::placeholder { color: var(--barefoot-orange-text); }
    .bf-bg-dark-1.bf-arrow-top:before { background-color: var(--barefoot-orange-bg); }

  .bf-bg-dark-2 {
    color: var(--barefoot-red-text);
    background: var(--barefoot-red-bg);
  }
    .bf-bg-dark-2 a { color: var(--barefoot-red-links); }
    .bf-bg-dark-2 h1 { color: var(--barefoot-red-h1); }
    .bf-bg-dark-2 h2 { color: var(--barefoot-red-h2); }
    .bf-bg-dark-2 h3 { color: var(--barefoot-red-h3); }
    .bf-bg-dark-2 h4 { color: var(--barefoot-red-h4); }
    .bf-bg-dark-2 h5 { color: var(--barefoot-red-h5); }
    .bf-bg-dark-2 h1 strong, .bf-bg-dark-2 h2 strong, .bf-bg-dark-2 h3 strong, .bf-bg-dark-2 h4 strong, .bf-bg-dark-2 h5 strong { color: var(--barefoot-red-accent); }
    .bf-bg-dark-2 .button { color: var(--barefoot-red-button-fg); background: var(--barefoot-red-button-bg); }
    .bf-bg-dark-2 .bf-t002-button { color: var(--barefoot-red-button-fg); background: var(--barefoot-red-button-bg); }
    .bf-bg-dark-2 input::placeholder, .bf-bg-dark-2 select::placeholder, .bf-bg-dark-2 textarea::placeholder { color: var(--barefoot-red-text); }
    .bf-bg-dark-2.bf-arrow-top:before { background-color: var(--barefoot-red-bg); }



.bf-barefoot-transparent,
.bf-barefoot-transparent-blue {
  position: relative;
}
  .bf-barefoot-transparent > .container-fluid,
  .bf-barefoot-transparent-blue > .container-fluid {
    position: relative;
    z-index: 2;
  }
  .bf-barefoot-transparent > .container-fluid > .row > div[class^=col],
  .bf-barefoot-transparent-blue > .container-fluid > .row > div[class^=col] {
    padding: 50px 40px 50px 40px;

    font: var(--barefoot-font-text-m);

    color: var(--barefoot-trans-text);
    background: var(--barefoot-trans-bg);/*rgba( 255, 227, 3, 0.75 );*/
  }
    .bf-barefoot-transparent-blue > .container-fluid > .row > div[class^=col] {
      background: var(--barefoot-trans-bg2); /* rgba( 0, 174, 239, 0.75 );*/
    }
    .bf-barefoot-transparent h2 strong, .bf-barefoot-transparent h3 strong, .bf-barefoot-transparent h4 strong,
    .bf-barefoot-transparent-blue h2 strong, .bf-barefoot-transparent-blue h3 strong, .bf-barefoot-transparent-blue h4 strong {
      color: var(--barefoot-trans-accent);
    }

    .bf-barefoot-transparent .button, .bf-barefoot-transparent .bf-barefoot-button, .bf-barefoot-transparent .bf-article-btn, .bf-barefoot-transparent .bf-listing-btn,
    .bf-barefoot-transparent-blue .button, .bf-barefoot-transparent-blue .bf-barefoot-button, .bf-barefoot-transparent-blue .bf-article-btn, .bf-barefoot-transparent-blue .bf-listing-btn {
      color: var(--barefoot-trans-button-fg);
      background: var(--barefoot-trans-button-bg);
    }

.bf-barefoot-fg-alt   { color: var(--barefoot-light-text2); }
.bf-barefoot-fg-dark  { color: var(--barefoot-light-accent); }
.bf-barefoot-fg-light { color: var(--barefoot-dark-accent); }

.bf-barefoot-small { font-size: 0.8em; line-height: 1.5em; }
.bf-barefoot-large { font-size: 1.25em; line-height: 1.5em; }

.bf-form {
}
  .bf-form-row {
    margin-bottom: 0.5em;
  }

  .bf-form input[type="text"], 
  .bf-form input[type="email"], 
  .bf-form input[type="number"],
  .bf-form input[type="password"],
  .bf-form textarea,
  .bf-form select {
    padding: 9px 8px;
    width: 100%;
    max-width: 100%;

    font: var(--barefoot-font-form-m);

    color: var(--barefoot-form-text);
    background: var(--barefoot-form-bg);
    border: 0;
    border-radius: 0;
  }
  .bf-barefoot-bg-dark .bf-form input[type="text"], 
  .bf-barefoot-bg-dark .bf-form input[type="email"], 
  .bf-barefoot-bg-dark .bf-form input[type="number"],
  .bf-barefoot-bg-dark .bf-form input[type="password"],
  .bf-barefoot-bg-dark .bf-form textarea,
  .bf-barefoot-bg-dark .bf-form select {
    color: var(--barefoot-form-bg);
    background: var(--barefoot-form-text);
  }





.bf-product-summary {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
  .bf-product-summary .bf-product-image {
    width: 50%;
    margin: 0 auto;

    border-radius: 300px;

    overflow: hidden;
  }
    .bf-product-summary .bf-product-image img {
      max-width: 100%;
    }


  .bf-product-summary legend { margin: 0; border-bottom: 0; }

  .bf-product-summary .bf-product-name {
    font: var(--barefoot-font-h4);
  }

  .bf-product-add {
    margin-top: 1.5em;
  }

  .bf-product-price {
    margin: 0 0 0.75em 0;

    font: var(--barefoot-font-h3);
    line-height: 1em;
    font-weight: bold;

    color: var(--barefoot-light-accent);
  }

  .bf-product-user-prices {
    margin: 1.5em 0; 
  }
    .bf-product-user-prices ul {
      margin: 0;
      padding: 0;

      list-style: none;
    }
    .bf-product-user-prices label {
      font-weight: 400;
    }


.bfcms-listing {
}
  .bfcms-listing .bf-listing-title {
    margin: 0 0 1em;
    text-align: center;
  }

  .bfcms-listing .bf-listing-inf {
    margin: 3em 0 1em;
    text-align: center;
  }
    .bfcms-listing .bf-listing-inf .bf-listing-btn {
      padding: 20px 30px;

      font-size: 1.25em;
      font-weight: 400;
    }

    .bfcms-listing:not(.no-margin) .bf-listing-row {
      margin-bottom: 40px;
    }

    .bfcms-listing.small-margin .bf-listing-row {
      margin-bottom: 10px;
    }


  .bf-listing-carousel {
    position: relative;

    overflow: hidden;
    width: 100%;
  }
    .bf-listing-carousel-ctr { position: relative; }
    .bf-listing-carousel-ctr > .bf-listing-row {
      position: absolute;
      top: 0;
      z-index: 1;
      margin-left: 0;
    }

  .bf-listing-next,
  .bf-listing-prev {
    display: block;
    position: absolute;
    top: 50%;

    z-index: 5;

    width: 58px;
    height: 80px;
    margin-top: -40px;

    font: 300 normal normal 50px/0.5 "Font Awesome 5 Pro";

    color: var(--barefoot-light-accent);

    cursor: pointer;
  }
    .bf-barefoot-bg-dark .bf-listing-next, .bf-barefoot-bg-dark .bf-listing-prev { color: var(--barefoot-dark-text); }

    .bf-listing-next:hover, .bf-listing-prev:hover { color: var(--barefoot-light-text); }
    .bf-barefoot-bg-dark .bf-listing-next:hover, .bf-barefoot-bg-dark .bf-listing-prev:hover { color: var(--barefoot-dark-accent); }
    .bf-listing-next {
      right: 0;
      text-align: right;
    }
      .bf-listing-next:after {
        content: "\f054";
      }

    .bf-listing-prev {
      left: 0;
      text-align: left;
    }
      .bf-listing-prev:after {
        content: "\f053";
      }

  .bf-listing-search {
    min-width: 300px;
    max-width: 600px;
    margin: 0 auto 2em;
    padding: 14px 15px;

    text-align: center;

    color: var(--barefoot-form-text);
    background: var(--barefoot-form-bg);
    border-radius: 8px;
  }
    .bf-listing-search input {
      width: 100%;

      text-align: center;

      background: transparent;
      outline: none;
      border: 0;
    }

  .bf-listing-filter-ctr {
    padding: 30px 0 0;
    margin-bottom: 1em;

    font-size: 0.8em;
    text-align: center;
    text-transform: uppercase;
  }

  .bf-listing-filter-dark .bf-listing-filter-ctr {
    color: #fff;
    background: #737476;
  }
  .bf-listing-filter-btn { display: none; }
  .bf-listing-filters {
    margin: 0;
    padding: 0;

    list-style: none;
  }
    .bf-listing-filters:before {
      content: 'Sort:';
    }

    .bf-listing-filter {
      display: block;
      margin: 5px 15px;

      cursor: pointer;
    }
      .bf-listing-filter-active {
        padding: 10px 20px;

        color: #fff;
        background: #00aeef;
        border-radius: 10px;
      }
      .bf-listing-filter-dark .bf-listing-filter-active {
        color: #333;
        background: #fff;
        border-radius: 10px;
      }
    
      .bf-listing-filter a {
        color: inherit;
      }



.bfcms-article-summary {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
  .bfcms-article-summary .bf-article-image {
    width: 175px;
    height: 175px;
    margin: 0 auto 2em;

    border: 4px solid #fff;
    border-radius: 100px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.25);

    overflow: hidden;
  }
    .bfcms-article-summary .bf-article-image img {
      max-width: 100%;
    }

  .bfcms-listing .bfcms-article-summary .bf-article-content {
    padding-bottom: 40px;
    border-bottom: 1px solid #959595;
  }

    .bfcms-article-summary .bf-article-date {
      font: var(--barefoot-font-h5);
      text-transform: uppercase;
    }

    .bfcms-article-summary h3,
    .bfcms-article-summary h3 a {
      margin: 0.25em 0;

      font: var(--barefoot-font-h4);

      color: var(--barefoot-light-accent);
    }
      .bf-barefoot-bg-dark .bfcms-article-summary h3,
      .bf-barefoot-bg-dark .bfcms-article-summary h3 a {
        color: var(--barefoot-dark-accent);
      }

    .bfcms-article-summary .bf-social-links {
      margin-top: 1em;

      text-align: center;
    }



.bfcms-testimonial {
  text-align: center;
}
  .bfcms-testimonial-quote {
    font-size: 28px;
    line-height: 1.5em;
    font-style: italic;

    color: var(--barefoot-light-text2);
  }
    .bfcms-testimonial-quote > p:last-child { margin-bottom: 0.5em; }
    .bfcms-testimonial.small .bfcms-testimonial-quote { font-size: 20px; }
    .bf-barefoot-bg-dark .bfcms-testimonial-quote { color: var(--barefoot-dark-text); }


  .bfcms-testimonial-author {
    font: var(--barefoot-font-h5);
    font-weight: 700;
    text-transform: uppercase;

    color: var(--barefoot-light-accent);
  }
    .bfcms-testimonial.small .bfcms-testimonial-author { font-size: 14px; }
    .bf-barefoot-bg-dark .bfcms-testimonial-author { color: var(--barefoot-dark-accent); }


.bfcms-icon-feature {
}
  .bficf-icon { text-align: center; }
  .bficf-icon i {
    color: var(--barefoot-light-accent);
    font-size: 50px;
  }
  .bf-barefoot-bg-dark .bficf-icon i { color: var(--barefoot-dark-text); }
  .bf-barefoot-transparent .bficf-icon i, .bf-barefoot-transparent-blue .bficf-icon i { color: var(--barefoot-trans-accent); }

    .if-icon-large .bficf-icon i { font-size: 75px; }
    .if-icon-xlarge .bficf-icon i { font-size: 100px; }


.bfcms-image-feature {
}
  .bfcms-image-feature h3 {
    font-size: 1.2em;
    line-height: 1.2em;
  }

  .bfif-image {
    max-width: 100%;
    max-height: 250px;
    margin: 0 auto;

    background-size: cover;
    background-position: center center;
  }
    .bfif-fit-image .bfif-image {
      background-size: contain;
      background-repeat: no-repeat;
    }

  .bfif-small .bfif-image {
    max-width: 200px !important;
    max-height: 200px !important;
  }

  .bfif-tiny .bfif-image {
    max-width: 100px !important;
    max-height: 100px !important;
  }

  .bfif-circle .bfif-image {
    max-width: 250px;

    border: 4px solid #fff;
    border-radius: 150px;
  }


.bf-faq-question {
  padding: 10px 25px;
  margin-bottom: 15px;

  font: var(--barefoot-font-form);
  font-weight: bold;

  background: #f1f1f1;

  cursor: pointer;
}
  .bf-faq-question:hover,
  .bf-faq-question:focus,
  .bf-faq-question:active {
    background: #e1e1e1;
  }
  .bf-barefoot-bg-dark .bf-faq-question { background: #a33; }

  .bf-faq-question:before {
    content: "\f0da";
    display: inline-block;
    margin-right: 15px;

    font: 900 normal normal 18px/1 'Font Awesome 5 Pro';
  }
    .bf-faq-question.open:before { content: "\f0d7"; }

.bf-faq-content {
  display: none;
  padding: 0 25px 30px;
}



.bfcms-gallery {
}
  .bfcms-gallery h2 {
    margin-bottom: 1em;
  }

  .bfcms-gallery .bf-listing-prev,
  .bfcms-gallery .bf-listing-next {
    margin-top: -15px;
  }

  .bfcms-gallery a {
    display: block;
    position: relative;
  }
    .bfcms-gallery .bfcms-listing-carousel {
      padding: 40px 60px;
    }

    .bfcms-gallery .bf-listing-carousel a:hover, .bfcms-gallery .bf-listing-carousel a:focus, .bfcms-gallery .bf-listing-carousel a:active {
      z-index: 10;

      width: 125%;
      height: 125%;
      margin-left: -12.5%;
      margin-top: -12.5%;
    }

    .bfcms-gallery a:hover:before, .bfcms-gallery a:focus:before, .bfcms-gallery a:active:before {
      content: ' ';

      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;

      background: rgba(0,0,0,0.5);
    }

    .bfcms-gallery a:hover:after, .bfcms-gallery a:focus:after, .bfcms-gallery a:active:after {
      content: '\f00e';
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;

      margin-top: -25px;

      font: 300 50px/1 'Font Awesome 5 Pro';
      text-align: center;

      color: #fff;
    }

  .bfcms-gallery .bf-listing-carousel div[class^="col-"] {
    margin: 0;
    padding: 0;
  }


.bf-resource {
}
  .bf-resource-link {
    margin-top: 1em;
  }


.bf-align-center .bf-ctable table {
  margin: 0 auto;
}


.bfcms-feed-twitter ul.tweets {
  margin: 1em 0;
  padding: 0;

  list-style: none;
}
  .bfcms-feed-twitter ul.tweets > li {
    position: relative;
    display: block;
    padding: 1em 3em ;
    margin-bottom: 1em;

    border-top: 1px solid #1577a3;
  }
    .bfcms-feed-twitter ul.tweets > li:first-child { border-top: 0; }
    .bfcms-feed-twitter ul.tweets > li:first-child:before { display: none; }



.bf-portfolio {
  font-size: 0.9em;
  font-weight: 300;
  text-align: center;

  color: #000;
  background: #a9a9a9;
}
  .bf-portfolio h3 { color: #fff; }
    .bf-portfolio h3 a { color: inherit; }

  .bf-portfolio .bf-article-btn {
    color: #fff;
    background: #56575a;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.15);
    border-radius: 14px;
  }

  .bf-portfolio .bf-portfolio-content {
    max-width: 60%;
    margin: 0 auto;
  }

  .bf-portfolio .col-xs-12 .bf-portfolio-photo { margin-right: -15px; }
  .bf-portfolio .bf-portfolio-photo img { width: 100%; }


.bf-in-admin .bfcms_ctr.bfcms_pane {
  margin: 100px 0;
}


.bf-photo.desaturate, .bf-resource.desaturate {
  filter: grayscale( 100% );
  opacity: 0.5;

  transition: opacity 0.5s;
}
  .bf-photo.desaturate:active, .bf-photo.desaturate:focus, .bf-photo.desaturate:hover,
  .bf-resource.desaturate:active, .bf-resource.desaturate:focus, .bf-resource.desaturate:hover {
    filter: none;
    opacity: 1;
  }

  body:not('.is-home') .is-header .bf-photo .bf-photo-image {
    margin: 100px auto 0;
    max-width: 60%;
  }


.bf-photo.portfolio {
}
  .bf-photo.portfolio .bf-photo-caption a,
  .bf-photo.portfolio .bf-photo-caption a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
    .bf-photo.portfolio .bf-photo-caption a {
      margin: 0;
      padding-top: 45%;

      text-align: center;
      text-decoration: none;

      color: var(--barefoot-dblue-text);

      opacity: 0;
      transition: opacity 0.25s;

      cursor: pointer;
    }
      .bf-photo.portfolio:active .bf-photo-caption a, .bf-photo.portfolio:focus .bf-photo-caption a, .bf-photo.portfolio:hover .bf-photo-caption a { opacity: 1; }
      .bf-photo.portfolio:active .bf-photo-image, .bf-photo.portfolio:focus .bf-photo-image, .bf-photo.portfolio:hover .bf-photo-image {
        position: relative;
        z-index: -2;
      }
       

    .bf-photo.portfolio .bf-photo-caption a:before {
      content: ' ';

      z-index: -1;
      background: var(--barefoot-dblue-bg);
      opacity: 0.75;
    }

#bf-photo-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;

  background: rgba(0,0,0,0.5);
}

#bf-photo-lightbox {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;

  border: 2px solid #fff;

  cursor: pointer;
}
  #bf-photo-lightbox:before {
    content: 'x';
    position: absolute;
    top: 0;
    right: 10px;

    font-weight: bold;
    font-size: 40px;
  }


.bf-sliding-pane-white .bf-sliding-pane-inner {
  padding: 50px 20px;
  background: rgba( 241, 241, 241, 0.9 );
}


.portfolio-box { width: 90%; }

.bf-home-logo {
  max-width: 200px; 
  margin: 0 auto;
}