/*

 Theme Name:   JxJ Theme Store

 Description:  JxJ Web Themes 

 Author:       Jacobjuliaan

 Author URI:   https://jxjdesign.com

 Template:     storefront

 Text Domain:  storefront-child

*/



body {

    font-family: century-gothic, sans-serif;

    font-weight: 400;

    font-style: normal;

}



#masterhead {

    margin-bottom: 20px !important;

}



#main {

	max-width: 720px !important;

	margin: 0 auto !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0px !important;

    margin-top: 10px !important;

    margin-bottom: 10px !important;

}



/* .col-1 {

	width: 10% !important;

}



.col-2 {

	width: 10% !important;

} */





.popover-title {

	margin-top: 0px !important;

	text-align: center;

}



button {

	word-break:  keep-all !important;



}





select {

	border-color: #777771;

    background-color: #EDEDED;

    color: #000000;    font-size: 16px;

    font-family: Roboto;

    font-weight: normal;

	width: 100%;

    min-width: unset;

    max-width: unset;

    height: auto;

    min-height: unset;

    max-height: unset;

    display: block;

    margin: 0;

    padding: 9px;

    border-width: 1px;

    border-style: solid;

    border-radius: 2px;

    background-image: unset;

    line-height: 1.3em;

	

}



a:focus {

	outline: 0px !important;

}



.formlabel {

	pointer-events: none !important;

}





.site-header {

    margin-bottom: 20px !important;

    border-bottom: 1px solid #eee !important;

}



.tf-hero-logo {

	display: none !important;

}





.tf-productline-mobile {

	display: block !important;

}



.page-bg {

	background: #f4f6f6;

}



.page-header {

	padding-bottom: 0px;

}



.logo-branding {

    padding-left: 54%;

}



.handheld-navigation ul.menu li button::after {

	content: "";

}



.menu-item {

	font-family: 'Special Elite', cursive;

}



.menu-toggle {

	border-image: url(https://jxjdesign.com/wp-content/uploads/2022/03/menu-borderv2.png) 190 round !important;

    border-image-width: 50px !important;

	font-family: 'Special Elite', cursive;

}





button:hover .menu-toggle {

	outline-color: transparent !important;

	outline: 0px !important;

}





.storefront-breadcrumb {

	margin: 0px !important;

	font-family: 'Special Elite', cursive;

}



article#post-385 li.product-category.product {

    background-color: #ffffff;

    border-image: url(https://jxjdesign.com/wp-content/uploads/2022/03/menu-borderv2.png) 90 round !important;

    border-image-width: 125px !important;

}



article#post-385 li.product-category.product .woocommerce-loop-category__title {

    color: #ffffff;

}



li.product-category.product {

    background-color: #ffffff;

    border-image: url(https://jxjdesign.com/wp-content/uploads/2022/03/menu-borderv2.png) 190 round !important;

    border-image-width: 50px !important;

}







div.woocommerce-billing-fields {

	width: 120%;

}



div.woocommerce-shipping-fields {

	max-width: 60%;

}



.woocommerce-products-header {

	display: none;

}



.woocommerce-product-attributes-item--weight {

	display: none;

}



h2.woocommerce-loop-product__title {

    line-height: 2.5ex;

    height: 4.5ex;

 }



.entry-header {

	display: none;

}



.custom-row {

	margin-right: -15px;

	margin-left: -15px;

}



.container-custom {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}



.container {

    max-width: 720px !important;

}



.content-area {

    margin-bottom: 0px !important;

}

.row>.card {

	padding-left: 0px !important;

	padding-right: 0px !important;

}



.woocommerce-loop-category__title {

	font-size: 12px !important;

}



ul.products li.product, ul.products li.product, .wc-block-grid__products .wc-block-grid__product {

	margin-bottom: 5px !important;

}



.woocommerce-products-header__title {

	display: none !important;

}



.woocommerce ul.products li.product-category {

	font-family: 'Special Elite', cursive;

}



.sku_wrapper {

	display: none !important;

}



.posted_in {

	font-size: 14px !important;

}



.product-category {

	border: 1px solid;

	border-color: #ccc;

	border-radius: 4px;

}



 mark.count {

	display: none !important;

}



.demo_store {

	bottom: 0px !important;

	text-align: center !important;

	padding: 0.5em 1.41575em;

}



span .onsale {

	color: #ffffff !important;

}



.onsale {

	color: #ffffff !important;

    background: #9cc766;

    font-size: 12px;

    padding-top: 3px;

    padding-right: 8px;

    padding-bottom: 3px;

    padding-left: 8px;

    border-radius: 4px;

    border: 0;

    z-index: 9997;

    text-align: center;

}



#woocommerce-product-search-field-0 {

	    border: 2px solid transparent;

    	border-radius: 2px;

		border-color: #333333;

		background-color: #ffffff;

		border-image: url(https://jxjdesign.com/wp-content/uploads/2022/03/menu-borderv2.png) 190 round !important;

    	border-image-width: 50px !important;

		font-family: 'Special Elite', cursive;

}



.site-search .widget_product_search form::before {

	top: 1.3em;

}



.woocommerce-tabs ul.tabs li.active a, ul.products li.product .price, .wc-block-grid__product-onsale, .widget_search form:before, .widget_product_search form:before{

	color: #333333 !important;

}



	#customer_details {

		float: none !important;

		width: 1000%

	}

	

	#order_review_heading, #order_review {

		float: none !important;

		width: 100%

	}

	

	#order_comments {

		max-width: 60%;

	} 



	input#terms[type="checkbox"], input#ship-to-different-address-checkbox[type="checkbox"] {

		margin-left: -15px;

	}





