/*  Mobile footer adjustments for Theme Storefront */

a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: 0;
}

.storefront-handheld-footer-bar #checkout_button_11,
.fdoe-handheld-footer-bar #checkout_button_11 {
  display: flex;

  justify-content: center;

  align-items: center;
}

.storefront-handheld-footer-bar ul li.minicart .fdoe_count {
  text-indent: 0;

  display: block;

  width: 20px;

  height: 20px;

  line-height: 2;

  box-sizing: content-box;

  font-size: 10px;

  position: absolute;

  top: 1em;

  left: 50%;

  border-radius: 100%;

  border: 1px solid;
}

.storefront-handheld-footer-bar ul li.fdoe_checkout_2 .fdoe_checkout_22 {
  text-indent: 0;

  display: block;

  width: 5em;

  height: 2em;

  line-height: 2;

  box-sizing: content-box;

  border-radius: 6px;

  border: 1px solid;

  background-color: #333333;

  color: white;
}

.storefront-handheld-footer-bar ul li.shop > a::before {
  content: "\f2e7";

  color: #333333;

  vertical-align: middle;
}

.storefront-handheld-footer-bar ul li.minicart > a::before {
  content: "\f291";

  color: #333333;

  vertical-align: middle;
}

/*  Mobile footer bar inspired by Storefront */

.fdoe_count {
  font-size: 13px;

  font-weight: 400;

  background-color: #333333;

  color: white;
}

.fdoe-handheld-footer-bar {
  background-color: white;

  color: #706e72;

  opacity: 1;

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  border-top: 1px solid rgba(255, 255, 255, 0.2);

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);

  z-index: 9999;
}

.fdoe-handheld-footer-bar a:not(.button) {
  color: #706e72;
}

.fdoe-handheld-footer-bar ul li > a::before {
  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  font-weight: normal;

  line-height: 1;

  vertical-align: -0.125em;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  line-height: inherit;

  vertical-align: baseline;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  text-align: center;

  line-height: 2.618046972;

  font-size: 22px;

  text-indent: 0;

  display: block;

  cursor: pointer;
}

.fdoe-handheld-footer-bar::after,
.fdoe-handheld-footer-bar::before {
  content: "";

  display: table;
}

.fdoe-handheld-footer-bar::after {
  clear: both;
}

.fdoe-handheld-footer-bar ul {
  margin: 0;

  display: block;

  list-style-type: unset;

  margin-block-start: unset;

  margin-block-end: unset;

  margin-inline-start: 0px;

  margin-inline-end: 0px;

  padding-inline-start: unset;
}

.fdoe-handheld-footer-bar ul li {
  display: inline-block;

  float: left;

  text-align: center;
}

.fdoe-handheld-footer-bar ul li:last-child > a {
  border-right: 0;
}

.fdoe-handheld-footer-bar ul li > a {
  height: 4.235801032em;

  display: block;

  position: relative;

  /*text-indent: -9999px;*/

  z-index: 999;

  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.fdoe-handheld-footer-bar ul li > a:active,
.fdoe-handheld-footer-bar ul li > a:focus {
  outline: 0;
}

.fdoe-handheld-footer-bar ul li.cart .count {
  text-indent: 0;

  display: block;

  width: 20px;

  height: 20px;

  line-height: 2;

  box-sizing: content-box;

  font-size: 10px;

  position: absolute;

  top: 0.875em;

  left: 50%;

  border-radius: 100%;

  border: 1px solid;
}

.fdoe-handheld-footer-bar ul.columns-1 li {
  width: 100%;

  display: block;

  float: none;
}

.fdoe-handheld-footer-bar ul.columns-2 li {
  width: 50%;
}

.fdoe-handheld-footer-bar ul.columns-3 li {
  width: 33.33333%;

  margin: 0;
}

.fdoe-handheld-footer-bar ul.columns-4 li {
  width: 25%;
}

.fdoe-handheld-footer-bar ul.columns-5 li {
  width: 20%;
}

.sf-input-focused .fdoe-handheld-footer-bar {
  display: none;
}

.fdoe-handheld-footer-bar ul li.shop > a::before {

  content: "\f2e7";
  font-size: 1.5em;
  color: #333333;

  vertical-align: middle;

  /*
  font-family: "Font Awesome 5 Free";
    content: '\f05b';
    font-weight: 900;
    
    position: absolute;
    right: 0px;
    top: 8px;
    padding: 9px 8px;
    color: red;
    transition: 0.3s;
    font-size: 1.5em;
    */
}


.fdoe-handheld-footer-bar ul li.minicart > a::before {
  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  content: "\f291";

  vertical-align: middle;

  color: #333333;

  display: flex;

  justify-content: center;

  align-items: center;
}

.fdoe-handheld-footer-bar ul li.minicart .fdoe_count {
  text-indent: 0;

  display: block;

  width: 20px;

  height: 20px;

  line-height: 2;

  box-sizing: content-box;

  font-size: 10px;

  position: absolute;

  top: 0.875em;

  left: 50%;

  border-radius: 100%;

  border: 1px solid;
}

.fdoe-handheld-footer-bar ul li.fdoe_checkout_2 .fdoe_checkout_22 {
  text-indent: 0;

  display: block;

  width: 5em;

  height: 2em;

  line-height: 2;

  box-sizing: content-box;

  border-radius: 6px;

  border: 1px solid;

  background-color: #333333;

  color: white;

  font-size: 14px;
}

/* Screen size style adjustments*/

@media only screen and (min-width: 768px) {
  .fdoe-handheld-footer-bar {
    display: none;
  }
}
