/*!
Theme Name: Mountaineer Popcorn by LP
Theme URI: http://lovelypixels.com/
Author: Micah Coffey
Author URI: http://www.lovelypixels.com/
Description: Created Jan 2020 by Micah Coffey for Lovely Pixels
*/

/*** Deepwater Pixel Modifications ***/
.cpf-type-checkbox .tmcp-ul-wrap {
    /*overflow-y: scroll;*/
    /*max-height: 460px;*/
    padding-bottom:15px;
    margin-bottom:25px;
}

/* Hide Change Bag Size */
.tm-cart-edit-options{
    display:none!important;
}

/* Extra Options cards */
.tm-cell>div.tm-extra-product-options-container ul{
    /*margin: 15px!important;*/
    padding: 15px 30px 35px;
    background: rgba(255,255,255,0.8)!important;
    box-shadow: 0px 2px 6px -2px #22333F47!important;
     /*width: auto!important; */
    border-radius: 5px;
    width: 90%;
    margin: 15px 5%!important;

}
/* Extra Options cells */

.tm-extra-product-options .tm-extra-product-options-fields{
     max-width:350px; 
    margin: auto;
}

/* Center Size Radio Field: requires 1/3 sizing AND radio input type.  Very shaky implementation, should look for improved way to do this. */
.tm-cell.col-4{
    margin-left:33%;
    width:33%;
}

/* Label above extra options */
.tm-extra-product-options .tm-epo-element-label{
    color: rgba(255,255,255,0.9);
    font-size:1.6em;
    font-weight:600;
    text-transform:uppercase;
    text-align:center;
    padding-left:15px;
    padding-right:15px;
}
/* Required symbol */
.tm-epo-required{
    padding-right:4px;
}
/* Choose # options <small> element */
.tm-epo-element-label small{
    color: rgba(255,255,255,0.75);
    display:block;
    font-size:60%;
}

/* Tooltip (?) */
.tm-tooltip,.tc-tooltip{
    font-size:0.8em;
    color:#9e9e9e;
}

/* Variations table */
table.variations{
    width:auto!important;
    padding: 15px 30px 35px;
    background: rgba(255,255,255,0.8)!important;
    box-shadow: 0px 2px 6px -2px #22333F47!important;
    margin:25px auto 50px!important;
    border-radius:5px;
}
/* Variations table cell */
table.variations td{
    background:transparent!important;
    background-color:transparent!important;
    padding:15px;
}
.woocommerce div.product form.cart .variations td.label{
    padding: 15px;
}

/* Add some spacing to bottom of variation section */
.woocommerce div.product form.cart .variations{
    margin-bottom:5em!important;
}
/* Total Section */
.woocommerce-variation-add-to-cart-enabled .tc-totals-form,.cart .tc-totals-form{
  background:rgba(255,255,255,0.8)!important;
  max-width:15em;
  text-align:center;
  margin:15px auto 50px!important;
    border-radius:5px;
    padding:15px;
    box-shadow: 0px 2px 6px -2px #22333F47!important;
}
.variations_form.cart .woocommerce-variation-add-to-cart-disabled .tc-totals-form,
.woocommerce-variation-price,
.woocommerce-variation-description{
    display:none;
}
/* Set background and size for quantity and add to cart section */
.cart .quantity,.cart .single_add_to_cart_button.button{
  border:1px solid rgba(0,0,0,0.05);
  min-height:40px;
  color:#22333F!important;
}
.woocommerce-cart .cart .quantity{
    border:0px!important;
}
.cart .quantity{
    background:#fff!important;
    margin:0px 0px 0px 15px;
    width: 65px;
	padding: 5px 10px;
}
/* Give quantity input field some space */
.cart .quantity input{
	border: 0px;
 	width:60px!important;
	font-family: "Raleway-medium", Sans-serif;
	font-size: 1.2rem!important;
}

.qib-container .quantity:not(#qib_id):not(#qib_id),
.qib-container .quantity input.qty:not(#qib_id):not(#qib_id){
    width:80px!important;
    border-width: 1px!important;
}

/* Hide wholesale pricing notice, we show our own */

.wwp-wholesale-pricing-details p:nth-of-type(2){
    display:none;
}

.woocommerce-MyAccount-navigation-link--upgrade-account{
    display:none!important;
}



/* Add to cart button */
.cart .single_add_to_cart_button.button{
  margin:0px!important;
  background:#22333FAA!important;
  color:#fff!important;
}
/* Add to cart button hover */
.cart .single_add_to_cart_button.button:hover{
  background:#22333F!important;
  border-color:#22333F!important;
}
/* Product review comments styling */
.woocommerce #reviews #comments ol.commentlist li .comment-text{
    background:rgba(255,255,255,0.05);
    border:0px;
    margin-left:0px;
}
/* Hide reviewer avatar since no one has them anyways */
.comment_container img.avatar{
    display:none;
}
/* Modify Product Info Tab widget to show only reviews, inside Accordion */
.wc-tabs{
    display:none;
}
/* Hide border on wootabs */
.woocommerce div.product.elementor .woocommerce-tabs .panel{
    border-top:0px!important;
}
/* Hide $0 price for Flavor Subscription */
li.product a[href="https://mountaineerpopcorn.com/product/flavor-subscription/"] h2 .price{
  font-size:0px!important;
}
/* Show custom Price Varies label instead of $0 */
li.product a[href="https://mountaineerpopcorn.com/product/flavor-subscription/"] h2 .price:before{
  content:'Price Varies';
  font-size:18px
}

/** Tipping Feature Styling (wpslash_tipping) **/

