/*
Theme Name:  Kitronik Botiga
Theme URI: https://woo-speedily-insightful-barbarian4.wpcomstaging.com/wp-content/themes/kitronik-botiga
Description:  Child theme containing Kitronik customisations of the Botiga parent theme.
Author:  Geoff Hampson
Textdomain:  botiga
Author URI:  https://kitronik.co.uk
Template:  botiga
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

button {border: 1px solid #212121;}
.content-wrapper {margin-top: 15px !important;}
.term-description {max-width: none !important;}
li.product {padding: 12px !important;}
.botiga-quantity-plus:before, .botiga-quantity-minus:before {border-color: white !important;}
.count-number {min-width: 18px; width: fit-content !important;}
.backorder {color: #e89b05; font-weight: 500;}
.discontinued {color: #e00; font-weight: 500;}
.sub-menu {width: 300px !important;}
.botiga-dropdown-link {padding-top: 6px !important; padding-bottom: 6px !important;}
.sku_wrap {text-transform: none !important;     font-size: initial;}
@media (min-width: 768px) {
  //.product-gallery-summary .woocommerce-product-gallery {flex: 0 0 62% !important; max-width: 62% !important;}
	.woocommerce-product-gallery {max-width: 100% !important;}
  .entry-summary {max-width: 38% !important;}
}
.flex-viewport{height: min-content !important}
.under-gallery{margin: 30px 0px 20px 0px}
@media (min-width: 768px) {
.gallery-wrapper{max-width: 62%}
.under-gallery{margin: 50px 0px 20px 0px}
}
.woocommerce-tabs {margin-top: 20px;}
.footer-newsletter{font-size: 20px; font-weight: 600; color: #007EC4 !important; margin: 0 0 20px;}
.bhfb-component-widget4 {margin-top: 0px !important;}
.woocommerce-variation-price{display:none}
.tierd_price{margin: 20px 0 10px 0px!important; white-space:nowrap;font-size:17px;width: min-content;line-height: 1.5;}
.tierd_price table {border-style: hidden;}
.tierd_price tr td:first-child{border-right:1px solid #e1e3e4;color:#2f333a; border-left:hidden}
.tierd_price tr td:last-child{border-left:1px solid #e1e3e4;color:gray; border-right:hidden}
.tierd_price tr td{padding:0 10px!important;color:#00a654;font-weight:500;}
.tierd_price thead{font-weight:600; border-left-style:hidden; border-right-style:hidden;border-bottom:1px solid #e1e3e4;color:#2f333a}
.tierd_price thead tr{border-bottom:1px solid #e1e3e4;}
.tierd_price thead tr td{min-width:90px; border-top:hidden;}
.tierd_price tbody tr {border-bottom:hidden;}
.tiered-price-footer { margin-bottom: 20px; }
.tiered-price-footer a { text-decoration: underline; }
.price-label{display:none}
.woocommerce-Price-amount {color: inherit !important}	
.sale_price{text-decoration:line-through}
.botiga-variation-type-select>a.active { background-color: lightsteelblue;}

#menu-item-80588 a{
  color: #FF0000;
	font-weight: bold;
}

@media (min-width: 990px) {
.widget-area { max-width: 345px; width: 345px; }
.site-main { width: calc(100% - 345px); }
.single-post .site-main { width: calc(100% - 400px); }
.single-post .widget-area { max-width: 385px; width: 385px; }
}

.boxed-material-del {border-radius: 5px; border: solid 1px #d4d6d8; padding: 12px;  line-height: 1.4; margin-top: 20px;}
.material-del-icon-head {display: flex;}
.material-del-icon {width: 48px; margin-right: 20px;}
.material-del-head {color: #00a654; font-size: 190%; font-weight: 600; line-height: 1; align-self: center;}
.boxed-material-del {border-radius: 5px;
 border: solid 1px #d4d6d8; padding: 12px;
 line-height: 1.4; margin-top: 20px; width: 100%}
.material-del-body-main {font-size: 130%;
 font-weight: 600; padding: 5px 0;}
.material-del-body-note {font-style: italic;}

.woocommerce-shipping-calculator{left: 0px; min-width: 220px;}
.woocommerce-shipping-destination, .woocommerce-shipping-calculator { text-align: left }
.woocommerce-shipping-totals th { padding-right: 6px !important; }
.woocommerce-cart tbody tr.tax-total td { border-bottom: 1px solid rgba(33, 33, 33, .1) !important; }
.woocommerce-shipping-totals td::before { padding-right: 6px }
@media (min-width: 1200px) {
.entry-content > .woocommerce { display: flex; align-items: flex-start; gap: 3rem; }
.woocommerce-cart-form { flex: 1; }
.cart_totals { flex: 0 0 450px; position: sticky; margin-top: -90px !important; align-self: flex-start; }
}
.woocommerce-cart h1 { text-align: left; }
@media (min-width: 768px) {
	.ShowMobile{display:none}
}
@media (max-width: 767px) {
	.HideMobile{display:none}
}
@media (max-width: 989px) {
.hidden-tablet-and-less {display: none}
}
.product-label {
    display: inline-block;
    padding: 4px 8px;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    vertical-align: top;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
	}
@media (max-width: 767px) {
.product-meta__label-list {
  margin-top: 0px;
  padding-right: 8px;
  padding-bottom: 0px;
  text-align: left;
  margin-bottom: 16px;
	}}
@media (min-width: 768px) {
.product-meta__label-list {
  margin-top: -175px;
  height: 175px;
  padding-right: 8px;
  padding-bottom: 175px;
  position: relative;
  text-align: right;
  margin-bottom: 16px;
	}}
.product-meta__label-list .product-label + .product-label {
  margin-left: 10px;
}
.product-label--product-discontinued {
  background: #606060;
  color: #ffffff;
}
.product-label--age8 {
  background: #996dad;
  color: #ffffff;
}
.product-label--age11 {
  background: #20ace1;
  color: #ffffff;
}
.product-label--age14 {
  background: #27a69b;
  color: #ffffff;
}
.product-label--blocks {
  background: #3454d1;
  color: #ffffff;
}
.product-label--javascript {
  background: #dd9c25;
  color: #ffffff;
}
.product-label--python {
  background: #6c4bc1;
  color: #ffffff;
}
.product-label--arduino {
  background: #016469;
  color: #ffffff;
}
.bundled-purchase{
  padding: 10px;
  border-radius: 25px;
  border: 1px solid #e1e3e4;
  margin-top: 15px;
	margin-bottom: 5px;
  text-align: center;
}
.bundle_image_plus img {
	max-width: 135px;
  width: calc(33% - 34px);
  margin: 0px 6px;
}
@media (min-width: 768px) {
.bundled-options-container { display: flex; width: 100%; border-top: 1px solid #e1e3e4; padding: 20px 0px; }
.bundle-left {margin-right: 20px; width: 50%}
.bundle-right {margin-left: 20px; width: 50%}
.bundled-purchase{ padding: 15px; }
	.bundle_image_plus img { margin: 0px 12px; }
}
.bundle_image_plus { font-size: 40px; align-items: center; display: flex; justify-content: center; }
.bundle-head{ font-weight: 500; min-height: 55px; flex-grow: 1; padding: 0px 5px;     align-content: center;}
.bundle_image_plus{ margin: 15px 0px; }
.product-bundle-button { width: 100%;     border: 1px solid #212121 !important; }
.bundle-head-price-wrap {display: flex}
.bundle-price { background-color: #2F333A; color: white; padding: 2px 6px; align-content: center; border-radius: 12px; }
.bundle-price-vat{ text-wrap: nowrap; font-size: 80%; font-style: italic;}
.bundle-price-price{ text-wrap: nowrap; font-size: 120%; font-weight: 500; }
.buy-local { width: -webkit-fill-available; margin-bottom: 30px; }
.buy-local-data { line-height: 1.4; p { padding-bottom: 10px; font-style: italic; } }
.BuyLocalLogos { display: flex; flex-wrap: wrap; justify-content: center; img { padding: 6px 8px; max-width: 152px;} }
.buy-local-country-selector { padding-top: 6px; display: table-row;}
.buy-local-form { padding: 25px 12px; border-radius: 5px; border: 1px solid #e1e3e4; margin: 15px -12px 5px -12px; background-color: #f8f8f8; }
.buy-local-field { margin-bottom: 20px; }
.buy-local-form-img { margin-top: 42px; float: right; border-width: 1px; padding: 4px; background-color: white; border: 1px solid #d4d6d8; border-radius: 2px; }
.buy-local-warning { border-width: 1px; border: 1px solid #d4d6d8; border-radius: 2px; background-color: #ffffaa; padding: 10px 20px; margin-top: 25px; }
.country-select-wrapper { position: relative; vertical-align: middle; width: 100%; background: transparent; box-shadow: 0 -1px 1px #d4d6d84d inset; font-size: 1rem; transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out; -webkit-appearance: none; display: inline-block; }
.buy-local-country-content {display: table-cell; width: 100%;}
.buy-local-title { display: table-cell; padding-right: 12px; vertical-align: baseline; white-space: nowrap; font-weight: 500;}
.buy-local-logo-box { padding: 8px; border-radius: 5px; border: 1px solid #e1e3e4; margin: 15px 0px; text-align: center; }
.scpp-results-container ul { margin: 0px }
@media screen and (min-width: 768px) {
  .gallery-works-with { margin-top: -155px; height: 155px; padding-right: 8px; padding-bottom: 155px; position: relative;}
.gallery-works-with-img { float: right; }
}
@media screen and (max-width: 640px) {
	.gallery-works-with-img {height: 60px;}
}
.woocommerce-shipping-calculator { max-width: fit-content;}
.reset_variations{ display: none !important; }
@media screen and (min-width: 641px) {
.thumbnail-works-with { margin-top: -48px; height: 48px; position: relative; align-self: flex-end; }
.thumbnail-works-with-img { height: 48px; }
}
@media screen and (max-width: 640px) {
.thumbnail-works-with { padding: 10px 0px; max-height: 17vw; }
.thumbnail-works-with-img { height: 100%; }
}
.under-thumbnail-wrapper { display: flex; flex-direction: column; }
.loop-image-wrap { position: relative; }
.product-item__label-list { position: absolute; z-index: 10; padding-top: 8px; }
body ul.products li.product { padding: 4px 12px !important; }
.product-item__label-list>.product-label { display: block; margin-bottom: 5px; border-radius: 0 3px 3px 0; margin-left: -12px;}
.product-label { display: inline-block; padding: 4px 8px; color: #fff; border-radius: 3px; font-weight: 500; font-size: 14px; line-height: 1.4; vertical-align: top; width: -webkit-max-content; width: -moz-max-content; width: max-content;}
.product-label--age8 { background: #996dad; color: #fff; }
.product-label--age11 { background: #20ace1; color: #fff; }
.product-label--age14 { background: #27a69b; color: #fff; }
.header-search svg { fill: white !important; }
@media (max-width: 989px) {
  #collection-read-more { order: 1; }
  #product-filter-sidebar { order: 2; }
  #primary { order: 3; }
	#product-sidebar-title {margin: 20px 15px !important; }
	.product-sidebar-body { margin-top: -60px; }
	.product-sidebar-body-hidden {display: none; }
}
.woocommerce-sorting-wrapper select { padding: 10px 30px 10px 20px; text-wrap: pretty; }
#product-filter-sidebar { min-width: 150px; }
@media (min-width: 990px) {
	#product-sidebar-title { max-width: 345px; width: 345px; padding: 10px 0px 0px 15px; }
	#product-sidebar-title::after{border: none !important}
}
.woocommerce-tabs ul.tabs li {border-left: 1px solid rgba(33, 33, 33, .2); border-right: 1px solid rgba(33, 33, 33, .2); border-top: 1px solid rgba(33, 33, 33, .2); }
@media (min-width: 768px) {
	.woocommerce-tabs ul.tabs li {margin-right: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
}
.woocommerce-tabs ul.tabs li a { padding: 10px 18px !important; }
.tech_info { width: fit-content !important; min-width: 50%; border: none; }
.tech_info th, .tech_info td { border-right: none; border-left: none;}
.tech_info thead { font-weight: 600; text-align: left; tr { background-color: #e2e2e2; border: none;} }
.tech_info tbody {
	tr { border-top: 1px solid #e1e3e4; border-left: none; border-right: none; }
	tr:nth-child(odd) { background-color: #f8f8f8; }
  tr:nth-child(even) { background-color: white; }
}

.related-resources-layout {
    display: grid;
    gap: 20px; /* Adjust as needed */
    grid-template-areas: 
        "title"
        "image"
        "description";
}

