/* 
Theme Name: Cardboard Box Shop
Theme URI: https://digitalspice.com.au
Description: Custom theme for Cardboard Box Shop
Author: Digital Spice
Author URI: https://digitalspice.com.au
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/*Hide Generated by wpDataTables link*/
.powered_by_link{
	display:none !important;
}
/*header category search*/
.select2-container--default .select2-selection--single{
height:50px !important;
	margin-top:-1px !important;
	background: #f3f3f3 !important;
	border:none !important;
}

.select2-selection__arrow {
    height: 50px !important;
    background: #6ec1e4;
    width: 50px !important;
    border-radius: 0 5px 5px 0;
	margin-top:-2px;
	margin-right:-2px !important;
}
body div.product-search-form form.product-search-form.show-submit-button button{background:#6ec1e4 !important;}
.select2-selection__arrow:hover, body div.product-search-form form.product-search-form.show-submit-button button:hover{background:#54595f !important;}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent !important;
	border-width: 11px 8px 0 8px !important;
	margin-left:-9px !important;
	margin-top:-3px !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#b2b2be !important;}
body .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:45px !important;
	font-family: "Roboto", Sans-serif;
	padding-left: 15px !important;
	font-size: 16px !important;
letter-spacing: 1px;
	padding-top:2px;
	font-weight:400 !important;
}

/*product search*/
body div.product-search-form form.product-search-form.show-submit-button button{
    border: none !important;
    border-radius: 0 5px 5px 0 !important;
    width: 55px !important;
    margin-left: 0 !important;
}

body div.product-search-form form.product-search-form.show-submit-button button:hover, 
.select2-selection__arrow:hover{
	background:#6EC1E4;
}

.product-search-results table.search-results{position:absolute; z-index:99999; background:#fff; box-shadow:2px 2px 5px #CCCCCC; border-radius: 0 0 3px 3px;}

body div.product-search-form form.product-search-form.show-submit-button button:before{
    content: "\f002" !important;  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;  
	font-size:17px;
	color:#fff;
 }

div.product-search-form input{background:#f3f3f3 !important; height:50px; border:none; color:#7a7a7a !important;font-size: 16px;
letter-spacing: 1px; 	font-family: "Roboto", Sans-serif; font-weight:400;}

#product-search-field-0 {
    border-radius: 3px 0 0 3px !important;
}

/*categories*/

.product-category:hover{box-shadow:0px 0px 16px 0px #C8C9C9;}

.product-category img:hover{filter: brightness(80%);}

.product-category img {
    background: #fff;
    height: 290px !important;
}
.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title {
	color: #fff !important;
	background:#54595f;
	font-family: lato;
	font-size: 1.4em !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	line-height: 1.3;
	padding: 5px 10px !important;
	margin-top:-15px !important;
	min-height:68px;
	display: grid;
align-items: center;
}

.woocommerce-loop-category__title:hover{background:#2798D3 !important;}

.prodcats .elementor-image-box-wrapper {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
	min-height:310px;
}

.prodcats .elementor-image-box-wrapper:hover{ box-shadow: 0px 0px 16px 0px #C8C9C9;
}
.prodcats .elementor-image-box-img img {
    width: 200px !important;
    height: 200px;
}


/*hide recaptcha*/
.grecaptcha-badge { visibility: hidden; }
.googletxt,.googletxt a{font-size:8px !important; color:#666 !important;} 

/*product layout*/
.product_meta .posted_in,.product_meta .tagged_as {
    display: none !important;
}


.woocommerce-variation-price {
    margin-bottom: 20px;
}

.woocommerce div.product form.cart .variations label, .woocommerce table.shop_attributes td {
    padding-left: 20px;
}

.woocommerce-Tabs-panel h2 {
    display: none !important;
}

/*menu*/
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{letter-spacing:2px;}

/*my account*/
.woocommerce-MyAccount-navigation {
 display:none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
}
/*prices*/
#subtot span{color:#2798d3; font-size: 22px;
font-weight: 500; margin-right:20px;}

#subtot {
    margin-top: 5px;
}
.woocommerce-variation-price .woocommerce-Price-amount::after{content: "each"; margin-left:5px; font-size: 22px !important;} 
.woocommerce-variation-price span.price{color:#2798D3 !important; font-weight:500; margin-bottom:15px; font-size:22px !important;}


/*customised checkout
.orderdetails tr.woocommerce-shipping-totals, #order_review_heading, 
.cart_totals .woocommerce-shipping-totals{display:none;}
.shippingmethod tr.cart_item, .shippingmethod  th.product-name, .shippingmethod th.product-total, .shippingmethod tr.cart-subtotal, .shippingmethod tr.order-total{display:none;}

.orderconfirm th.product-name, .orderconfirm th.product-total{display:none;}*/

.wccsq-quote-description  a{background:#6ec1e4; padding:10px 20px; color:#fff !important; border-radius: 15px; top: 15px; position:relative;}
.woocommerce ul#shipping_method{padding-bottom:15px;}
.orderconfirm .cart_item {
    display: none;
}
.woocommerce-account-fields{ color:#6EC1E4; font-size: 24px; margin-top:15px;}

.woocommerce a.remove, tr.cart_item .quantity{display:inline;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color:#2798d3 !important;}

/*.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background-color:#132659 !important;}
#coupon_code {
    width: 60%;
}*/

p.wccsq-quote-requested {
    margin-bottom: 40px;
}
.wccsq-quote-description a:hover{
	background:#132659;
}

#billing_address_2_field span.optional, #shipping_address_2_field span.optional{
    display: none;
}
#billing_address_2_field label:after, #shipping_address_2_field label:after{
    content: "*";
    color: red;
}
body.woocommerce-checkout .shipping-order-review {
    display: none;
}
/* Order received / thank you page */
.woocommerce-order-received .page-content {
    max-width: 80%;
    margin: 0 auto;
}

/*Larger woocommerce quantity field*/
.woocommerce .quantity .qty {
    width: 4.631em;
    text-align: center;
}
/*margin on "View Cart" link when product added to cart on products archive*/
.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart {
    margin-left: 5px;
}
/*remove margin from bottom of variations selector on product pages*/
.single-product.woocommerce div.product form.cart {
    margin-bottom: 0;
}
.single-product.woocommerce .elementor-3177 .elementor-element.elementor-element-889fffd form.cart .variations {
    margin-bottom: 0px;
}
/*other woocommerce styles*/
.woocommerce-message {
    border-top-color: #6ec1e4;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{color:#fff; background:#2798d3;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background:#6ec1e4;}
.woocommerce-message::before{color:#2798d3;}

/*Media queries*/
@media only screen and (max-width: 460px) {
.archive .woocommerce ul.products {
	display: block !important;
}
.archive .woocommerce ul.columns-4 li.type-product {
	width: 95% !important;
	margin: 0 auto 20px !important;
	float: none !important;
}
}
@media only screen and (max-width: 1100px) {
ul#mega-menu-menu-1 {
	-webkit-box-shadow: 0px 3px 5px 0px #ccc !important;
	-moz-box-shadow: 0px 3px 5px 0px #ccc !important;
	box-shadow: 0px 3px 5px 0px #ccc !important;
}	
}