/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/
h1 span, h2 span, h3 span, h4 span {color:#205DAC;}
h1 i, h2 i, h3 i, h4 i {margin-right:5px;}
.wp-block-heading, .wp-block-list li {color:#000000;}
h2.wp-block-heading {font-size:2rem; letter-spacing:0;} 
h3.wp-block-heading {font-size:1.5rem; letter-spacing:0;}
h4.wp-block-heading {font-size:1rem; letter-spacing:0;}

/*FILTRY*/
.yith-wcan-filters {margin:0;}
.filters-container form {display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 10px; row-gap: 10px;}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable, .yith-wcan-filter p, .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {margin:0}


/*CENY SINGLE PRODUCT PAGE */
.my-price-from-title {font-size:0.8em; margin-bottom:0px; color: #ACACAE;}
.my-price-inctax, .woocommerce-variation-price .main-tax-price {font-size:1.5em; font-weight:900; line-height:1.1em; margin: 0px;}
.my-price-extax, .woocommerce-variation-price .tax-processed, .woocommerce .product .single_variation .price {font-size:0.9em; line-height:1em; margin:0}

.woocommerce-variation-price {display:flex;flex-direction: column;}
.woocommerce-variation-price .tax-processed {order:2;}
.woocommerce-variation-price .main-tax-price {order:1; color:#2E5EAB;}
.woocommerce .product .single_variation .price {margin:0; padding:0;}

.woocommerce table.shop_table .tax-processed {display: flex !important; flex-direction: column;}
.woocommerce table.shop_table .tax-processed .tax-extra {font-size:1em; font-weight:900; order:1}
.woocommerce table.shop_table .tax-processed .woocommerce-Price-amount {font-size:0.8em; order:2}

span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {padding: 20px;}
.mfn-li-product-row-description .column_product_price {display:none;}
.substrate-item {display: flex; align-items: center; gap: 8px; flex-direction: column;}
.substrate-item h5 {color:#161922; text-transform:uppercase;}
.substrate-item i {background: #205DAC; color: #fff; padding: 20px; font-size: 1.3em;}
.substrate-title {padding: 20px; background-color: #205DAC; color:#fff;}


.ftp-file h5 a, .substrate-item h5 a  {color:#161922;}
.ftp-file h5 a:hover, .substrate-item a:hover, .substrate-item a h5:hover  {color:#205DAC; text-decoration:none;}

.wc-block-components-local-pickup-select .wc-block-components-radio-control__secondary-description .read-more-content {color:#D61520; font-weight:700;}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {box-shadow: inset 0 0 0 1.5px #205DAC;background: #205dac0f;}

.custom-substrates-wrapper {display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px; row-gap: 20px;}
.custom-substrates-wrapper .substrate-card {
		background-color: #FFFFFF;
    	border-radius: 20px 20px 20px 20px;
    	padding-top: 25px;
    	padding-right: 25px;
    	padding-bottom: 25px;
    	padding-left: 25px;
    	border-style: solid;
    	border-color: #E3E3E3;
   		border-width: 1px 1px 1px 1px;}

.custom-substrates-wrapper .substrate-card i {
		font-size:3em; background-color: #205DAC; color:#fff; padding:25px; margin-bottom:10px; min-width: 100px; min-height: 100px; 
	    transition: color var(--mfn-button-transition) 
		ease-in-out, background-color var(--mfn-button-transition) 
		ease-in-out, border-color var(--mfn-button-transition) 
		ease-in-out;}
.custom-substrates-wrapper .substrate-card:hover i {color:#FAD932;}
.custom-substrates-wrapper .substrate-card a {text-decoration:none;}
    
@media only screen and (max-width: 959px) {
.custom-substrates-wrapper {grid-template-columns: repeat(2, 1fr);}
	}


@media only screen and (min-width: 640px) and (max-width: 959px) {
	.filters-container form {grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 639px) {
	.filters-container form {grid-template-columns: repeat(1, 1fr);}
}