.space {

    margin-top: 5px;

}



.squeeze {

    padding: 0px 12px;

}



.hentry {

    margin: 0px !important;

}



.entry-title {

    display: none;

}



/* Forms */



.forminator-button-back, .forminator-button-next  {

    width: 0% !important;

    display: block !important;

    margin-right: 15px !important;

    max-height: 60px !important;

	margin-bottom: 192px !important;

}



.web-link-number {

	max-width: 18% !important;

}



.instagram-logo {

	margin-right: 3px;

}



.instagram-logo {

  path {

    fill: #000;

  }

  circle: #fff;

  .logo {

    fill: #333;

  }

}



.fab {

	max-width: 85%

}



.adobe-icons {

	height: 30px;

	margin-top: 10px;

	margin-right: 10px;

}



.bi-twitch {

	font-size: 29px;

	margin-right: 5px

}



.code-span {

	padding-top: 5px;

}



.bi-code-square {

	font-size: 30px;

	margin-top: 10px;

	margin-right: 5px;

}



.container-carousell {

    padding-right: 0px;

    padding-left: 0px;

    margin-right: auto;

    margin-left: auto;

}



.container-carousell {

	max-width: 1080px;

}





.well {

		border-image: url(https://jxjdesign.com/wp-content/uploads/2022/03/menu-borderv2.png) 190 round;

		border-image-width: 50px;

	font-family: 'Special Elite', cursive;

	}



.know-how {

	font-family: 'Special Elite', cursive;

	}



.carousel-indicators {

	bottom: 0 !important; }



.outofstock .price{display:none}



.outofstock .amount{display:none}





@media only screen and (min-width: 750px) {

/* 	

	ul.products li.product, ul.products li.product, .wc-block-grid__products .wc-block-grid__product {

	margin-bottom: 25px !important;

} */

		

}

	



@media only screen and (min-width: 768px) {

    .logo-branding {

        padding-left: unset;

    }	

	

	.demo_store {

	bottom: 0px !important;

	text-align: center !important;

	padding: 1em 1.41575em;

}



}



@media only screen and (max-width: 1024px) {



	.tf-productline-desktop { 

			display: none !important;

		}

	}



@media only screen and (min-width: 1024px) {





	.tf-hero-logo {

		display: block !important;

	}



	.tf-productline-mobile {

			display: none !important;

		}



	

	#Footer {

		background: #F4F6F9;

	}

		.page-bg {

	background: #ffffff;

	padding: 45px 0 80px 0;

}

.well {

		border-image: url(https://jxjdesign.com/wp-content/uploads/2022/03/menu-borderv2.png) 190 round;

		border-image-width: 50px;

		background-color: #ffffff	

	}

	

}



input[name="post_password"]#pwbox-14 {

	border-color: #777771;

    background-color: #EDEDED;

    color: #000000;

	font-size: 16px;

    font-family: inherit;

    font-weight: 400;

	outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

	box-sizing: border-box;

    width: 100%;

    min-width: unset;

    max-width: unset;

    height: auto;

    min-height: unset;

    max-height: unset;

    display: block;

    margin: 0;

    padding: 9px;

    border-width: 1px;

    border-style: solid;

    border-radius: 2px;

    background-image: unset;

    line-height: 1.3em;

    -webkit-transition: .2s ease;

    transition: .2s ease;

}



