/**
Theme Name: Astra-child
Author: Brainstorm Force
Version: 1.0.0
Text Domain: astra-child
Template: astra
*/

/* General design */
#kubio .woocommerce a.button, #kubio .woocommerce button.button {
	text-transform: uppercase !important;
	font-family: Poppins, Helvetica !important;
	font-size: 15px !important;
	background-color: var(--ast-global-color-0) !important;
	border-color: var(--ast-global-color-0) !important;
}
#kubio .woocommerce a.button:hover, #kubio .woocommerce button.button:hover {
	background-color: var(--ast-global-color-1) !important;
	border-color: var(--ast-global-color-1) !important;
}
#kubio .woocommerce a.button[disabled], #kubio .woocommerce button.button[disabled] {
	background-color: rgba(var(--kubio-color-5-variant-2),1) !important;
	border-color: rgba(var(--kubio-color-5-variant-2),1) !important;
}

select {
	font-size: 14px;
}

.grecaptcha-badge { 
	visibility: hidden; 
}

/* Design scroll-to-top button */
#ast-scroll-top {
	box-shadow: 0 0.25rem 0.625rem rgba(0,0,0,.3);
	transition-duration: .3s;
	right: 20px;
	bottom: 55px;
}

#ast-scroll-top:hover {
	background-color: #ffffff;
	color: var(--ast-global-color-0);
}

/* Design previous page button */
.ast-below-header-wrap {
	max-height: 30px;
}
.ast-below-header-bar.ast-below-header.site-below-header-wrap {
	padding-left: 0px !important;
}
.previous-page-button {
	font-size: 12px;
	padding: 5px;
	background-color: transparent;
	color: var(--ast-global-color-0);
	transition-duration: .3s;
	box-shadow: none;
	margin-bottom: 0px;
}
.previous-page-button:hover {
	background-color: var(--ast-global-color-0);
}
.previous-page-button span {
	font-size: 14px;
}

/* Design front page header */
.page-id-3015 .ast-primary-header-bar {
	background-color: rgb(18, 19, 21, 0.1);
}
.page-id-3015 .ast-below-header-wrap {
	display: none; /* Hide previous-page button on homepage */
}
@media (min-width: 1200px) {
	.page-id-3015 #primary {
		margin-top: 0px !important;
	}
}

@media (min-width: 922px) {
	.page-id-3015 .site-content .ast-container {
		max-width: 100%;
	}
}
.page-id-3015 .site-content .ast-container {
	padding-left: 0px;
	padding-right: 0px;
}

.page-id-3015 .h-section-fluid-container {
	max-width: 1240px;
}

#homepage-fake-button a {
	cursor: text;
}

.h-global-transition {
	transition-duration: .3s !important;
}

/* Design search bar to match theme */
button[type="submit"].dgwt-wcas-search-submit {
  	background-color: transparent;
}

.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
  	content: none;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier {
  	display: none;
}

.ast-dropdown-active .ast-search-icon {
	visibility: visible !important;
	pointer-events: none;
}

@media (max-width: 544px) {
	.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-search {
		display: flex !important;
	}
}

/* Design filter plugin to match theme */
.wpfFilterButtons .wpfFilterButton.wpfButton, .wpfFilterButtons .wpfClearButton.wpfButton {
	font-size: 15px;
	min-height: 48px;
}
.wpfClearButton.wpfButton {
    background-color: transparent;
    color: var(--ast-global-color-0);
	border: 2px solid var(--ast-global-color-0) !important;
}
.wpfClearButton:hover, .wpfClearButton:focus {
    background-color: var(--ast-global-color-0);
    color: #FFFFFF;
}

/* Style dropdown nav bar */
.ast-mobile-popup-drawer .ast-mobile-popup-overlay {
	background-color: rgb(0, 0, 0, 0.2);
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner {
	box-shadow: none;
	height: fit-content;
}

.ast-mobile-popup-content {
	margin-right: 1.5em;
	margin-top: 0.8em;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
	padding-top: 1.4em;
	paddin-right: .3em;
}
.ahfb-svg-iconset svg {
	width: 25px;
	height: 25px;
}

.ast-menu-toggle {
	box-shadow: none;
}

/* Style product categories labels */
.woocommerce-loop-category__title > mark.count { 
	display: none !important;
}

.woocommerce-loop-category__title {
	width: 90%;
	left: 5% !important;
	right: 5% !important;
	bottom: 10% !important;
}

@media (max-width: 632px) {
	.woocommerce-loop-category__title {
		font-size: .7em !important;
	}
}

/* Design breadcrumbs on product page */
@media (max-width: 481px) {
	.entry-summary .woocommerce-breadcrumb {
		font-size: 12px;
		line-height: 1.7;
	}
}
@media (min-width: 481px) and (max-width: 920px) {
	.entry-summary .woocommerce-breadcrumb {
		font-size: 15px;
		line-height: 1.7;
	}
}
@media (min-width: 921px) {
	.entry-summary .woocommerce-breadcrumb {
		font-size: 13px;
		line-height: 1.7;
	}
}

.entry-summary .woocommerce-breadcrumb a {
	color: var(--ast-global-color-0);
}

.entry-summary .woocommerce-breadcrumb a:hover {
	color: var(--ast-global-color-1);
}

/* Design contact form */
.contact-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.contact-form-field {
	padding-left: 20px;
	padding-right: 20px;
}

.contact-form-field p {
	margin-bottom: 10px;
}

.field-label {
	display: inline-flex;
	width: 100%;
}

.wpcf7-not-valid-tip {
	margin-top: 0px !important;
}

#accept .wpcf7-list-item {
	display: inherit;
}

