a{
	color:#1064ff;
}

/* Grid wrapper */
.fragment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 24px;
    margin-top: 20px;
}

/* Individual fragment card */
.fragment-item {
    background-image: url('https://fragmentfound.com/wp-content/uploads/2023/03/soil-background.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    text-align: center;
}
.fragment-item:hover {
    transform: scale(1.03);
}

/* Fragment image */
.fragment-item img {
    max-width: 100%;
    height: auto;
    border-radius: 0px;
    border: 2px solid #ddd;
    background-color: #000;
	width:auto !important;
}

/* Fragment ID or Date */
.fragment-item p {
    color: #f0f0f0;
    font-weight: 600;
    font-size: 14px;
    margin-top: 8px;
    font-family: monospace;
	margin-bottom:0px !important;
	line-height:1 !important;
}

/* Pagination */
.fragment-pagination a {
    padding: 8px 16px;
    background-color: #111111;
    color: white;
    text-decoration: none;
    border-radius: 0px;
    font-weight: bold;
    border: 1px solid #ccc;
    margin: 0 5px;
    transition: all 0.2s ease;
	border:1px solid #111111 !important;
	font-weight:400 !important;
}

.fragment-pagination a:hover {
    background-color: transparent;
    color: #111111;
    
}


/* Search input */
#fragment-search {
    width: 100%;
    max-width: 400px;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: border-color 0.2s ease;
}
#fragment-search:focus {
    border-color: #333;
    outline: none;
}

.fragment-grid {
/*     grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; */
	gap:11px !important;
	grid-template-columns:repeat(5,1fr) !important;
}

.fragment-item p {
  color: var(--e-global-color-primary);
    font-family: "space grotesk", Sans-serif;
    font-size: 22px;
    font-weight: 400;
}
/* div#fragment-results {
    padding: 20px 50px;
}
 */

input#fragment-search {
    margin-top: 20px;
}

#fragment-search {
    padding: 15px 26px;
    font-size: 18px;

}
#fragment-results{
	text-align:center;
	font-size:20px;
}
.fragment-pagination a {
 
 border:none;

}
#fragment-map {
    opacity: 1 !important;
    filter: none !important;
	height:82vh !important;
}

.category-group {
    padding-bottom: 0px;
}

 [type=submit]{

    color: #fff!important;

}
.dropdown-svg {
    transition: transform 0.3s ease;
}

button.toggle-category.active-class.toggle_active .dropdown {
    transform: rotate(180deg);
}

button.toggle-category.active-class .dropdown {
    transform: rotate(0deg);
}

button.toggle-category {
    display: flex;
    align-items: center;
    gap: 4px;
	justify-content:space-between;
	width:100%;
}

form#fragment-filters {
    padding-top: 32px;
}

div#category-filter {
    display: grid;
    gap: 18px;
}

@media only screen and (max-width:768px) {
		.fragment-grid {
    grid-template-columns: repeat(4,1fr) !important;;
}
	
	.fragment-item p{
		font-size:14px !important;
	}
}
@media only screen and (max-width: 576px) {
  .responsive-fragment form#fragment-filters {
    width: 100% !important;
  }
	
	h2.woocommerce-loop-product__title {
    font-family: "space grotesk",sans-serif;
    font-size: 18px !important;
}
	
	.archive.post-type-archive.post-type-archive-product ul.products li.product .price {
    font-size: 16px !important;
}

	
	:root .archive.post-type-archive.post-type-archive-product ul.products.columns-4 {
    grid-template-columns: repeat(2,1fr) !important;
}
}


.archive main#main {
    padding: 42px 10px 32px 10px;
}

.archive.post-type-archive.post-type-archive-product ul.products li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #111111;
    padding: 8px 16px;
    line-height: 1.5;
    color: white;
    font-weight: 400;
    font-size: 16px !important;
	transition:all 0.2s ease;
	border-radius:0px !important;
	border:1px solid #111111;
	text-align:center;
	width:100%;
}


.archive.post-type-archive.post-type-archive-product ul.products li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    background: #eeeeee;
color:#111111;
}

.archive.post-type-archive.post-type-archive-product ul.products li.product .price {
    font-size: 18px;
    font-family: "space grotesk",sans-serif;
}

h2.woocommerce-loop-product__title {
    font-family: "space grotesk",sans-serif;
    font-weight: 600;
    font-size: 20px !important;
}

