/*
Theme Name: csb-storefront child
Theme URI:
Version: 1.0.0 
Author: MZY
Template:       csb-storefront
Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Begin CSB specific */

/* Begin Misc. */
.page-id-14256 header.entry-header > h1.entry-title{
	text-align:center!important;
}

section.related.products div.woo-thumbnail-wrap::before{
display: none;
}

.storefront-handheld-footer-bar ul li.search .site-search {
	background-color: #e8e5e4!important;
}

.storefront-handheld-footer-bar ul li > a {
	background-color: #e8e5e4!important;
}

.order_details {
  background-color: #f7f6f5;
}

ul.soon{
list-style-type: none;
padding: 0;
margin: 0;
}

li.sprocket {
  background: url("images/icon_sprocket.png") no-repeat left 5px;
  padding-left: 22px;
  padding-top: 0px;
  display: inline-block;
  margin-bottom: 15px;
}

.pswp__caption, .pswp__top-bar {
  background-color: transparent!important;
}

.pswp__bg {
  opacity: 0.5 !important;
}

.pswp__caption {
  display: none;
}

.woocommerce-tabs ul.tabs {
  border: none;
}

.woocommerce-tabs ul.tabs li {
  display: none;
  border: none;
}

.stock.out-of-stock {
  color: #e6b8b8;
}

.woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a {
  color: #cca3a3;
	text-decoration:none!important;
}

.woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-noreviews a:hover, p.no-comments a:hover {
  color: #cca3a3;
  opacity: .7;
}

.edit-link {
	display:none;
}

.form-row.woocommerce-validated input.input-text {
  box-shadow: none;
  border: none;
}

.form-row.woocommerce-invalid input.input-text {
  box-shadow: none;
  border: none;
	background-color: #ffe0e0;
}

#payment .payment_methods > .woocommerce-PaymentMethod > label::before, #payment .payment_methods > .wc_payment_method > label::before {
  color: #d7d4d4;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
  margin-bottom: 2.617924em;
  background-color: transparent;
  margin-left: 0;
  border-radius: 0;
  color: #3e3e3e;
  clear: both;
  border-left: none;
  padding: 1em 2em 1em 1em;
  position: relative;
  list-style: none outside;
	font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300;
}

@media (min-width: 768px){
	
.single-product div.product .woocommerce-product-gallery {
  float: left;
  margin-right: 5.8823529412%;
  margin-bottom: 3.706325903em;
  width: 39.1304347826%;
}	
	
.woocommerce-tabs ul.tabs {
  width: 0;
  float: left;
  margin-right: 0;
}
	
.woocommerce-tabs .panel {
  width: 100%;
}	
	
.storefront-sticky-add-to-cart {
	background-color: #efeceb !important;
	-moz-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.01)!important;
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.01)!important;
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.01)!important;
	padding: 2em;
}
	
.site-header {
  -moz-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.01) !important;
  -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.01) !important;
}
	
.storefront-sticky-add-to-cart__content-price {
  opacity: 1!important;
}
	
.storefront-sticky-add-to-cart__content-price del {
  opacity: .5;
}
	
.storefront-sticky-add-to-cart img {
  max-width: 3.8em;
  margin: 0 1.41575em 0 0;
  border: none;
	padding: 0;
	box-shadow: 0px 0px 14px 0px #e4e4e4;
}
	
}

.storefront-handheld-footer-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #e8e5e4!important;
  /*box-shadow: 0 0 6px rgba(0,0,0,.7);*/
  z-index: 9999;
  /*box-shadow: 0px 0px 14px 0px #e4e4e4;*/
	box-shadow: none;
}
.storefront-handheld-footer-bar ul li.cart .count {
  background-color: #e6b8b8;
  color: #efeceb;
  border-color: #efeceb;
}

.site-header .site-branding img{
	transition: all 0.2s ease;
}

.site-header .site-branding img:hover{
	opacity:0.7;
}

.widget ul.product_list_widget li del {
  opacity: 0.5;
  filter: alpha(opacity=@opacity * 100);
}

ins span.woocommerce-Price-amount.amount {
  color: #b85f56 !important;
  font-weight: normal;
	padding-left: 5px;
}

