/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

#menu-institucional-wrap {
  transition: all 0.35s ease;
  position: relative;
  background: url(images/fundo_cabecalho.png);
  display: none;
}

.menu-institucional {
}

.menu-institucional-nav {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.menu-institucional-nav > li {
  position: relative;
}

.menu-institucional-nav > li > a {
  transition: all 0.35s ease;
  position: relative;
  display: block;
  color: #fff;
  line-height: 1.2;
  padding: 15px 10px;
  font-size: 15px;
}

.menu-institucional-nav > li:hover > a,
.menu-institucional-nav > li.current_page_item > a {
  color: #87674f;
}

.menu-institucional-nav .menu-item-has-children {
  position: relative;
}

.menu-institucional-nav .menu-item-has-children:hover .sub-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 100%;
  left: 0;
  width: 150px;
  min-width: 150px;
}

.menu-institucional-nav .menu-item-has-children > a:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f107";
  margin-right: 10px;
}

.menu-institucional-nav .sub-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  transition: none;
  color: #fff;
  width: 150px;
  min-width: 150px;
  position: absolute;
  left: -9999px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}

.menu-institucional-nav .sub-menu a {
  transition: all 0.35s ease;
  position: relative;
  display: block;
  color: #fff;
  line-height: 1.2;
  padding: 15px 10px;
  font-size: 15px;
  background-color: #9d3242;
}

.menu-institucional-nav .menu-item-has-children:hover > a {
  background-color: #9d3242;
  color: #fff;
}

.menu-institucional-nav .sub-menu li:hover a {
  background-color: #87674f;
  color: #fff;
}

@media screen and (min-width: 768px) {
  #menu-institucional-wrap {
    display: block;
  }

  #masthead.site-header {
    padding-top: 25px;
    padding-bottom: 0;
  }
}

/* */
/* START Make the cart table responsive */
@media screen and (max-width: 768px) {
/*  .storefront-handheld-footer-bar {
    display: none !important;
  }
*/
  .select2-container--default {
    width: 100% !important;
  }

  .select2-container .select2-selection--single {
    height: 40px !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow,
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
  }

  #payment .input-text,
  .input-text,
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="text"],
  input[type="url"],
  textarea {
    padding: 8px !important;
    line-height: 1.2 !important;
  }

  .form-row {
    margin-bottom: 10px;
    width: 100% !important;
  }

  #payment .place-order {
    padding: 0;
  }

  table.woocommerce-checkout-review-order-table .product-name {
    text-transform: lowercase;
  }

  .cart-subtotal,
  .order-total,
  .coupon-code,
  .coupon-code td,
  .woocommerce-checkout-review-order-table,
  .woocommerce-checkout-review-order-table tfoot,
  .woocommerce-shipping-totals,
  .woocommerce-shipping-totals > th,
  .woocommerce-shipping-totals > td {
    display: block;
    width: 100%;
    font-size: 13px;
    float: none;
    overflow: hidden;
  }

  .woocommerce-shipping-methods {
    margin: 0;
    font-size: 13px;
  }

  .woocommerce-checkout-review-order-table td,
  .woocommerce-checkout-review-order-table th {
    padding: 8px 10px;
  }

  .cart-subtotal th,
  .order-total th {
    display: block;
    width: 60% !important;
    text-align: left;
    float: left;
  }

  .cart-subtotal td,
  .order-total td {
    display: block;
    width: 40% !important;
    text-align: right;
    float: right;
  }

  .coupon-code {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .coupon-code td {
    padding: 0 !important;
  }

  .woocommerce-checkout h3 {
    width: 100%;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.2;
  }

  .woocommerce-shipping-totals {
    margin-top: 10px;
  }

  .woocommerce-shipping-totals > th,
  .woocommerce-billing-fields h3,
  #order_review_heading {
    background-color: #87674f;
    color: #fff !important;
    padding: 5px 10px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
    clear: both;
  }
}
/* END Make the cart table responsive */