/*
Theme Name: Matt Pond PA
Author: Teal Hutton
*/

.post-type-archive-product #page,
.page-id-18 #page,
.tax-product_cat #page {
	padding:80px 0;
}

.post-type-archive-product #page h2,
.page-id-18 #page h2 {
	font-weight: 200;
    font-size: 3em;
    margin: 8px 0 25px;
    text-align: center;
}

.woocommerce #page ul.products li.product .woocommerce-loop-category__title, 
.woocommerce #page ul.products li.product .woocommerce-loop-product__title, 
.woocommerce #page ul.products li.product h3 {
    padding: 0;
    margin: 0;
    font-size: 2em;
}

.post-type-archive-product #page h2.woocommerce-loop-product__title {
    font-size:2em !important;
}

#page ul.products {
	font-size:1.2em;
	list-style-type: none;
    margin: 0 auto 40px;
    max-width: 1024px;
    padding: 0;
    text-align: center;
    width: 95%;
}

#page ul.products li.product {
    display: inline-block;
    float: none;
    margin: 0 0 30px;
    padding: 10px;
    position: relative;
    text-align:center;
    vertical-align: top;
    width: 24%;
}

#page ul.products li.product h3 {
    padding: 0;
    margin: 0;
    font-size: 1.6em;
    text-transform: none;
}

#page ul.products li.post-116 h3,
#page ul.products li.post-385 h3 {
    margin-bottom:30px;
}

#page ul.products li.product .price {
    color: inherit;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: 1.2em;
    margin: 10px 0;
}

#page #respond input#submit, 
#page a.button, 
#page button.button, 
#page input.button {
    font-family: 'Oswald', sans-serif;
    background: #575973;
    color: inherit;
    display: inline-block;
    font-size: 1em;
    font-weight: 100;
    letter-spacing: 1.8px;
    margin: 0;
    padding: 15px 40px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    border-radius: 5px;
}

#page .wc-proceed-to-checkout #respond input#submit,
#page .wc-proceed-to-checkout a.button, 
#page .wc-proceed-to-checkout button.button, 
#page .wc-proceed-to-checkout input.button {
	font-size: 1.26em;
    display: block;
}


#page #respond input#submit:hover, 
#page a.button:hover, 
#page button.button:hover, 
#page input.button:hover {
	background:rgba(51,53,56,.8);
	color:#afafaf;
}

#page div.product form.cart, #page div.product p.cart {
    margin-bottom: 2em;
    font-size: 1.5em;
}

#page .woocommerce form {
    font-size:1.3em;
}

#page div.product form.cart .variations label {
    font-weight: 100;
}

#page div.product form.cart .variations td.label {
    padding-right: 0px;
}

#page div.product form.cart .variations select {  
    background: none;
    border: 1px solid #5a5854;
    border-radius: 0!important;
    color: inherit;
    display: inline-block;
    font-size: 0.8em;
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    height: 40px;
    letter-spacing: 3.6px;
    margin: 0 1em;
    padding: 15px 40px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    width: 75%;
}

#page td.product-name dl.variation dd {
    padding: 0;
    margin: 0;
}

#page td.product-name dl.variation {
    margin: 0;
}

#page td.product-name dl.variation p {
    font-size: 1em;
    line-height: 1em;
}

#page td.product-name dl.variation dd,
#page td.product-name dl.variation dt {
    float:none;
    margin:0;
    padding:0;
}

#page #add_payment_method #payment, 
#page .woocommerce-checkout #payment {
    background: none;
    border-radius: 0;
    border: 1px solid #5a5854;
}

#page .cart-collaterals .cart_totals, 
#page .woocommerce-page .cart-collaterals .cart_totals {
    font-size: 1.3em;
}

#page .cart-collaterals .cart_totals h2, 
#page .woocommerce-page .cart-collaterals .cart_totals h2 {
    font-size: 0.6em;
}

#page form .form-row input.input-text, 
#page form .form-row textarea {
    border: 1px solid #c3c3c3;
    padding: 10px;
    background: none;
    color: inherit;
}

#page .col2-set .col-1, 
#page .woocommerce-page .col2-set .col-1,
#page .col2-set .col-2, 
#page .woocommerce-page .col2-set .col-2 {
    float: none;
    display: block;
    width: 100%;
}

#page form .form-row textarea {
    height: 10em;
}

#page form .form-row label {
    line-height: 2;
    font-size: 0.8em;
}

#page .woocommerce-error, 
#page .woocommerce-info, 
#page .woocommerce-message {
    background: none;
    border-top: 3px solid #a46497;
    border: 1px solid #5a5854;
    color: #fff;
    list-style: none!important;
    margin: 0 0 2em!important;
    padding: 1em 2em 1em 3.5em!important;
    position: relative;
    width: auto;
    word-wrap: break-word;
}

#page div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    text-align: left;
}

#page .quantity .qty {
    width: 3.631em;
    text-align: center;
    border: 1px solid #afafaf;
    height: 47px;
    font-size: 1em;
}

#page div.product .woocommerce-tabs ul.tabs {
    display: none;
}

#page div.product p.price, #page div.product span.price {
    color: inherit;
    font-size: 1.5em;
}

#page div.product div.product_meta {
    font-size: 1.5em;
    text-transform: uppercase;
}

.woocommerce-cart table.cart img {
    width: 70px!important;
    box-shadow: none;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    height: 47px;
}

#page .woocommerce-tabs h3 {
    text-transform: none;
    text-align: left;
}

#page .woocommerce-tabs ol {
    padding:0 0 0 25px;
}


#page .woocommerce-pagination ul.page-numbers li, 
#page .woocommerce-page .woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    font-size: 1.8em;
}

#page table.shop_table {
    border: 1px solid #5a5854;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0;
    font-size: 1.5em;
}

#page address {
    font-size: 1.5em;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    border: 1px solid #afafaf;
    width: 100px;
}

#page .woocommerce-error, 
#page .woocommerce .woocommerce-info, 
#page .woocommerce .woocommerce-message {
    font-size: 1.5em;
}

article .woocommerce .woocommerce-error, 
article .woocommerce .woocommerce-info, 
article .woocommerce .woocommerce-message {
    font-size: 1.5em;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
        font-size: 1.5em;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 1px solid #c3c3c3;
    padding: 9px;
}

article form .form-row textarea {
    height: 10em;
}

#page p.cart-empty,
#page p.return-to-shop,
#page p.woocommerce-thankyou-order-received {
	text-align: center;
}

#page .order_details {
    margin: 0 auto 1.5em;
    list-style: none;
    padding: 0;
    font-size: 1.4em;
    text-align: center;
}

#page .order_details li {
    display: inline-block;
    float:none;
    margin: 0px 15px;
    text-transform: uppercase;
    font-size: .715em;
    line-height: 1;
    border-right: 1px dashed #d3ced2;
    padding: 8px 15px;
}

#mobile-cta {
    display:none;
}

@media only screen and (max-width : 1024px) {	
	#page ul.products li.product {
	    width: 48%;
	}
    #desktop-cta {
        display:none;
    }
    #mobile-cta {
        display:block;
    }
}

@media only screen and (max-width : 767px) {
	#page ul.products li.product {
		float: none;
		padding: 0;
		width: 100%;
	}
    #desktop-cta {
        display:none;
    }
    #mobile-cta {
        display:block;
    }
    #mobile-cta .cta {
        display: block;
        margin: 10px 0;
    }
}