span.woocommerce-Price-amount.amount {
  color: #9f9693;
	font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300;
}

.site-main ul.products li.product a:hover {
  opacity: 0.7;
}

a {
	transition: all 0.2s ease;
}

.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
  width: 100%;
  max-width: 190px;
}

a:focus,
.focus a {
	outline: none !important;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
  outline-color: transparent;
}
/* End Misc. */

/* Begin CTA Home */

.sub-quote {
	font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300;
	color: #9f9693;
	font-size:16px;
}

/* The CTA image begins here */
.cta-image {
 background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url("https://www.classicsteelbikes.com/wp-content/uploads/2023/12/cropped-Fausto-Coppi-Fulvia-Franco-1.jpg");	
  /* Set a specific height */
  height: 600px;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	margin-bottom:90px;
	box-shadow: 0px 0px 14px 0px #e4e4e4;
}

/* Sub-title */
.cta-sub {
	color: #ffffff;
text-shadow: none;
line-height: 1.5;
text-decoration: none;
text-align: center;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
	font-family: 'Merriweather', Times New Roman, serif!important;
	font-weight:300!important;
font-size: 18px !important;
border: none !important;
}

/* Place text in the middle of the image */
.cta-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.cta-title{
	font-size:2.8em;
	color:#fff;
	line-height: 1.4em;
	letter-spacing: 0px;
	margin-bottom: 30px;
}

/* End CTA Home */

/* Begin Buttons */
#payment .place-order .button {
  font-size: 1em;
  width: initial;
  white-space: pre-wrap;
}

.wc-proceed-to-checkout .button.checkout-button {
  font-size: 1em;
}

/*a.button.wc-forward {
    float: right;
    margin-top: -15px;
}*/

a.button.wc-backward{
    float: left!important;
    margin-top: -15px;
	margin-left: 1.41575em !important;
}

input[type="submit"].wpcf7-submit  {
	float:left;
}