.wpslash-tip-wrapper,.wpslash-tip-wrapper .wpslash-tip-title{
  border-radius:5px;
}
.wpslash-tip-wrapper{
  box-shadow:none;
  display:flex;
}
.wpslash-tip-title{
  color:#d9b652!important;
  border:0px!important;
  font-size:2em!important;
  padding-top:20px!important;
  padding-bottom: 20px!important;
}
.wpslash-tipping-form-wrapper{
  width:10%!important;
}
.wpslash-percentage-tip-buttons{
  width:60%!important;
}
.wpslash-tip-percentage-btn{
  padding-top:15px!important;
  background:#d9b652!important;
}
.wpslash-tip-submit{
  background:#d9b652!important;
  border-radius:5px!important;
  margin-top:5px!important;
}
.wpslash-tip-submit,
.wpslash-tip-percentage-btn{
  box-shadow:none!important;
  border:1px solid #d9b652!important;
}

/*** End Deepwater Pixel Modifications ***/

.woocommerce ul.products li.product {
    opacity: 0;
    transform: scale(0.9);
    transition: all 1.3s ease;
}
.woocommerce ul.products li.product.active {
    transform: scale(1);
    opacity: 1;
}

.woocommerce-archive-thumbnail {
    overflow: hidden;
}
.woocommerce ul.products li.product a img {
    margin-bottom: 0;
    transition: all 0.3s ease;
}
.woocommerce ul.products li.product:hover a img {
    transform: scale(1.1);
}
.woocommerce ul.products li.product .button::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f291";
    margin-right: 10px;
}
.woocommerce ul.products li.product .button {
    display: block;
    margin-top: -48px;
    background-color: #d9b652 !important;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    padding: 17px 0;
    transform: perspective(300px) rotateX(90deg);
    transform-origin: bottom;
    animation: unpop-button 0.5s forwards;
    pointer-events: none;
}
.woocommerce ul.products li.product:hover .button {
    animation: pop-button 0.5s forwards;
}
@keyframes unpop-button {
    0% {
        transform: perspective(300px) rotateX(0deg);
    }

    100% {
        transform: perspective(300px) rotateX(90deg);
    }
}
@keyframes pop-button {
    0% {
        transform: perspective(300px) rotateX(90deg);
    }
    60% {
        transform: perspective(300px) rotateX(-10deg);
    }
    90% {
        transform: perspective(300px) rotateX(4deg);
    }
    100% {
        transform: perspective(300px) rotateX(0deg);
    }
}
.woocommerce ul.products li.product .price {
    float: right;
    color: #d9b652;
    font-size: 18px;
    font-weight: 600;
    margin-top: 1px;
    margin-bottom: 0;
}
.woocommerce .products .star-rating {
    float: right;
    margin-top: 8px !important;
    width: 58px;
    font-size: 8px !important;
    letter-spacing: 3px;
}

.products .woocommerce-loop-product__title {
    font-style: normal;
    color: #213540;
    font-size: 16px !important;
    padding-bottom: 2px;
    font-weight: 600;
    text-transform: uppercase;
}
ul.products li.product .price {
    color: #d9b652;
    font-size: 17px;
    line-height: 19px;
}
.woocommerce .product div.hr {
    border-top: 1px solid #d9d9d9;
    margin-bottom: 3px;
    clear: both;
}
.products .description {
    color: #233340;
    font-style: italic;
    font-size: 14px;
}
.products .star-rating span::before {
    color: #d9b652;
}
.products .woocommerce-loop-product__link {
    font-style: italic;
    color: #505050;
    font-size: 14px;
    line-height: 24px;
}

/**
 * Woocommerce pages - account etc
 *
 */
.woocommerce-page .site-main {
    min-height: 74vh;
    padding-bottom: 40px;
}

/**
 * Product tags like New and Sale
 *
 */
.product_tag-new .woocommerce-archive-tag::before,
.product_tag-sale .woocommerce-archive-tag::before {
    position: absolute;
    top: 15px;
    left: 0;
    padding: 8px 20px;
    background: #d9b652;
    color: white;
    font-style: normal;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}
.product_tag-new .woocommerce-archive-tag::before {
    position: absolute;
    content: "NEW";
}
.product_tag-sale .woocommerce-archive-tag::before {
    position: absolute;
    content: "SALE";
}

/**
 * For the main site header's woocommerce menu plugin's layout
 *
 */
.wpmenucart-contents {
    opacity: 0;
    transition: all 1s ease;
}
.wpmenucart-contents.active {
    opacity: 1;
}
/* Replace shopping cart icon */
.wpmenucart-contents .wpmenucart-icon-shopping-cart-0::before {
    content: "\f291";
    font-family: 'FontAwesome';
}
.wpmenucart-contents .amount::before {
    content: "CART";
    margin-left: 15px;
}
.wpmenucart-contents .wpmenucart-icon-shopping-cart-0 {
    font-size: 22px;
    vertical-align: text-bottom;
}
.site-main-header-phone-icon {
    position: relative;
}
.site-main-header-phone-icon::before,
li.wpmenucartli .cartcontents {
    content: "";
    background: #d9b652;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
}
.site-main-header-phone-icon:first-of-type::before,
.site-main-header-phone-icon:first-of-type::after {
    position: absolute;
    top: -2px;
    left: -42px;
}
.site-main-header-phone-icon:first-of-type::after {
    content: "\f095";
    color: white;
    font-family: 'FontAwesome';
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
}
li.wpmenucartli .cartcontents {
    position: absolute;
    left: 17px;
    top: 16px;
    font-size: 12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.webdesignby {
    margin-right: 20px;
    color: #f7f7f7;
    font-size: 12px;
}
.webdesignimg {
    vertical-align: middle;
}