/*
Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: LOCALiQ - Gannett
Description: Make all of your modifications to Pro in this child theme.
Version: 2.8
Template: pro
*/

/*responsive logo */
.x-brand {
  max-width: 80%;
}

/*select filter dropdown styling */
.woocommerce-ordering {
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  width: 180px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  background: #fff;
  position: relative;
}

.woocommerce-ordering:after {
  top: 50%;
  left: 85%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 5px;
  margin-top: -2px;
  z-index: 100;
}

.woocommerce-ordering select {
  padding: 5px 8px;
  width: 130%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.woocommerce-ordering select:focus {
  outline: none;
}

/*Increase Size of X remove from cart on checkout page*/
td.product-remove a {
  font-size: 42px;
}

/*Remove Social Icons from Top Header*/
.x-topbar .x-social-global {
  display: none !important;
}

/*continue shopping button style */
body.woocommerce-cart .woocommerce a.button.wc-backward {
  margin: -4em auto;
  float: right !important;
}

@media screen and (max-width: 646px) {
  body.woocommerce-cart .woocommerce a.button.wc-backward {
    margin: 0;
    float: none !important;
  }
}

@media screen and (max-width: 950px) {
  body.empty-cart .woocommerce p.return-to-shop a.button.wc-backward {
    float: none !important;
  }
}

.pswp__caption__center {
  text-align: center;
  font-size: 18px;
}

/* even heights on products */
ul.products {
  display: flex;
  align-content: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}

.x-container:before {
  content: normal;
}

.entry-wrap {
  box-shadow:0 0 0 0 rgba(0,0,0,0);
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
  ul.products:before,
  ul.products:after {  
    display: none !important;
  }
}