input[type="submit"], a.button.wc-backward, .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button {
  float: right;
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bdb7b4), color-stop(1, #a19894));
	background:-moz-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:-webkit-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:-o-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:-ms-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:linear-gradient(to bottom, #bdb7b4 5%, #a19894 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdb7b4', endColorstr='#a19894',GradientType=0);
	background-color:#bdb7b4;
	-moz-border-radius:9999px;
	-webkit-border-radius:9999px;
	border-radius:9999px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
		font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300;
	font-size:14px;
	/*padding:11px 24px;*/
	padding: .6em 1.2em;
	text-decoration: none !important;
/*line-height: 30px !important;*/
	line-height: 1.618em!important;
border: 3px solid #a19894 !important;
 box-shadow: inset 0 0 1px #fff;
}

input[type="submit"]:hover, a.button.wc-backward:hover, .woocommerce-message a.button:hover, .woocommerce-info a.button:hover, .woocommerce-error a.button:hover, .woocommerce-noreviews a.button:hover, p.no-comments a.button:hover {
  opacity: 1;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ddd8d6), color-stop(1, #a19894));
	background:-moz-linear-gradient(top, #ddd8d6 5%, #a19894 100%);
	background:-webkit-linear-gradient(top, #ddd8d6 5%, #a19894 100%);
	background:-o-linear-gradient(top, #ddd8d6 5%, #a19894 100%);
	background:-ms-linear-gradient(top, #addd8d6 5%, #a19894 100%);
	background:linear-gradient(to bottom, #ddd8d6 5%, #a19894 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd8d6', endColorstr='#a19894',GradientType=0);
	background-color:#ddd8d6;
	color:#ffffff!important;
	border: 3px solid #a19894!important;
}

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bdb7b4), color-stop(1, #a19894));
	background:-moz-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:-webkit-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:-o-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:-ms-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:linear-gradient(to bottom, #bdb7b4 5%, #a19894 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdb7b4', endColorstr='#a19894',GradientType=0);
	background-color:#bdb7b4;
	-moz-border-radius:9999px;
	-webkit-border-radius:9999px;
	border-radius:9999px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
		font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300;
	font-size:14px;
	/*padding:11px 24px;*/
	padding: .6em 1.2em;
	text-decoration: none !important;
/*line-height: 30px !important;*/
	line-height: 1.618em!important;
border: 3px solid #a19894;
 box-shadow: inset 0 0 1px #fff;
}

button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ddd8d6), color-stop(1, #a19894));
	background:-moz-linear-gradient(top, #ddd8d6 5%, #a19894 100%);
	background:-webkit-linear-gradient(top, #ddd8d6 5%, #a19894 100%);
	background:-o-linear-gradient(top, #ddd8d6 5%, #a19894 100%);
	background:-ms-linear-gradient(top, #addd8d6 5%, #a19894 100%);
	background:linear-gradient(to bottom, #ddd8d6 5%, #a19894 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd8d6', endColorstr='#a19894',GradientType=0);
	background-color:#ddd8d6;
	color:#ffffff;
	border: 3px solid #a19894;
}

.tp-button-csb {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bdb7b4), color-stop(1, #a19894));
	background:-moz-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:-webkit-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:-o-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:-ms-linear-gradient(top, #bdb7b4 5%, #a19894 100%);
	background:linear-gradient(to bottom, #bdb7b4 5%, #a19894 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdb7b4', endColorstr='#a19894',GradientType=0);
	background-color:#bdb7b4;
	-moz-border-radius:9999px;
	-webkit-border-radius:9999px;
	border-radius:9999px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
		font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300;
	font-size:16px;
	padding:11px 24px;
	text-decoration: none !important;
line-height: 30px !important;
border: 4px solid #a19894;
 box-shadow: inset 0 0 1px #fff;
}
.tp-button-csb:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ddd8d6), color-stop(1, #a19894));
	background:-moz-linear-gradient(top, #ddd8d6 5%, #a19894 100%);
	background:-webkit-linear-gradient(top, #ddd8d6 5%, #a19894 100%);
	background:-o-linear-gradient(top, #ddd8d6 5%, #a19894 100%);
	background:-ms-linear-gradient(top, #addd8d6 5%, #a19894 100%);
	background:linear-gradient(to bottom, #ddd8d6 5%, #a19894 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd8d6', endColorstr='#a19894',GradientType=0);
	background-color:#ddd8d6;
	color:#ffffff;
}
.tp-button-csb:active {
	position:relative;
	top:1px;
}
/* End Buttons */

/* Begin Forms */
#payment .payment_methods > li:not(.woocommerce-notice):hover {
  background-color: #efeceb;
}

table:not(.has-background) th {
  background-color: #f7f6f5;
}

#payment .payment_methods > li:not(.woocommerce-notice) {
  background-color: #f7f6f5;
}

#payment .payment_methods > li .payment_box, #payment .place-order {
  background-color: #faf9f9;
}

.widget_product_search form::before {
  color: #9f9693;
}

textarea.wpcf7-textarea {
  padding: 0.6180469716em 0.6180469716em 0.6180469716em 1em;
  background-color: #F5F4F3;
  color: #43454b;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
  -moz-border-radius: 16px!important;
  -webkit-border-radius: 16px!important;
  border-radius: 16px!important;
}

textarea.input-text {
  padding: 0.6180469716em 0.6180469716em 0.6180469716em 1em;
  background-color: #F5F4F3;
  color: #43454b;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
  -moz-border-radius: 16px!important;
  -webkit-border-radius: 16px!important;
  border-radius: 16px!important;
}

input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], .input-text {
  padding: 0.6180469716em 0.6180469716em 0.6180469716em 1em;
  background-color: #F5F4F3;
  color: #43454b;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
  -moz-border-radius: 9999px;
  -webkit-border-radius: 9999px;
  border-radius: 9999px;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, .input-text:focus {
  background-color: #fcfbfb!important;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, .input-text:focus {
  background-color: #FFF;
}

/* End Forms */

/* Begin Contact Form 7 */
.wpcf7-spinner {
  visibility: hidden;
  display: inline-block;
  background-color: transparent !important;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 24px;
  position: relative;
}

.wpcf7-spinner::before {
  content: '';
  position: absolute;
  background-color: #cca3a3 !important;
  top: 12px;
  left: 4px;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 100%;
  transform-origin: 8px 8px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.grecaptcha-badge{
	visibility: hidden!important;
	opacity:0!important;
}

.recapt {
    font-size: 12px;
    margin-bottom: 20px;
	color: #000;
}

.recapt a{
	color:#e44a29;
	text-decoration:underline;
}

/*span.wpcf7-not-valid-tip {
    color: #ff5476;
    font-size: 1em;
    font-weight: normal;
    display: block;
	margin-bottom:10px;
}*/

/*

span.wpcf7-not-valid-tip
{
position: relative;
width: auto;
padding: 5px 8px 5px 8px;
background: #de7a7a ;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
margin-top: 10px;
margin-bottom:10px;
	display:inline-block;
	font-size: 0.8rem;
font-weight: 400;
}

span.wpcf7-not-valid-tip::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 8px 10px;
    border-color: #de7a7a transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -6px;
    left: 3px;
}

*/

.wpcf7 .wpcf7-response-output {
 border: none !important;
color: #cca3a3;
margin: 2em 0em;
padding: 0;
		font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300;
text-align: center;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: none;
	color: #dd6363;
    font-size: 1em;
    font-weight: normal;
}

.wpcf7-not-valid-tip {
  color: #cca3a3!important;
  font-size: 14px!important;
  font-family: 'Merriweather', Times New Roman, serif!important;
  font-weight: 300!important;
  display: block!important;
  padding: 1em!important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border: none !important;
    color: #cca3a3;
    margin: 2em 0em;
    padding: 0;
	font-size:1em;
		font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300;
	text-align: center;
}

/* End Contact Form 7*/

/* Begin Single Product Page */

ul, ol {
  margin: 0 0 1.41575em 1em;
  padding: 0;
}
	
.storefront-full-width-content .woocommerce-tabs ul.tabs {
  display: none;
}

.single-product div.product .edit-link {
  display: none;
}

.single-product div.product p.price {
	margin: 0.8em 0;
}
/* End Single Product Page */

/* Begin Thumbs */
.single-product div.product .woocommerce-product-gallery img {
  margin: 0;
  box-shadow: 0px 0px 14px 0px #e4e4e4;
}

ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img {
  display: block;
  margin: 0 auto 1.618em;
  box-shadow: 0px 0px 14px 0px #e4e4e4;
}

ul.products li.product.product-category img, ul.products .wc-block-grid__product.product-category img, .wc-block-grid__products li.product.product-category img, .wc-block-grid__products .wc-block-grid__product.product-category img {
  margin-bottom: 1.618em;
  box-shadow: 0px 0px 14px 0px #e4e4e4;
}
/* End Thumbs */

/* Begin Typography */
.woocommerce-products-header {
  text-align: center;
}

.related > h2:first-child, .upsells > h2:first-child {
  font-size: 1.5em;
  margin-bottom: 1em;
  text-align: center;
  margin-top: 1.2em;
  border-top: 1px solid rgba(0,0,0,.05);
  padding-top: 40px;
}

.woocommerce-tabs .panel h2:first-of-type {
  font-size: 1.4em;
  margin-bottom: 1em;
}

.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before, .woocommerce-noreviews::before, p.no-comments::before {
  font-family: 'Font Awesome 5 Free';
  content: "";
  display: inline-block;
  position: absolute;
  top: 1.05em;
  left: 1.5em;
  color: #3e3e3e;
}

h3, .gamma {
  font-size: 1.2500em;
}

.term-description {
	font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300;
	color: #9f9693;
	font-size: 0.8750em;
}

h1 {
	margin-bottom: 10px;
	font-size:1.8em;
}

h1.product_title.entry-title {
	font-size:1.625em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300!important;
	line-height:1.4em;
	letter-spacing: 0px;
}
/* End Typography */

/* Begin Yoast Breadcrumbs */

.page-id-46 p#breadcrumbs {display: none !important}

#breadcrumbs {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: .875em;
}

/* End Yoast Breadcrumbs */


/* Begin Navigation */
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
	font-size:16px;
	font-family: 'Merriweather', Times New Roman, serif;
	font-weight:300;
}

.handheld-navigation ul {
  text-align: center;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
  color: #6c6360;
}

a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover, .site-header-cart:hover > li > a {
  color: #6c6360;
}

button.menu-toggle, button.menu-toggle:hover {
  border-color: #9f9693;
  border: none;
}

button.menu-toggle {
	position: absolute;
	right: 0px;
	margin-right: 2.617924em;
	top: 6.5em;
}

/* End Navigation */

/* Begin Shop Thumb Overlays */

.woo-thumbnail-wrap { position: relative; }

.outofstock .woo-thumbnail-wrap:before{
	content: "";
	position: absolute;
    min-height: 120px;
    min-width: 120px;
	top: -1px;
	/*left: calc(50% - 4px);*/
	right:-1px;
	background: transparent url('https://www.classicsteelbikes.com/wp-content/uploads/2021/09/csb-sold-out.svg') no-repeat;
}

/*.single-product div.product::before, .single-product div.product::after {
  content: "";
  position: absolute;
  min-height: 120px;
  min-width: 120px;
  top: -1px;
  right: -1px;
  background: transparent url('https://www.classicsteelbikes.com/wp-content/uploads/2021/09/csb-sold-out.svg') no-repeat;
  left: 320px;
}*/

.sold-out-overlay {
content: "";
  position: absolute;
  min-height: 120px;
  min-width: 120px;
  top: -1px;
  right: 1px;
  background: transparent url('https://www.classicsteelbikes.com/wp-content/uploads/2021/09/csb-sold-out.svg') no-repeat;
width: 72%;
	z-index:3;
}

.single-product div.product {
  position: relative;
  overflow: visible;
}

img.sale {
  box-shadow: none!important;
  position: absolute;
  width: 120px;
  height: 120px;
  top: -1px;
  right: -1px;
  margin: 0 !important;
	width: 70%;
}

.woocommerce-page span.onsale {
  background: transparent url('https://www.classicsteelbikes.com/wp-content/uploads/2021/09/csb-sale-orange.svg') no-repeat;
  content: "";
  position: absolute;
  min-height: 120px;
  min-width: 120px;
  top: -1px;
  right: 1px;
  z-index: 3;
  width: 72%;
}

.wc-block-grid__product-onsale, .onsale {
  border-color:transparent;
  border: none;
	
}

ul.products span.onsale {
    background: transparent url('https://www.classicsteelbikes.com/wp-content/uploads/2021/09/csb-sale-orange.svg') no-repeat;
	width: 0% !important;
	right: -1px !important;
}

.woocommerce-page ul.products span.soldout {
    background: transparent url('https://www.classicsteelbikes.com/wp-content/uploads/2021/09/csb-sold-out.svg') no-repeat!important;
}

.woocommerce-page span.soldout {
    background: transparent url('https://www.classicsteelbikes.com/wp-content/uploads/2021/09/csb-sold-out.svg') no-repeat!important;
}

/* End Shop Thumb Overlays */

/* Begin Cookie Law */

/* Cookie Law */
div.et_pb_text_inner h5{
	font-weight:normal;
}

.cli-plugin-button, .cli-plugin-button:visited {
    display: inline-block;
  padding: .6em 1.2em;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  /* Make inputs the same size as normal text */

  font-family: 'Merriweather', Times New Roman, serif;
  /* Make inputs use the correct typeface instead of the browser default */

  cursor: pointer;
  /* Inputs need pointers! */

  overflow: visible;
  /* IE fix */

  width: auto;
  /* IE fix */

  line-height: 1.618em;
  margin: 0 .327em;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 300;
  text-shadow: none;
  background-color: #bdb7b4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bdb7b4), to(#a19894));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #bdb7b4, #a19894);
  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #bdb7b4, #a19894);
  /* FF3.6+ */

  background-image: -ms-linear-gradient(top, #bdb7b4, #a19894);
  /* IE10 */

  background-image: -o-linear-gradient(top, #bdb7b4, #a19894);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #bdb7b4, #a19894);

	-moz-border-radius:9999px;
	-webkit-border-radius:9999px;
	border-radius:9999px;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  
  border: 3px solid #a19894;
 box-shadow: inset 0 0 1px #fff;
}


.cli-plugin-button:hover {
	background-color: #ddd8d6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd8d6), to(#a19894));
background-image: -webkit-linear-gradient(top, #ddd8d6, #a19894);
background-image: -moz-linear-gradient(top, #ddd8d6, #a19894);
background-image: -ms-linear-gradient(top, #ddd8d6, #a19894);
background-image: -o-linear-gradient(top, #ddd8d6, #a19894);
background-image: linear-gradient(to bottom, #ddd8d6, #a19894);
	text-shadow: none;
border: 3px solid #a19894;
box-shadow: inset 0 0 1px #fff;
}

.cli-plugin-main-link {
    margin-left: 0px;
    font-weight: normal;
    text-decoration: none;
	font-weight:normal;
	color:#9f9693;
	-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}

a.cli-plugin-main-link:hover{opacity:0.7;}

#cookie-law-info-bar span {
    padding: 0px 20px 0px 20px;
}

#cookie-law-info-bar {
  border: 0;
  font-size: 11pt;
  margin: 0 auto;
  padding: 30px 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) !important;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) !important;
  font-family: 'Merriweather', Times New Roman, serif !important;
  font-weight: 300;
}

/* End Cookie Law */

/* Begin Footer */
.product_list_widget li img {
  max-width: 3.8em;
  float: right;
  margin-left: 1em;
  box-shadow: 0px 0px 14px 0px #e4e4e4;
}

.product_list_widget a:hover {
  opacity: 0.7;
}

.site-footer a:not(.button):not(.components-button) {
  color: #6c6360;
  text-decoration: none;
}


.widget .widget-title, .widget .widgettitle {
  font-size: 1.2500em;
  letter-spacing: 0;
  border-bottom: 1px solid rgba(0,0,0,.05);
  padding: 0 0 1em;
  margin-bottom: 1em;
  font-weight: 300;
  font-family: 'Merriweather', Times New Roman, serif !important;
}

.footer-widgets {
  text-align: left;
}

.product_list_widget li {
  padding: 0.7em 0;
  border-bottom: none;
}

.social-icons {
text-align: center;
padding-top: 40px;
margin-right: 30px;
width: 100%;
}

.social-icons a {
margin-right: 1em;
text-decoration: none;
font-size: 18px;
line-height: 1;
color: #9f9693!important;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}

.social-icons a:hover{color: #6c6360!important;}

.social-icons a:last-child {
margin-right: 0;
}

.copy-csb{ text-align:center; margin-top:30px; margin-top: 30px; color: #9f9693;}

.copy-csb img{
  margin: 0 auto;
}

#footer {
padding: 2.0em 0 3.0em 0;
border-top: double 6px #e8e4e3;
color: #9f9693;
}

#footer-widgets {
border-top: none;}

div#foot-nav {
	text-align: center;
	font-family: 'Merriweather', Times New Roman, serif !important;
	font-weight: 300;
	font-size:14px;
	padding: 2.0em 0 0 0;
	border-top: solid 1px #e8e4e3;
	color: #9f9693;
}

div#foot-nav a:link, div#foot-nav a:visited {font-weight:normal; color:#9f9693; margin-left: 10px; margin-right: 10px; text-decoration: none;}
div#foot-nav a:hover, div#foot-nav a:active {font-weight:normal; color:#6c6360; margin-left: 10px; margin-right: 10px; text-decoration: none;}

/* End Footer */

@media screen and (min-width: 768px) {
	
/*.woocommerce-active .site-header .site-search {
  margin-top: 50px;
}*/
	
.site-header {
  border-bottom-color: transparent;
}
	
.storefront-full-width-content .woocommerce-tabs .panel {
  width: 56.5217391304%;
	float: left;
}
	
.woocommerce-tabs {
  padding-top: 0;
  padding-bottom: 0;
}
	
.site-header-cart .cart-contents::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: inherit;
  vertical-align: baseline;
  content: "";
  height: 1em;
  float: left;
  line-height: 1.618;
  margin-right: 10px;
}
	
.site-header-cart .cart-contents:after,
.storefront-handheld-footer-bar ul li.cart > a:before {
content: "\f291";
/*display: none;*/
}	
}

@media (min-width: 768px) {
	
.added_to_cart, .site-header-cart .widget_shopping_cart a.button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
  background-color: #f2f0ef;
  border-color: #f2f0ef;
  color: #3e3e3e;
  font-family: 'Merriweather', Times New Roman, serif !important;
  font-weight: 300;
}
	
.added_to_cart:hover, .site-header-cart .widget_shopping_cart a.button:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
  background-color: #605e5e;
  border-color: #605e5e;
  color: #ffffff;
}
	
.added_to_cart.alt, .added_to_cart, .widget a.button.checkout {
  background-color: #8f8e8d;
  border-color: #8f8e8d;
  color: #ffffff;
  font-family: 'Merriweather', Times New Roman, serif !important;
  font-weight: 300;
}
	
.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
  background-color: #605e5e;
  border-color: #605e5e;
  color: #ffffff;
}
	
.site-header-cart .widget_shopping_cart {
  /*background-color: #d7d4d4;*/
  box-shadow: 0px 0px 14px 0px #e4e4e4;
}
	
.cart-collaterals h2 {
  font-size: 1.618em;
  font-size: 1.2500em;
}
	
.storefront-product-pagination a img {
  max-width: 140px;
  border-radius: 0;
}

.storefront-product-pagination a {
  position: fixed;
  top: 50%;
  width: 500px;
  box-shadow: 0 0 14px #efeceb;
  z-index: 1499;
  display: flex;
  align-items: center;
}
	
.storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header {
  text-align: center;
  padding: 0 0 2.0em;
}
        #masthead .col-full {
            display: flex;
            align-items: center;
        }

        #masthead .main-navigation {
            text-align: right;
        }

        .woocommerce-active .site-header div.site-branding {
            width: 200px;
        }

	.woocommerce-active .site-header .site-search {
  width: 220px;
  float: right;
  margin-right: 0;
  clear: none;
  position: absolute;
  right: calc(50% - 530px);
  top: 40px;
}
	
  /*#masthead {padding: 41px 10% !important;}
  #masthead > .col-full {float:left !important;}
  #masthead > .storefront-primary-navigation {clear: none !important;}
  #page > .sticky-element-placeholder {height: 123px !important;}
	
.woocommerce-active .site-header .site-search {
  width: 21.7391304348%;
  float: right;
  margin-right: 0;
  clear: none;
  display: block;
  position: relative;
  right: 0px;
  left: 100%;
}*/	
}

@media (max-width: 768px){
	
.sold-out-overlay {
width: 10%;
right: -1px;
}
	
.woocommerce-page span.onsale {
  width: 0%;
  right: -1px;
}
	
.woo-thumbnail-wrap { position: relative; }
	
ul.products span.onsale {
  background: transparent url('https://www.classicsteelbikes.com/wp-content/uploads/2021/09/csb-sale-orange.svg') no-repeat;
  left: calc(50% + 43px);
}

.outofstock .woo-thumbnail-wrap::before {
  content: "";
  position: absolute;
  min-height: 130px;
  min-width: 130px;
  /*top: calc(50% - 109px);*/
  top:-1px;
  left: calc(50% + 33px);
  background: transparent url('https://www.classicsteelbikes.com/wp-content/uploads/2021/09/csb-sold-out.svg') no-repeat;
}
	
img.sale {
box-shadow: none !important;
position: absolute;
width: 130px;
height: 130px;
/*top: calc(50% - 150px);*/
top:-1px;
left: calc(50% + 33px);
margin: 0 !important;
}
	
.cta-title {
  font-size: 2.0em;
}
	
.cta-text {
  width: 80%;
}
	
}

/* Begin About CSB Layout: */

.about-col-main {
  flex: 1;  
}  

.about-col-complementary {
  flex: 1;  
}

/* Responsive: */

@media only screen and (min-width: 768px) {
  .about-layout {
    display: flex;
  }
}

  .about-margin {
    margin-right:30px;
  }

/* etc */

.about-container {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.about-col {
  padding: 0;
  margin: 0;
}

.about-col img{
  padding: 0;
  margin-right: 0;
	box-shadow: 0px 0px 14px 0px #e4e4e4;
}

@media (max-width: 768px){
  .about-margin {
    margin-right:0;
  }
}
/* End About CSB Layout: */