.wpcf7 input[type=checkbox] {
	margin-top: 4px;
}

#submit-btn {
	padding-left: 64px;
}

@media (min-width: 767px) {
	#name, #email, #tel {
		width: 33%;
	}
	#message, #accept {
		width: 99%;
	}
}

@media (max-width: 766px) {
	#name {
		width: 100%;
	}
	#email, #tel {
		width: 50%;
	}
	#message, #accept {
		width: 100%;
	}
}

@media (max-width: 499px) {
	#email {
		padding-right: 5px;
	}
	#tel {
		padding-left: 5px;
	}
	#accept .wpcf7-list-item {
		display: inline-flex;
	}
	.wpcf7-list-item label {
		font-size: 13px;
	}
}

/* Remove unnecessary checkout elements and style checkout */
.woocommerce-checkout input:not([type="checkbox"]) {
    font-size: 14px; 
	min-height: 45px;
}

#order_comments_field textarea {
	font-size: 14px;
	min-height: 75px;
}

#shipping_country_field, #billing_country_field {
	display: none;
}

#billing_spoedlevering_field {
	padding-left: 0px;
}
#billing_spoedlevering_field label {
	font-family: Poppins, sans-serif;
	font-size: 14px;
	font-weight: 500;
}
#billing_spoedlevering {
	margin-right: 0px;
}
#ship-to-different-address {
	padding-top: 0px !important;
}

.woocommerce-js input[type=number] {
	max-width: 100% !important;
	min-height: 45px;
	-moz-appearance: textfield; /* remove higher/lower arrows in numeric field (Fozilla) */
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  	-webkit-appearance: none; /* remove higher/lower arrows in numeric field */
  	margin: 0;
}

.woocommerce-checkout-review-order-table, .woocommerce-table--order-details {
	border-collapse: collapse !important;
}

.cart-subtotal, .woocommerce-shipping-totals,
.woocommerce-table--order-details tfoot tr:nth-child(1),
.woocommerce-table--order-details tfoot tr:nth-child(2) {
	display: none !important;
}

.woocommerce-checkout-review-order-table tfoot,
.woocommerce-table--order-details tfoot tr:nth-child(3) {
	border-top: 2px solid black;
	height: 60px;
}

.fee th{
	line-height: 21px;
}
.checkout-note {
	font-size: smaller; 
	font-style: italic; 
	font-weight: normal;
}

@media (max-width: 446px) {
	.woocommerce-js form .form-row label {
		line-height: 20px;
	}
}

#show-cart-btn {
	display: inline-block;
	position: relative;
	width: 100%;
	background-color: rgb(0, 0, 0, 0);
	color: var(--ast-global-color-0);	
	border: 2px solid var(--ast-global-color-0);
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
	padding: 10px 20px;
	margin-top: 10px;
	
}
#show-cart-btn:hover {
	background-color: var(--ast-global-color-0);
	color: #FFFFFF;
}

/* Design login */
.um input[type=submit].um-button {
	background-color: var(--ast-global-color-0) !important;
}
.um input[type=submit].um-button:hover {
	background-color: var(--ast-global-color-1) !important;
}

/* Design product attributes list on single product page */
.attributes-grid {
	display: flex;
	flex-wrap: wrap;
	font-size: .9em;
}
.attribute-item {
	padding-right: 15px;
	box-sizing: border-box;
}
.attributes-grid .attribute-label {
	font-weight: 500;
}
.reset_variations {
	color: white !important;
	background-color: var(--ast-global-color-0) !important;
	opacity: 1 !important;
	margin: 10px 0px !important;
	padding: 5px 10px !important;
	border-radius: 4px !important;
}