div#content.site-content {
  padding-top: ;
  margin-top: ;
}

.pt-cv-readmore {
  color: #000000 !important;
  background-color: #ffffff !important;
  border: none !important;
}

.pt-cv-view .pt-cv-content-item>* {
  padding-right: 5%;
  padding-left: 5%;
}

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  display: none;
}

a:hover {
  color: #000000;
}

a {
  color: #000000;
  font-weight: lighter;
  font-family: ovo;
}

bdi {
  font-family: ovo;
}

.outofstock .price {
  display: none !important;
}

ul.products li.product .button {
  display: none;
}

.yith-wcbm-badge {
  margin: 10px;
  font-size: 11px;
  font-family: avenir next;
}

.owl-dots {
  display: none;
}

/* Change Site LOGO Size */

@media screen and (min-width: 768px) {
  .woocommerce-active .site-header .site-branding img {
    max-width: 85%;
    /* Adjust this percentage up or down to make the logo larger or smaller. */
  }
}

.stock.in-stock {
  display: none;
}

.button {
  text-transform: uppercase;
  font-family: avenir next;
  font-weight: 400;
  font-size: 14px;
  background-color: #ffffff;
}

button.alt:hover {
  background-color: #ad4b4b;
}

.button.alt:hover {
  background-color: #f7cf2e;
}

.button.alt {
  background-color: #000000;
}

.woocommerce-products-header__title.page-title {
  text-align: left;
  color: #424242;
  font-style: italic;
  font-size: 32px;
  text-transform: uppercase;
  letter-spacing: -2px;
}

/* CART ICON */

.site-header-cart .cart-contents:after,
.storefront-handheld-footer-bar ul li.cart > a:before {
  content: "\f290";
}

/* END CART ICON */

/*The code below will simply setup the price-title area to be hidden and have a background. Please note that uou will have to change the background and height to match your website color scheme and product height  but first load it as and then adjust                                                                                      
*/

.products .product .product-details {
  position: absolute;
  background: rgb(255,255,255);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #000000;
  padding: 1.618em;
  text-align: center;
  opacity: 0;
  height: 100%;
  filter: alpha(opacity=@opacity * 100);
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -ms-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

/* Show the that was setup above when the user hovers*/

ul.products li.product:hover .product-details {
  filter: alpha(opacity=@opacity * 100);
  opacity: 0.65;
}

ul.products li.product a img:hover {
  opacity: 0.9;
}

.woocommerce-loop-product__title {
  position: relative;
  top: 50%;
}

h1.entry-title {
  font-family: ovo;
  font-weight: normal;
}

.wc-block-grid__products .wc-block-grid__product {
  padding: 12px;
}

/* Mobile 2 products per row */

ul.products li.product {
  width: 46.411765%;
  float: left;
  margin-right: 5.8823529412%;
}

ul.products li.product:nth-of-type( 2n ) {
  margin-right: 0;
}

@media ( min-width: 768px ) {
  ul.products li.product:nth-of-type( 2n ) {
    margin-right: 5.8823529412%;
  }
}

/* END Mobile 2 products per row */

/* REDUCE SPACING PRODUCT GRID*/

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin-bottom: 1.95%;
}

/* END REDUCE SPACING PRODUCT GRID*/

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  font-family: ovo;
}

#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu {
  font-family: ovo;
  letter-spacing: -2px;
  font-style: italic;
		text-transform: UPPERCASE!IMPORTANT;
}

* {
  font-family: ovo;
}

.woocommerce-products-header {
  margin-bottom: -6%;
}

.entry-title {
  text-transform: uppercase;
  font-style: italic;
  color: #424242;
  letter-spacing: -2px;
  font-size: 34px;
}

/* CUSTOM DROPDOWN STYLING */


/*-------------------------------------------------------------------------------------------*/
/*- FORMS ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.gform_fields{margin: 0; padding: 0;}
ul.gform_fields .gfield{overflow: hidden; margin-bottom: 25px;}
.gform_fields label{color: #f5d458;}
 
.woocommerce select {position: relative; display: inline-block; font-family: 'libre baskerville', georgia, serif; font-size: 14px; display: inline-block; margin: 0; padding: 10px; line-height: 1.5;color: #FFF; background-color: #f5d458; width: 100%; cursor: pointer; outline: 0;}
.woocommerce select option{color: #7e7e7e; font-size: 12px; padding: 3px; border: 0px;}
 
/* Undo the Firefox inner focus ring */
.woocommerce select:focus:-moz-focusring {color: transparent; text-shadow: 0 0 0 #f5d458;}
 
/* Dropdown arrow */
.woocommerce select:after {position: absolute; top: 50%; right: 1.25rem; display: inline-block; content: "v"; width: 0; height: 0; margin-top: -.15rem; pointer-events: none; border-top: .35rem solid; border-right: .35rem solid transparent; border-bottom: .35rem solid transparent; border-left: .35rem solid transparent;}
 
/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.select select:hover {
  background-color: #ddd;
}
*/
 
/* Focus */
.woocommerce select select:focus {box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;}
 
/* Active/open */
.woocommerce select select:active {color: #fff; background-color: #0074d9;}
 
/* Hide the arrow in IE10 and up */
.woocommerce select select::-ms-expand {display: none;}
 
/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .woocommerce select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem;
  }
 
  /* elements inherit styles from, so reset them. */
  .woocommerce select option {
    background-color: white;
  }
}
 
/* IE9 hack to hide the arrow */
@media screen and (min-width:0\0) {
  .woocommerce select select {
    z-index: 1;
    padding: .5rem 1.5rem .5rem 1rem;
  }
  .woocommerce select:after {
    z-index: 5;
  }
  .woocommerce select:before {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 2;
    content: "";
    display: block;
    width: 1.5rem;
    background-color: #eee;
  }
  .woocommerce select select:hover,
  .woocommerce select select:focus,
  .woocommerce select select:active {
    color: #555;
    background-color: #eee;
  }
}

/* END CUSTOM DROPDOWN STYLING */