/* Enter Your Custom CSS Here */

body, button, input, textarea, h1, h2, h3, h4, h5, h6, select {
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

a {
  font-weight: 500;
}

a:hover {
  color: #731f33;
}
.site-branding h1 {
  display: none;
}
.widget-area .widget a:not(.button)
{
  text-decoration: none;
}

a:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
  outline: none;
}

input[type="text"], input[type="email"] {
  line-height: 1.5;
}

.logo-header-overlay {
	position: absolute;
	display: inline;
	width: 21.9298%;
	opacity: 1.0;
}
.logo-header-overlay:hover {
	display: none;
	opacity: 0.0;
}
.logo-header-overlay-hover {
	position: absolute;
	display: inline;
	width: 21.9298%;
	opacity: 0.0;
}
.logo-header-overlay-hover:hover {
	opacity: 1.0;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover, .site-header-cart:hover > li > a {
  color: #731f33;
}

.page-title {
  text-transform: uppercase;
}

.site-header {
  background: none;
}

.main-navigation ul, .woocommerce-active .site-header .site-header-cart li{
  background-color: #fcfcfc;
  border: 1px;
  border-style: solid;
  border-color: #a0a0a0;
}

.main-navigation ul.nav-menu > li > a, .site-header-cart .cart-contents {
  padding: 1em 1em 1.244em;
}

.main-navigation ul.nav-menu > li:first-child {
  margin-left: 0px;
}

.site-header-cart .cart-contents::after {
  top: 1.2em;
}

.woocommerce-breadcrumb {
  background-color: rgba(255,255,255,0.75);
  border: 1px;
  border-style: solid;
  border-color: #a0a0a0;
  margin-bottom: 4.736em;
  margin-top: 1em;
  padding: 0.5em 0;
  padding-left: 1em;
  margin-left: 0px;
  margin-right: 0px;
}

.woocommerce-breadcrumb a{
  color: #cb6a38;
  font-weight: 700;
}

.woocommerce-breadcrumb a:hover{
  color: #731f33;
  border-color: #a0a0a0;
}

.site-branding h1 a{
  font-weight: 500;
}

.welcome-sign{
  padding: 20px;
  background: url("https://kramik.wonderland-engineering.eu/wp-content/uploads/sites/6/2024/07/kramik_zyrafa-_nowe_produkty.png") no-repeat scroll right bottom #FFF;
  background-size: 100% 100%;
  border: 1px;
  border-style: solid;
  border-color: #a0a0a0;
}

@media (min-width: 1024px){
	.welcome-sign{
  		height: 212px;
  		width: 212px;
	}

	.textwidget .sidebar-link {
  		width: 212px;
	}
}

@media (max-width: 1023px){
	.welcome-sign{
  		height: 21vw;
  		width: 21vw;
	}

	.textwidget .sidebar-link {
  		width: 21vw;
	}

	.left-sidebar .widget-area {
  		width: 21vw;
	}
}

@media (max-width: 767px){
	.welcome-sign{
  		height: 240px;
  		width: 240px;
  		margin-top: 30px;
	}

	.textwidget .sidebar-link {
  		width: 21vw;
	}

	.left-sidebar .widget-area {
  		width: 21vw;
	}
}

.welcome-sign p{
  padding-top: 15%;
  padding-left: 12%;
  font-size: 30px;
}

.textwidget .sidebar-link {
  margin-bottom: 30px;
  height: 45px;
  text-align: center;
  display: table;
}

.textwidget .sidebar-link a{
  color: #FFF;
  background-color: #bb3353;
  padding: 8px 15px;
  vertical-align: middle;
  display: table-cell;
  font-size: 1.5em;
}

.textwidget .sidebar-link a:hover{
  color: #fff;
  background-color: #cb6a38;
}

.sidebar-link.alt-background a, .sidebar-link.alt-background span{
  color: #FFF;
}

.sidebar-link.sale-background a, .sidebar-link.sale-background span{
  color: #FFF;
  font-weight: 500;
}

button:hover, button.alt:hover, .button:hover, .button.alt:hover{
  background-color: #cb6a38 !important;
}

#order_review {
  background-color: #fcfcfc;
}


.left-sidebar .content-area {
  background-color: #fcfcfc;
  padding: 30px;
  border: 1px;
  border-style: solid;
  border-color: #a0a0a0;
}

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

.woocommerce-tabs .panel {
  width: 100%;
}

@media (min-width: 768px) {
  .site-main ul.products li.product {
    border: 1px;
    border-style: solid;
    border-color: rgba(160,160,160,0.2);
    background-color: #f0f0f0;
    width: 30.4117647059%;
    padding: 1.0%;
    margin-right: 4%;
  }
  
  ul.products li.product h3 {
    min-height: 4.9em;
  }

	.left-sidebar .widget-area {
  		width: 19.8%;
	}
}

@media (max-width: 767px) {
	  .site-main ul.products li.product {
    border: 1px;
    border-style: solid;
    border-color: rgba(187,51,83,0.2);
    background-color: #f0f0f0;
    padding: 3.9%;
  }
}

.site-main ul.products li.product:hover {
  background-color: #d0d0d0;
}