.woocommerce ul.products li.product a.added_to_cart.wc-forward {
    padding: 8px 16px;
    line-height: 1.5;
    background: #c36;
    border: 1px solid #c36;
    color: white;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.woocommerce ul.products li.product a.added_to_cart.wc-forward:hover {
    background: transparent !important;
    color: #c36 !important;
}

.woocommerce-cart a.wc-block-components-product-name {
    font-size: 20px;
    color: #111111;
    text-decoration: none;
}

.woocommerce-cart a.wc-block-components-product-name {
    font-size: 20px;
    color: #111111;
    text-decoration: none;
    font-weight: 600;
	    font-family: "space grotesk",sans-serif;
}

.woocommerce-cart .wc-block-components-formatted-money-amount {
    font-size: 18px;
		    font-family: "space grotesk",sans-serif;
}

.woocommerce-cart .wc-block-components-product-metadata__description ul li {
    font-size: 14px;
}


.woocommerce-cart button.wc-block-cart-item__remove-link {
    font-size: 14px !important;
    color: #af0000 !important;
}

.woocommerce-cart a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: #111111;
    text-decoration: none;
    border: 1px solid #111111;
    border-radius: 3px;
}


.woocommerce-cart a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
    background: #eeeeee;
	color:#111111 !important;
}

.woocommerce-cart .is-large.wc-block-cart {
    margin-bottom: 2px !important;
}

.woocommerce-cart .wp-block-woocommerce-cart.alignwide {
    max-width: 1140px !important;
    margin: auto;
	padding:0px 10px;
}

.woocommerce-cart  main#content {
    margin-top: 42px;
}

.single-product main#main {
    margin: 42px auto;
    padding: 0px 10px;
}


.single-product h1.product_title.entry-title {
    font-family: "space grotesk", sans-serif;
    font-weight: 700;
}

.single-product p.price {
    font-size: 20px !important;
	    font-family: "space grotesk", sans-serif;
}

.single-product button.single_add_to_cart_button.button.alt {
    line-height: 1.5;
    padding: 8px 16px !important;
    background: #c36;
    border: 1px solid #c36;
    font-weight: 400;
		    font-family: "space grotesk", sans-serif;
}

.single-product button.single_add_to_cart_button.button.alt:hover {
    background: transparent;
color:#c36 !important;
}

:root body{
			    font-family: "space grotesk", sans-serif !important;
}

.single-product form.cart {
    margin-top: 20px;
}

.single-product #wc-square-digital-wallet {
    width: 100%;
	max-width:100% !important;
}


.single-product input#submit {
    background: #111111 !important;
    border: 1px solid #111111 !important;
    font-weight: 400 !important;
}

.single-product input#submit:hover {
    background: #eeeeee !important;
color:#111111 !important;
}

.woocommerce p.stars a {
    position: relative;
    height: 18px;
    width: 18px;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    color: #FF9529;
}

:root img{
	border-radius:0px !important;
}


#floating-shop-icon {
  display: inline-block;
  animation: slow-bounce 2.5s ease-in-out infinite;
	border-radius:50% !important;
}

@keyframes slow-bounce {
  0%, 100% {               
    transform: translateY(0);
  }

  50% {                    
    transform: translateY(-14px);  
  }
}


#floating-shop-icon {
    bottom: 60px !important;
    background-color: #111111 !important;

}

a#floating-shop-icon svg path {
    stroke: white !important;
}


:root button{
	border-radius:0px !important;
}


:root a{
	border-radius:0px !important;
}

.desktop-menu{
	margin:0px !important;
}


.archive.post-type-archive.post-type-archive-product ul.products.columns-4 {
    display: grid;
    grid-template-columns: repeat(4,1fr) !important;
	gap:11px;
}


.archive.post-type-archive.post-type-archive-product li.product.type-product {
    margin: 0px;
	width:100% !important;
	flex-direction: column;
    height: 100%;
    justify-content: space-between;
	display:flex;
}

.archive.post-type-archive.post-type-archive-product ul.products::before{
	display:none !important;
}

.archive.post-type-archive.post-type-archive-product a.button.product_type_variable.add_to_cart_button {
    background: transparent;
    padding: 8px 16px;
    line-height: 1.5;
    color: #111111;
    font-weight: 400;
    font-size: 16px !important;
    transition: all 0.2s ease;
    border-radius: 0px !important;
    border: 1px solid #111111;
    text-align: center;
    width: 100%;
}

.archive.post-type-archive.post-type-archive-product a.button.product_type_variable.add_to_cart_button:hover {
    background: #111111;
    color: white;
}

/* @media only screen and (min-width:1200px){
	.archive main#main{
		max-width:100% !important
	}
} */

@media only screen and (max-width:1024px) {
	#floating-shop-icon{
		bottom:20px !important;
	}
	
 .archive.post-type-archive.post-type-archive-product ul.products.columns-4 {
    grid-template-columns: repeat(3,1fr) !important;
}
}


.woocommerce-checkout .site-main.post-10726.page.type-page.status-publish.hentry {
    padding: 42px 10px;
}
.woocommerce-checkout button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    color: white;
}

.woocommerce-checkout button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
    color: #111111;
	background:transparent !important;
}

#fragment-filters button[type=submit]:hover {
    background: transparent !important;
    color: #111111 !important;
}

input {
    border-radius: 0px !important;
}

.wc-block-components-product-metadata__description p {
    font-size: 14px;
}

.woocommerce a#floating-shop-icon{
	display:none !important;
}