/* Grid item areas */
.related-resources-title {
    grid-area: title;
}

.related-resources-image-container {
    grid-area: image;
}

.related-resources-description {
    grid-area: description;
}

/* Desktop layout */
@media (min-width: 768px) {
    .related-resources-layout {
        grid-template-columns: 200px 1fr;
        grid-template-areas: 
            "image title"
            "image description";
			margin-bottom: 20px;
    }

    .related-resources-image-container {
        max-width: 200px; 
    }

	.related-resources-title{max-width: 100%;
			margin-top: 0px;}
    .related-resources-description {
        max-width: 100%;
    }
}
button, .button, select, input, textarea, .quantity { border-radius: 12px !important; }

@media (min-width: 768px) {
.DoubleShipContainer {display: flex; width: 100%; border-top: 1px solid #e1e3e4; padding: 20px 0px;}
}
@media (max-width: 767px) {
	.DoubleShipContainer {display: none}
}
.materials-add {display:flex;}
@media (max-width: 1099px) {
	.materials-add {flex-direction: column}
}
.matrial-add-img{margin-right: 20px;}
.material-del-head {padding-bottom: 20px}
@media (min-width: 1100px) {
	.material-add-text {width: 70%} }
#ywqa-submit-question {background-color: #00A654 !important;}
a.button:hover:not(.has-background){background-color: #02BF62 !important;}
#ywqa-submit-question:hover{background-color: #02BF62 !important; color: white;}
#coupon_code { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.buy_sample_button{text-align: center;}
.botiga-single-addtocart-wrapper { flex-direction: row !important; }
.botiga-single-addtocart-wrapper .quantity { width: 105px; margin-bottom: auto; }
@media (max-width: 1299px) {
.single_add_to_cart_button {width: min-content !important; padding: 17px 12px;}
	.buy_sample_button{width: 100%;}
}
.button-disabled { background-color: #555 !important; cursor: not-allowed; pointer-events: none; opacity: 0.6; }
.led_calc_container { display: flex; flex-direction: column; gap: 10px; }
.led_calc_row { display: flex; align-items: center; padding: 2px 0; }
.led_calc_label { flex: 0 0 200px; text-align: right; padding-right: 10px; }
.led_calc_input, .led_calc_colour_band_input {width: 250px; margin-right: 10px; }
.led_calc_description { margin-top: 10px; }
button.led-calc-button { width: 250px; margin-left: 200px; }
@media screen and (max-width: 550px) {
  .led_calc_label, .led_calc_input { flex: 0 0 40%; width: 40%; }
  .led_calc_label { text-align: left; padding-right: 5px; }
  .led_calc_row { flex-direction: row; }
  button.led-calc-button { width: 100%; margin-left: 0; }
	.led_calc_colour_band_input {
		width: 60%; }
}
@media screen and (min-width: 666px) {
	.leftab {display: flex; justify-content: right;}
	.rightab {display: flex; justify-content: left;}
}
.restricted-battery-shipping-notice{ margin: 0px; color: red; font-weight: 500;}
.category-blog-content { width: 100%; padding: 15px; }
.category-blog-content a { text-decoration-line: underline; }
.category-banner-bg { position: relative; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background-color: inherit; margin-top: -18px; border-bottom: 1px solid #848484; margin-bottom: 15px; }
.category-banner { text-align: center; }
.category-banner img { max-width: 100%; height: auto; }
.asp_r_2 .resdrg { width: 1020px !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); grid-gap: 5px; padding: 10px 0px 10px 20px !important; }
@media (min-width: 1070px) and (max-width: 1420px) { .asp_r_2 .resdrg { width: 660px !important; } }
@media (min-width: 740px) and (max-width: 1070px) { .asp_r_2 .resdrg { width: 330px !important; } }
@media (max-width: 739px) { .asp_r_2 .resdrg { width: 100% !important; } }
.blog-filter-results > * { display: flex; }
@media (max-width: 739px) {
.blog-filter-results > * { flex-direction: column; }
}
.asp_w_container_2 { min-width: 200px; max-width: 300px; margin-right: 30px; padding-top: 12px;}
.asp_filter_cf_tutorial_difficulty, .asp_filter_cf_examples_in, .asp_filter_cf_platform, .asp_filter_cf_Project_type { display: none; }
@media (min-width: 1025px) {
.bhfb-header .bhfb-column-2 {width: 550px}
}
@media (max-width: 575px) {
.bhfb-header .bhfb-cols-layout-equal-tablet { width: 100%; display: flex !important;}
.bhfb-header .bhfb-column-1 { width: 0px; }
.bhfb-header .bhfb-column-2 { flex: 0 0 40%; }
.bhfb-header .bhfb-column-3 { flex: 0 0 60%; }
.bhfb-header .bhfb-column-2 { justify-content: left !important; }
div.asp_w.ajaxsearchpro.asp_non_compact {min-width: calc(100vw - 40px) !important}
}
@media (max-width: 1024px) { .bhfb-component-woo_icons { margin-left: 18px !important } }
@media (min-width: 576px) and (max-width: 740px) { div.asp_w.ajaxsearchpro.asp_non_compact {max-width: 200px}}
.range_overview_outer {
  margin: 40px 0px;
  background-color: #00A654;
  display: block;
  border-radius: 10px;
}
.range_overview_text {
  padding: 20px 25px 20px 40px;
  color: white;
}
@media (max-width: 640px) {
  .range_overview_text {
    padding: 15px;
  }
}
.range_overview_head {
  text-transform: uppercase;
  margin-bottom: 15px;
}
.range_overview_head h1 { color: white; }
.range_title { margin: 5px 0px 35px 0px };
.range_overview_img {
  display: flex;
  place-content: center;
  img {
    border-radius: 0px;
  }
}
@media (min-width: 480px) and (max-width: 999px) {
  .range_overview_img {
    display: flex;
    padding-top: 40px;
    place-content: center;
  }
}
@media (min-width: 1000px) {
  .range_overview_img {
    min-width: fit-content;
    display: flex;
  }
  .range_overview_outer {
    display: flex;
    margin: 40px 0px 20px 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .range_overview_img {
    min-width: 30%;
    margin-left: 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-evenly;
  }
}
@media (min-width: 1280px) {
  .range_overview_img {
    img {
      border-bottom-left-radius: 10px;
      border-top-left-radius: 10px;
    }
  }
}
@media (min-width: 1440px) {
  .range_overview_img {
    img {
      border-bottom-left-radius: 10px;
      border-top-left-radius: 10px;
    }
  }
}
@media (max-width: 640px) {
  .range_overview_img {
    img {
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
    }
  }
  .sub-homepage-best-seller {
    display: flex;
    flex-flow: column nowrap;
    margin: 10px -20px;
  }
}
@media (min-width: 641px) {
  .sub-homepage-best-seller {
    display: flex;
    margin: 20px -20px 0px -20px;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1000px) {
  .sub-homepage-best-seller {
    margin: 20px -40px 0px -40px;
  }
}
@media (min-width: 1440px) {
  .sub-homepage-best-seller {
    margin: 20px -20px 0px -20px;
  }
}
.sub-homepage-best-seller-col {
  padding: 0 20px;
  width: 100%;
  place-content: center;
}
@media (min-width: 1000px) {
  .sub-homepage-best-seller-col {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1440px) {
  .sub-homepage-best-seller-col {
    width: 33.33%;
    display: block;
  }
}
.best-seller-col-head {
  color: white;
  padding: 15px;
  text-align: center;
  border-radius: 100px;
}
.best-seller-head-link { text-decoration: none !important; }
.best-seller-col-box {
  background-color: #EAF0FA;
  border-radius: 10px;
  border-style: solid;
  border-width: 3px;
  padding: 10px 15px 12px 15px;
  margin: 40px 0px;
}
@media (min-width: 1000px) {
.best-seller-col-box-container { width: 50%; }
.best-seller-col-box { margin: 20px; }
.best-seller-col-head { margin: 20px; }
.best-seller-head-link { width: 100% }
}
@media (min-width: 1440px) {
.best-seller-col-box-container { width: 100%; }
.best-seller-col-box { margin: 40px 0px; }
.best-seller-col-head { margin: 20px 0px; }
}
@media (max-width: 640px) {
.sub-homepage-best-seller-col { padding: 0 15px; }
.best-seller-col-box { border-width: medium; padding: 10px; margin: 20px 0px; }
}
.best-seller-box-title { font-weight: 700; text-align: center; }
.best-seller-box-middle{ padding: 15px 0px; display: flex; justify-content: center; }
.best-seller-mid-left{ margin-right: 20px; }
.best-seller-mid-right{ width: 50%; min-width: 140px; display: table; }
.best-seller-buttons{ display: table-cell; vertical-align: middle; }
.best-seller-main-button{ margin-bottom: 25px; }
.best-seller-price{ text-align: right; line-height: 1.2; margin-top: -10px; }
.best-seller-box-description{ line-height: 1.4; }
.button--full { width: 100%; text-align: center; }
.best-seller-price-value { font-size: 25px; color: #4eb07f; }
.link-on-green-bg {
  a {
    color: #e0e0ff;
    transition: color 0.2s ease-in-out;
    text-decoration: underline;
    text-underline-position: under;

    &:hover {
      color: #d0d0d0;
    }
  }
  p {
    margin-bottom: 20px;
    }
}
.banner-tight-to-top { position: relative; width: 100vw; left: 50%; transform: translateX(-50%); max-width: 100vw; margin-block-start: -15px !important }
.banner-tight-to-top img { width: 100%; height: auto; display: block; }
.custom-featured-product { width: 100vw; max-width: 100%; border: 1px solid #2F333A; border-radius: 10px; background-color: #fff; position: relative; overflow: hidden; }
.featured-label { background: #007ec4; color: white; padding: 12px 25px; font-size: 130%; font-weight: bold; position: absolute; top: 0; left: 0; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.product-content { display: flex; align-items: center; gap: 30px; }
.product-image img { width: 500px; height: auto; }
.product-info { flex: 1; border-left: 1px solid #2F333A; padding: 20px 30px; }
.product-info h2 { color: #00A654; font-size: 32px; margin-top: 0px; }
.product-details { display: flex; gap: 20px; }
.detail-labels p, .detail-values p { margin: 5px 0; }
.detail-labels { font-weight: bold; }
.product-description { margin: 20px 0px; }

@media (max-width: 999px) {
.product-content { flex-direction: column; }
.product-content { gap: 0px; }
.product-info h2 { font-size: 24px; }
}
@media (min-width: 1000px) and (max-width: 1200px) { .product-image img { width: 400px; } }
@media (max-width: 640px) { .product-info { padding: 20px; } }
.promo-block {
  position: relative;
  display: block;
  min-height: 300px;
  padding: 20px;
  border-radius: 10px;
  overflow: hidden;
  text-decoration-line: none !important;
}
.promo-block::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)); z-index: 0; }
.promo-block > * { position: relative; z-index: 1; }
.promo-block-inner { z-index: 0; }
.promo-block__image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}

.promo-block:hover .promo-block__image {
  transform: scale(1.1);
}

.promo-block__content {
  position: relative;
  color: white;
  min-height: 55px;
}

.promo-block__heading {
  margin: 0px 0px 10px 0px;
}
.promo-block h3.promo-block__heading {
  color: white;
}
.promo-block__cta {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 600;
  background-color: white;
  padding: 8px 15px;
  display: inline-block;
  border-radius: 4px;
}

.promo-block-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px -15px;
}
@media (max-width: 799px) {
  .promo-block {
    width: 100%;
    margin: 10px 15px;
  }
}
@media (min-width: 800px) and (max-width: 1199px) {
  .promo-block {
    flex: 1 1 calc(50% - 30px);
    margin: 15px;
  }
}

@media (min-width: 1200px) {
  .promo-block {
    flex: 1 1 calc(33.333% - 30px);
    margin: 15px;
  }
}

.homepage-about-us-button .wp-block-button__link { border-radius: 10px }
@media (min-width: 600px) {
.homepage-about-us-head { margin-top: 0px }
}
.homepage-about-us-p { margin-bottom: 20px; }
@media (max-width: 600px) {
.homepage-about-us-block .wp-block-media-text__content { padding: 0px !important }
}
.in-stock-wrapper {
  padding: 10px;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #007EC4;
  margin-top: 0px;
}
.in-stock-main{
  color: white;
  width: 100%;
  line-height: 1.4;
  padding: 10px;
  h1{
    color: white;
    font-size: 48px;
    margin: 0px;
    font-weight: 600;
  }
  h2{
    color: white;
    font-size: 28px;
    font-weight: 600;
    margin: 0px;
  }
  p{
    color: white;
    font-size: 20px;
    font-weight: 400;
  }
}

@media (min-width: 641px) {
  .in-stock-main{
    width: 50%;
    h1{
      font-size: 60px;
      margin-top: 0px;
    }
    h2{
      font-size: 32px;
    }
    p{
      font-size: 24px;
    }
  }  
}

@media (min-width: 1000px) {
  .in-stock-main{
    width: 38%;
    h1{
      font-size: 72px;
    }
    h2{
      font-size: 36px;
    }
    p{
      font-size: 28px;
    }
  }
}

.in-stock-update-container{
  position: relative; 
  width: 100%;
  min-height: 50px;
}

@media (min-width: 1000px) {
  .in-stock-update-container{
    width: 24%;
  }
}
.in-stock-updated{
  width: 100%;
  color: white;
  font-style: italic;
  text-align: right;
  position: absolute;
  bottom: 0;
}
.text-with-icons__icon-wrapper { width: 30px; height: 30px }
.text-with-icons__title { color: #007EC4 !important; }
.text-with-icon-block { width: 25%; padding: 20px 20px 20px 0px; align-self: start;}
.text-with-icon-block-wrapper { margin: 15px 0px; }
@media (min-width: 641px) and (max-width: 1100px) {
.text-with-icon-block-wrapper { display: grid !important; grid-template-columns: repeat(2, 1fr); }
.text-with-icon-block { width: 100%; }
}
@media (max-width: 640px) {
.text-with-icon-block-wrapper { display: grid !important; grid-template-columns: repeat(1, 1fr); }
.text-with-icon-block { width: 100%; padding: 5px 20px;}
.text-with-icon-block > * > p { margin-top: 12px; }
}
@media (max-width: 989px) { .single-post .row { display: block } }
.blog-sidebar__item--newsletter { padding: 20px; border-radius: 10px; }
.widget-area .blog-sidebar__item--newsletter { margin: 10px -15px 0px 0px; }
.widget-area .sidebar-latest-resources { margin-right: -15px !important }
.newsletter-heading { color: white !important; margin: 0px 0px 30px 0px; }
.newsletter__input-wrapper { position: relative; width: 100%; padding-right: 20px; }
.newsletter__floating-label { position: absolute; left: 18px; top: 0; line-height: 48px; font-size: 1rem; color: #677279; pointer-events: none; }
.newsletter__input-row { display: flex; flex-direction: row; align-items: flex-end; margin: 10px 0px; }
.newsletter-form__field { width: 100% }
.newsletter-button { text-wrap-mode: nowrap; }

@media (max-width: 989px) { .content-on-page-with-sidebar { min-width: 100% !important; } }
@media (min-width: 990px) { .content-on-page-with-sidebar { margin-top: -15px !important; margin-right: 50px !important; min-width: 56% !important; } }
@media (min-width: 1200px) { .content-on-page-with-sidebar { min-width: 66% !important; } }
.containercat { position: relative; width: 100%; }
.button-over-img { position: absolute; top: 93%; left: 48%; transform: translate(-50%, -50%); text-align: center; }
@media (min-width: 782px) { .col-wider-right-margin { margin-right: 40px !important } }
@media (min-width: 990px) { .type-page .wp-block-columns { margin-top: 30px; } }
@media (min-width: 1200px) { .testimonials { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } }
@media (min-width: 741px) and (max-width: 1199px) { .testimonials { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } }
@media (max-width: 740px) { .testimonials { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } }
.testimonials blockquote { padding: 0 10px; margin: 10px; border-left: 5px solid #777; }
.testimonials blockquote p { font-size: 17px; font-style: italic; line-height: 30px; color: #777; }
.testimonials ul { list-style: none; }
.testimonials li { break-inside: avoid; }
.testimonials p { margin: 0px }
.woocommerce-Tabs-panel--description p { margin-bottom: 20px; }
.woocommerce-Tabs-panel--description h3 { font-size: 20px; margin: 18px 0px 12px 0px }
.youtube-video-container { position: relative; background-color: #d3d3d3; width: 100%; max-width: 854px; height: clamp(0px, 56.25vw, 480px); }
.youtube-frame { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.distributors-country-wrapper { max-width: 600px }
.contact-form select { background-image: none !important; }
.show-password-input::after, .woocommerce-page form .show-password-input::after { font-family: WooCommerce; speak: never; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: .618em; content: "\e010"; text-decoration: none; margin-left: 0; margin-top: -2px; vertical-align: middle; display: inline-block; }
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input { background-color: transparent; border-radius: 0; border: 0; color: var(--wc-form-color-text, #000); cursor: pointer; font-size: inherit; line-height: inherit; margin: 0; padding: 0; position: absolute; right: .7em; text-decoration: none; top: 50%; transform: translateY(-50%); -moz-osx-font-smoothing: inherit; -webkit-appearance: none; -webkit-font-smoothing: inherit; }
.woocommerce form .password-input, .woocommerce-page form .password-input { display: flex; flex-direction: column; justify-content: center; position: relative; }
@media (min-width: 576px) { .wsc_share_cart { margin: 0px 20px; } }
@media (max-width: 575px) { .wsc_share_cart { margin: 15px 0px; width: 100%; } .wsc_save_share_cart_btns { width: 100%; } }
.woocommerce-cart .woocommerce-cart-form .actions .button[name=update_cart] { margin-top: 0px !important; }
.currency-switcher-holder select { min-height: 40px; border-radius: 8px !important; padding: 4px !important; min-width: 48px; }
@media (max-width: 575px) { .currency-switcher-holder select { min-height: 26px; padding: 2px 4px !important; font-size: 12px } }

@media print {
.product-remove, .bhfb-main_footer_row, .buy-local, .woocommerce-shipping-calculator, .botiga-single-addtocart-wrapper, .bundled-options-container, .wc-tabs, .related {display: none !important}
td { display: table-cell !important; }
.woocommerce-cart-form__cart-item > .product-name { flex: 0 0 calc(55% - 30px) !important; }
.woocommerce-cart-form__cart-item > .product-price, .product-subtotal { flex: 0 0 calc(14% - 30px) !important; padding-top: 0px !important;}
.woocommerce-cart-form__cart-item > .product-quantity { flex: 0 0 calc(22% - 30px) !important; padding-top: 0px !important;}
.woocommerce-cart-form__contents .actions { display: none !important; }
.product-quantity > .quantity { border: none; padding-left: 20px }
.product-quantity > .quantity > .show { display: none !important; }
.bhfb-header, .bhfb-header * { display: none !important; }
.site::before { content: "Kitronik"; display: block; font-size: 48px; font-weight: 600; text-align: center;}
.woocommerce-product-gallery { max-width: 100% !important;}
.product-gallery-summary { display:flex; }
.entry-summary { max-width: 40% !important; padding-left: 25px !important; }
.gallery-wrapper{ max-width: 60%}
.under-gallery{ margin: 50px 0px 20px 0px}
.flex-viewport { overflow: hidden; position: relative; transition: none; height: 380px !important; }
.woocommerce-product-gallery__image { width: 380px !important; height: 380px !important; }
.woocommerce-tabs img {max-width: 50% !important }
}
/* simple styling for figcaption Mark */
figure {
    display: inline-block;
}
figure img {
    vertical-align: top;
	max-width: 100%;
}
figure figcaption {
    text-align: center;
	font-style: italic;
	font-size: smaller;
}

/* encase text in a lozenge for copy/pasting in raspberry pi tutorials Mark */
.boxedloz {
	color: #ffffff;
	background-color: #989898; 
	padding: 2px; 
	border: 2px #989898;
	border-radius: 5px;
    display: inline-block; 
	text-align: center;
	font-weight: bold;
}


/* a snazzy button for use in blogs and resources - Mark */
.rubutton{ 
	color: #00A654 !important; 
	text-transform: uppercase; 
	text-decoration: none!important; 
	background: #ffffff; 
	padding: 10px; 
	border: 2px solid #00A654 !important; 
	display: inline-block; 
	transition: all 0.2s ease 0s; 
} 

.rubutton:hover{ 
	text-decoration: underline !important; 
	color: #ffffff !important; 
	background: #00A654; 
	border-color: #00A654 !important; 
	transition: all 0.2s ease 0s; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
} 

/* a button that is sometimes used for blogs - Mark */
.blogbutton{
  width:300px;
  background:#00A654;
  font-weight:900;
  text-decoration:none !important;
  color:white !important;
  padding:5px;
  border-radius:5px;
  border:0px solid black;
}

.blogbutton:hover{
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  text-decoration:underline !important;
  color:white;
}

pre {
  white-space: pre-wrap;
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-left: 20px solid #DAE3E3;
  color: #333;
  page-break-inside: avoid;
  font-family: monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0em;
  max-width: 100%;
  overflow: auto;
  padding: 0em 0.5em;
  display: block;
  word-wrap: break-word;
}

/* to draw a box around whatever is in the tags it uses the font from exisitng kbd css - Mark */
kbd
{
    -moz-border-radius:3px;
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    -webkit-border-radius:3px;
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    background-color:#f7f7f7;
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    color:#333;
    display:inline-block;
    line-height:1.4;
    margin:0 .1em;
    padding:.1em .6em;
    text-shadow:0 1px 0 #fff;
}
kbd:hover{
    cursor: pointer;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 16px;
}


.resource-wrapper { max-width: 800px; margin-bottom: 30px; }
.resource-ages { display: inline-flex; flex-direction: column; vertical-align: top; margin-right: 1rem; }
.resource-ages .product-label { margin: 3px 0px; min-width: 70px; text-align: center; }
.resource-header { display: flex; align-items: center; justify-content: space-between; gap: 1em; flex-wrap: wrap; padding: 10px 15px; background-color: #f5f5f5; border: 1px solid #999; border-radius: 6px; }
.resource-header h2 { margin: 0; flex-grow: 1; }
.resource-header.botiga-accordion-toggle::after { right: 15px; }
.resource-file-list { list-style: none; padding: 0; }
@media (min-width: 782px) { .resource-file-list { margin: 0px 15px; } }
.resource-file { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #999; padding: 0.5em 0; }
.resource-file:first-child { border-top: none; }
.resource-file a { color: #0073aa; text-decoration: none; }
.resource-file a:hover { text-decoration: underline; }
.file-icon { width: 24px; height: 24px; object-fit: contain; margin-left: 1em; }
.file-icons { flex-wrap: nowrap; display: flex; min-width: 80px; justify-content: flex-end; }

.ppw-ppf-desc { margin-bottom: 25px; }
.ppw-pwd-label input { margin: 0px 12px; }
.related .woocommerce-variation-availability { display: none !important; }
.products .botiga-variation-item, .related .botiga-variation-item { padding: 3px 12px }
.select2-selection { border-radius: 12px !important }
.menu-distributor-resource { border-top: 1px solid #999; margin-top: 0px; padding-top: 0px; }
.quick-order-table { margin: 0px }
.quick-order-table .sku-input, .quick-order-table .qty-input { padding: 8px 12px; min-height: 0; margin-right: 10px; }
.quick-order-table .qty-input { max-width: 100px; }
.quick-order-table th, .quick-order-table td { padding: 6px 0px; text-align: left !important; border: none; }
.quick-order-form { max-width: 900px; display: flex; }
.quick-order-comment-button { min-width: 350px; margin-top: auto; margin-bottom: 6px; }
.quick-order-comment-button p { text-align: center; }
.quick-order-form button { width: 100% }
@media screen and (max-width: 600px) { .quick-order-form {flex-direction: column; } }

.home .wp-block-latest-posts__list > li { position: relative; overflow: hidden; }
@media (min-width: 600px) and (max-width: 1000px) { .home .wp-block-latest-posts__list > li { width: calc(50% - .9375em); } .home .wp-block-latest-posts__list > li:nth-child(2) { margin-right: 0; } }
.home .wp-block-latest-posts__post-title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.0rem 1rem; color: #fff; background: rgba(0, 0, 0, 0.65); font-size: 1.0rem; font-weight: 600; line-height: 1.3; text-decoration: none; z-index: 2; }
.home .wp-block-latest-posts__featured-image { height: 180px; width: 100%; overflow: hidden; }
.home .wp-block-latest-posts__featured-image a { display: block; width: 100%; height: 100%; }
.home .wp-block-latest-posts__featured-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home .wp-block-latest-posts__post-title { transition: background 0.2s ease; }
.home .wp-block-latest-posts__list > li:hover
.wp-block-latest-posts__post-title { background: rgba(0, 0, 0, 0.8); }
.footer-widget .form__submit { margin-top: 20px; }
@media (min-width: 600px) { .wpforms-field-textarea, .wpforms-field-label { max-width: 60% } }
.wpforms-submit { background-color: #00A654 !important; color: #fff; border: 2px solid #757575 !important; border-radius: 12px !important; transition: background-color 0.7s !important; text-transform: uppercase !important; font-weight: 400 !important; padding: 13px 24px !important; height: auto !important; }
.wpforms-submit:hover { background-color: #02BF62 !important; }