/* TASKFORCE PAGE */

.tf-cat-container {

	max-width: 760px;

	padding: 1.25em 1.25em !important;

}



.center-element {

	margin: 0 auto;

}



.wp-block-group {

	padding: 1.25em 2.375em;

}



.custom-block-start {

	margin-block-start: 0px !important;

}





.tf-product-img {

	max-width: 220px;

}



.tf-product-img-2 {

	max-width: 250px;

}



	.tf-hero-logo-mobile {

		display:none;

	}



.tf-production-location-img {

	max-width: 420px;

}



@media screen and (max-width: 780px) {

	

/* 	.tf-cat-container img */

	.wp-element-caption {

		display:none;

	}

	

	.tf-product-img,.tf-product-img-2 {

	display: none !important;

}

	

	p.has-large-font-size {

    font-size: var(--wp--preset--font-size--medium) !important

  }

	div.wp-block-group.alignwide {

    padding: 0 !important;

}

	.padding-zero {

		padding: 0px !important;

	}



	

	.tf-hero-logo-mobile {

		display:block;

		padding-top: 5em;

		padding-bottom: 0em;

		padding-left: 4.347826087% !important;

	}

}



/* Tabs horizontal über dem Inhalt */

.woocommerce div.product .woocommerce-tabs ul.tabs {

    float: none;

    display: flex;

    justify-content: flex-start;

    border-bottom: 1px solid #ccc;

    margin-bottom: 20px;

    gap: 25px; /* Abstand zwischen Tabs */

}



/* Einzelne Tabs ohne feste Breite, mehr Abstand */

.woocommerce div.product .woocommerce-tabs ul.tabs li {

    width: auto;

    margin-right: 15px;

    padding-bottom: 10px;

    margin-bottom: 5px;

}



/* Pfeil links neben aktivem Tab ausblenden */

.woocommerce-tabs ul.tabs li.active::after {

    display: none !important;

}



/* Beschreibung auf volle Breite */

.woocommerce div.product .woocommerce-tabs .panel {

    width: 100% !important;

    max-width: 100% !important;

    float: none;

    margin-left: 0;

    padding-left: 0;

}





/* Container optisch neutralisieren */

p.product.woocommerce.add_to_cart_inline {

    border: none !important;

    padding: 0 !important;

    margin: 30px 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 8px;

}



/* Preis ausblenden */

p.product.woocommerce.add_to_cart_inline .woocommerce-Price-amount,

p.product.woocommerce.add_to_cart_inline .woocommerce-price-suffix {

    display: none;

}



.button-padding { 

	padding-left: 0px !important;

}



/* Button verschönern */

.add_to_cart_button,

.button,

p.button a {

	text-decoration: none !important;

    background-color: #1f1f1f;

    color: #fff;

    padding: 10px 24px;

    font-weight: 600;

    border: none;

    border-radius: 4px;

    transition: 0.3s ease;

    cursor: pointer;

}



.productdetail-button a {

	text-decoration: none !important;

    background-color: #1f1f1f;

    color: #fff;

    padding: 10px 24px;

    font-weight: 600;

    border: none;

    border-radius: 4px;

    transition: 0.3s ease;

    cursor: pointer;

}



.button-green a {

	background-color: #b3ff00;

	color: #1f1f1f;

}





.add_to_cart_button:hover {

    background-color: #F4F6F9;

	color: #6d6d6d;

}



.productdetail-button a:hover {

    background-color: #F4F6F9;

	color: #6d6d6d;

}


/* Q&A CSS => */


summary::marker {
	display: none !important;
}


/* FAQ container (details element) */
details {
  border-radius: 6px;
  margin-bottom: 20px;
  transition: box-shadow 0.3s ease;
}


/* Summary (question line) */
summary.fragen {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Remove default disclosure arrow */
summary.fragen::-webkit-details-marker {
  display: none;
}
details[open] > summary.fragen::after {
  transform: rotate(180deg);
}

/* Answer content */
.antworten {
  line-height: 1.6;
}