/*
Theme Name:   2024
Template:     twentytwentyfour
Version:      1.0.0
Text Domain:  twentytwentyfour
*/


/*
*****************************************************************
	General, Misc.
*****************************************************************
*/
.jspik-one-third-width {
    width: 33.33%;
    width: calc(100% / 3);
}
*:focus {
    outline: none;
}
a,
.jspik-product-filter label {
	color: #195b8b;
    cursor: pointer;
}
a:hover {
	text-decoration: underline;
}
footer a {
	color: #222;
}
select,
textarea{
	border-radius: 5px;
}


/*
*****************************************************************
	BODY
*****************************************************************
*/
/* Scrollbar */
body::-webkit-scrollbar {
  width: .5rem;
}
body::-webkit-scrollbar-thumb {
  background-color: #ececfb;
  outline: 1px solid slategrey;
}
@media (max-width: 768px) {
    body {
        margin: 5px;
    }
}



/*
*****************************************************************
	HEADER BAR
*****************************************************************
*/
.spik-header{
	text-align: center;
}
.spik-header-icon-group{
	padding: 1rem 0;
	justify-content: center;
}
.wp-block-woocommerce-customer-account svg.icon{
    height: 1.8rem;
    width: 1.8rem;
}
/*SEARCH*/
.is-form-style input.is-search-input {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.is-search-icon{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #fff;
	width: 40px;
}
.is-ajax-search-categories-details .quantity,
.is-ajax-search-categories-details .is-ajax-result-description,
.is-ajax-search-details .is-ajax-result-description {
    display: none;

}
.is-ajax-woocommerce-actions .add_to_cart_inline{
	margin-bottom: 1rem;
}
.wcml-dropdown li {
	border: none;
	border-radius: 5px;
	font-size: 0.75rem;
}

.wc-block-mini-cart__badge {
	background-color: green;
}

.wp-block-search{
    display: flex;
    height: 34px;
    overflow: hidden;
}
.wp-block-search .wp-block-search__button{
	padding-top: 0;
}



/*
*****************************************************************
	MENU BAR HEADER
*****************************************************************
*/

.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
	align-items: flex-start;
}

.wp-block-navigation__responsive-container.is-menu-open {
	padding: 2rem;
	border: solid 5px lightblue;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-spacer {
	flex-basis: 5px;
}
.wp-block-navigation__responsive-container-open svg {
	height: 30px;
	width: 30px;
	margin: 1rem;
}
.main-menu{
	z-index: 1000;
}
.main-menu ul ul li:hover {
    background-color: #f6faff8f;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container li {
  margin-bottom: 0.2rem;
}
@media (min-width: 600px) and (max-width: 1024px) {
	/* limit menu width on tablets */
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		max-width: 600px;
	}
}



/*
*****************************************************************
	SHORTCODES
*****************************************************************
*/

/* Breadcrumbs */
.jspik_breadcrumbs li,
.jspik_breadcrumbs .separator {
    list-style: none;
}
.jspik_breadcrumbs .separator{
	padding: 0 .5rem;
}
.jspik_breadcrumbs {
    display: flex;
    flex-flow: row wrap;
	font-size: .9rem;
	justify-content: center;
	padding: 0;
	margin: 5px 0;
}

/* SHOW SUBCATEGORIES INSIDE CATEGORIES */
.spik-subcategory-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 95%;
	border-top: solid 1px #ccc;
	margin-top: 1rem;
}
.spik-subcategory-grid .subcategory-item {
	flex: 0 1 175px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5rem;
}
@media (max-width: 480px ){
	.spik-subcategory-grid .subcategory-item{
		flex: 0 1 calc(50% - 20px);
	}
}
.spik-subcategory-grid .subcategory-item:hover {
	filter: brightness(105%);
}
.spik-subcategory-grid .subcategory-item img{
	max-width: 100%; 
	height: 300px;
	object-fit: cover;
	border-radius: 5%;
}
.spik-subcategory-grid .subcategory-item span {
	display: block;
}
/* CART ICON */
.jspik-cart-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    /*color: white;*/
    text-decoration: none;
    /*box-shadow: 0 0 4px #0a3177b8;
    border: solid 1px #00000060*/
}
.jspik-cart-button svg {
    width: 40px;
    height: 40px;
    color: #000000bd;
	/*filter: drop-shadow(-2px 2px 3px rgb(0 0 0 / 0.6));*/
}
.jspik-cart-button-item-count {
	position: absolute;             
	bottom: 0;                      
	right: 0;                       
	transform: translate(25%, 25%);
	min-width: 18px;                
	height: 22px;                   
	padding: 0 4px;                 
	background-color: #0d3562;
	color: white;                   
	border-radius: 50%;             
	font-size: 12px;                
	font-weight: bold;              
	display: flex;                  
	align-items: center;            
	justify-content: center;        
}


/*
*****************************************************************
	CUSTOM CLASSES (ADDED TO BLOCKS IN ADVANCED TAB)
*****************************************************************
*/
	/* .zoom-link: shrinks links when hovered over */
.zoom-link:hover {
    zoom: 95%;
}

	/* Fix menu height */
.jspik-menu-bar .wp-block-spacer {
	height: auto !important;
}

	/* Add to groups for hover effect */
.jspik-hover:hover{
    transform: scale(1.01);
}


/*
*****************************************************************
	WP Pages
*****************************************************************
*/
h2.wp-block-post-title {
    border-bottom: solid 1px #e6e6fa;
    margin-bottom: 1rem;
}

	/* For blog posts only */
.single-post .wp-block-post-content h2{
	padding: 2rem 0 1rem;
}
.single-post .wp-block-post-content p{
	margin: 1rem 0;
}



/*
*****************************************************************
	WOOCOMMERCE WC
*****************************************************************
*/

	/* Buttons */
	#customer_login .wp-element-button,
	.wp-block-woocommerce-mini-cart-checkout-button-block,
	.wc-block-components-checkout-place-order-button {
		background-color: #2486a9;
		box-shadow: 2px 2px 5px #00000088;
		border-radius: 1rem;
	}

	/*
	*****************************************************************
		WC Shopping Cart
	*****************************************************************
	*/
	.woocommerce-cart .woocommerce-cart-form,
	.woocommerce-cart .shop_table {
		box-shadow: 1px 1px 6px #33333322;
	}

	

	/*
	*****************************************************************
		WC IMAGES AND THUMBNAILS
	*****************************************************************
	*/
	.woocommerce ol.flex-control-nav.flex-control-thumbs {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}
	.woocommerce .wp-block-woocommerce-product-image-gallery{
		max-width: unset;
	}
	.woocommerce div.product div.images img {
		max-height: 600px;
		object-fit: scale-down;
	}
	@media ( min-width: 480px ){
		.single-product div.product .woocommerce-product-gallery .flex-viewport {
			width: 75%;
			float: right;
		}
	}
	.woocommerce div.product div.images .flex-control-thumbs li{
		width: auto;
		margin: 5px;
		border: solid 1px #aaa;
		border-radius: 10px;
		overflow: hidden;
	}
	.woocommerce div.product div.images .flex-control-thumbs li img{
		margin: 0 auto;
	}
	/* Product page image */
	.woocommerce .wc-block-components-product-image {
		text-align: center;
	}
	.woocommerce .wc-block-components-product-image img{
		max-width: 275px !important;
		max-height: 275px !important;
	}


	/*
	*****************************************************************
		WC STYLE THE SALE BADGE RIBBON
	*****************************************************************
	*/
	/*
	.woocommerce div.wc-block-components-product-sale-badge {
		font-size: 1.5rem;
		line-height: 21px;
		background: none;
		border: none;
		width: 150px;
		height: 150px;
		overflow: hidden;
		position: absolute;
		top: -10px;
		right: -10px;
	}
	.woocommerce div.wc-block-components-product-sale-badge span:first-child {
		left: -25px;
		top: 30px;
		transform: rotate(45deg);
		position: absolute;
		display: block;
		width: 225px;
		padding: 9px 0;
		background-color: #5a8f87;
		box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
		color: #fff;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
		text-transform: uppercase;
		text-align: center;
		border: 2px dotted #fff;
		outline: 5px solid #3e6e67;
	}
	*/
	/* Pseudo-elements for ribbon corners */
	/*
	.woocommerce div.wc-block-components-product-sale-badge::before,
	.woocommerce div.wc-block-components-product-sale-badge::after {
		content: "";
		position: absolute;
		z-index: -1;
		border-style: solid;
		border-width: 5px;
	}
	.woocommerce div.wc-block-components-product-sale-badge::before {
		top: 0;
		left: 0;
		border-top-color: transparent;
		border-right-color: transparent;
		border-color: #f19066;
	}
	.woocommerce div.wc-block-components-product-sale-badge::after {
		bottom: 0;
		right: 0;
		border-top-color: transparent;
		border-right-color: transparent;
		border-color: #f19066;
	}
	@media only screen and (max-width:600px){
		.woocommerce div.wc-block-components-product-sale-badge{
			width: 100px;
			height: 100px;
		}
		.woocommerce div.wc-block-components-product-sale-badge span:first-child {
			font-size: 1.1rem;
			left: 5px;
			top: 10px;
			width: 125px;
		}
	}
	*/


	/*
	*****************************************************************
		WC SINGLE-PRODUCT PAGE DETAILS
	*****************************************************************
	*/

	.wp-block-woocommerce-add-to-cart-form form.cart{
		display: block
	}
	.wc-block-components-product-price .percentDiscount{
		font-size: 0.9rem;
		color: #691261;
	}
	.wc-block-components-product-price del {
		font-size: 65%;
		font-weight: 400;
		margin-left: 5px;
	}
	.wc-block-components-product-price del span.woocommerce-Price-amount.amount{
		color: #000;
	}
	span.woocommerce-Price-amount.amount {
		color: #238c00;
	}
	.jspik-custom-product-images {
		display: flex;
		flex-flow: row wrap;
		gap: 15px;
	}
	.jspik-custom-product-images img {
		width: calc(50% - 15px);
		min-width: 300px;
		margin: 0 auto;
		border: solid 1px #eee;
		box-shadow: 0px 0px 10px #00000011;
	}
	/* Qty Select */
	.woocommerce .quantity select.select_quantity {
		height: 2rem;
		font-size: 100%;
		border-radius: 10px;
		padding-left: 10px;
	}
	/*Variations*/
	.woocommerce-variation-description {
		padding: 1rem;
		border: solid 1px #ededed;
	}
	.woocommerce .woocommerce-variation-description span,
	.woocommerce div.product form.cart .woocommerce-variation-description p {
		font-size: .75rem !important;
		margin: 0;
		padding: 0;
	}
	.woocommerce-variation-price:before {
		content: "Your Price:";
	}
	.woocommerce-variation-price {
		font-size: 1.3rem;
	}
	.woocommerce div.product form.cart table.variations {
		margin: 1rem 0;
		border-spacing: 0 1rem;
		border-collapse: separate;
	}
	.woocommerce div.product form.cart table.variations tr {
		display: flex;
		flex-flow: column;
	}
	/*button*/
	.woocommerce button.single_add_to_cart_button {
		min-width: 175px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
		background-color: #00b100;
		border-radius: 2rem;
	}
	.wp-block-buttons>.wp-block-button .wp-block-button__link:hover,
	.woocommerce button.single_add_to_cart_button:hover {
		scale: 101%;
		text-decoration: none;
	}
	.single_add_to_cart_button::before {
		content: '';
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 8px; /* Space between the icon and text */
		background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="9" cy="21" r="1"%3E%3C/circle%3E%3Ccircle cx="20" cy="21" r="1"%3E%3C/circle%3E%3Cpath d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"%3E%3C/path%3E%3C/svg%3E') no-repeat center center;
		background-size: contain;
		vertical-align: text-bottom;
	}

	/* WC Product Description area */
	.woocommerce .wp-block-woocommerce-product-details img.aligncenter {
		margin: 0 auto;
		display: block;
	}

	/* Custom fields in single product */
	input[type="file"]::file-selector-button {
	  border: 1px solid transparent;
	  padding: 10px 8px;
	  border-radius: 0.2em;
	  background-color: #d0e5ee;
	  color: #333333;
	  transition: border-color .2s;
	}
	input[type="file"]::file-selector-button:hover {
		border-color: #000;
	}
	.jspik-custom-fields {
		margin: 0 0 2rem;
	}
	.jspik-custom-fields select {
		height: 2rem;
		padding-left: 10px;
		font-size: 1rem;
	}
	.jspik-custom-fields .no-optional span.optional {
		display: none;
	}
	.jspik-custom-fields .field-group {
		border: solid 1px #aaa;
		padding: .5rem;
		margin: 1rem 0 2rem;
		box-shadow: 3px 3px #00000022;
		border-radius: 1rem;
	}
	.jspik-custom-fields .field-group p {
		font-size: 0.9rem;
	}
	.jspik-custom-fields .file-checkbox-wrapper{
		display: block;
		margin-bottom: 1rem;
	}
	.jspik-custom-fields .custom-file-upload{
		margin-bottom: 1rem;
		background-color: #b0c4de3b;
		padding: 1rem;
		border-radius: 1rem;
	}
	.jspik-custom-fields .hidden{
		display: none;
		opacity: 0;
		transition: opacity 0.5s ease-in-out;
	}
	.jspik-custom-fields .file-upload-group{
		border: solid 1px black;
		padding: 1rem;
		margin: 2rem 0 0;
	}
	.jspik-custom-fields span.error-message {
		display: block;
		font-size: 0.8rem;
		color: red;
		font-weight: 600;
	}


	/*
	*****************************************************************
		WC CATALOG, SHOP PAGE, CATEGORY PAGES
	*****************************************************************
	*/

	/* WC Catalog, and Related products */
	form.jspik-product-filter {
		margin-left: 1rem;
		padding-bottom: 5px;
		border-bottom: solid 1px #eee;
	}
	.wc-block-product-template li.wc-block-product,
	.wp-block-woocommerce-related-products li {
		border: solid 1px #ffffff00;
		padding: 10px;
		line-height: 1rem;
	}
	.wc-block-product-template li.wc-block-product:hover,
	.wp-block-woocommerce-related-products li:hover {
		border: solid 1px #aaa;
		border-radius: 10px;
		 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
		 transition: box-shadow .2s cubic-bezier(.345,.115,.135,1.42), opacity .15s ease-out, border-color .2s ease-out;
	}
	.wc-text-truncate,
	.wp-block-woocommerce-related-products h3 {
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		min-width: 0 !important;
		overflow: hidden !important;
		margin: 0;
	}
	.wc-text-truncate a {
		display: inline;
	}
	.wc-block-product-template__responsive {
		grid-gap: 0;
	}
	.archive.woocommerce .wc-block-components-product-price {
		font-size: 1rem !important;
	}
	@media only screen and (max-width:480px){
		.wc-block-product-template li.wc-block-product,
		.wp-block-woocommerce-related-products li{
			max-width: 275px;
			margin: 0 auto;
		}
		.woocommerce ul.wc-block-product-template__responsive{
			display:block;
		}
	}
	/*WC Catalog sorting form box*/
	.woocommerce.wc-block-catalog-sorting select {
		border: solid 1px #999;
		border-radius: 5px;
		padding: 5px;
	}
	/* WC Breadcrumbs */
	.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb {
		text-align: center;
	}
	/* Catalog Filter <detail> blocks summary text/title */
	details.wp-block-details summary {
		font-size: 1.3rem;
	}



	/*
	*****************************************************************
		RECENT ORDERS POPUP AT BOTTOM OF SCREEN
	*****************************************************************
	*/
#jspik-ro-popup {
	display: flex;
    position: fixed;
    bottom: -100%;
    right: 10px;
    background-color: lightblue;
    padding: 10px 1em;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    width: 300px;
    animation: slide-up 1s ease-out forwards;
}
@media only screen and (max-width:480px){
	#jspik-ro-popup {
		width: 75%;
		right: 50%;
		left: 50%;
		transform: translate(-50%, 0);
	}
}

@keyframes slide-up {
    from {
        bottom: -100%;
    }
    to {
        bottom: 10px;
    }
}

#jspik-ro-popup .jspik-ro-pimage {
	width: auto;
	height: auto;
	padding: 5px;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

#jspik-ro-popup .jspik-ro-pimage img {
	height: 50px;
	width: 50px;
	object-fit: cover;
}

#jspik-ro-popup .jspik-ro-ptext {
    flex: 1;
    text-align: left;
    padding-left: 1em;
    font-size: 0.8em;
    line-height: 1em;
}

#jspik-ro-popup .jspik-ro-ptext-title span{
    font-weight: 600;
}

#jspik-ro-popup .jspik-ro-ptext-time {
    position: absolute;
    bottom: 10px;
}



/*WC Block : Related Products*/
@media only screen and (max-width:600px){
	.wp-block-woocommerce-related-products li {
		width: 80vw;
		margin: 0 auto;
	}
}



/*
*****************************************************************
	WC PAGINATION
*****************************************************************
*/
nav.wp-block-query-pagination{
    border-top: solid 1px;
    padding-top: 1rem;
}
.wp-block-query-pagination .page-numbers {
    padding: 10px;
    margin: 0 5px;
    border: solid 1px #bbb;
    border-radius: 5px;
}
.wp-block-query-pagination .page-numbers.current{
	background-color: #eee;
    font-weight: 600;
    border: solid 3px #000;
    padding: 7px;
}



/* Product categories in shop page */
span.wc-block-product-categories-list-item__name {
    display: inline-block;
    vertical-align: middle;
	width: 99%;
}
.wp-block-woocommerce-product-categories ul {
    padding-left: 1rem;
    list-style: none;
    font-size: 1.1rem;
}
.wp-block-woocommerce-product-categories span.wc-block-product-categories-list-item-count {
    width: 40px;
    text-align: right;
}
.wp-block-woocommerce-product-categories li.wc-block-product-categories-list-item{
	margin-bottom: .25rem;
}
.wc-block-product-categories-list.wc-block-product-categories-list--has-images
li.wc-block-product-categories-list-item {
		margin-bottom: 1rem;
}
.wp-block-woocommerce-product-categories li.wc-block-product-categories-list-item:hover {
    filter: brightness(50%);
}
.wp-block-woocommerce-product-categories li.wc-block-product-categories-list-item a {
    text-decoration: none;
	flex-grow: 1;
}



/*
*****************************************************************
	JUDGE.ME REVIEW PLUGIN
*****************************************************************
*/

.jdgm-carousel__rev-sum-info{
	display: none;
	visibility: hidden;
}
.jdgm-carousel-title {
  font-size: 1.7rem;
  font-weight: 600;
}



/*
*****************************************************************
	OMNISEND PLUGIN
*****************************************************************
*/
#omnisend-forms-container [class*="badge"] {
    display: none;
}



/*
*****************************************************************
	CONTACT FORM 7 PLUGIN
*****************************************************************
*/
.wpcf7 {
    text-align: center;
}
.wpcf7 .wpcf7-submit {
	cursor: pointer;
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 250px;
	height: 35px;
	background-color: #8ce773;
	border: none;
	border-radius: 11px;
	box-shadow: 1px 1px 4px #444;
}



/*
*****************************************************************
	DISCOUNT RULES FOR WC PLUGIN
*****************************************************************
*/
/* Bulk Pricing Table Styling */
.awdr-bulk-customizable-table {
    margin: 2rem;
}
#sort_customizable_table {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
	font-size: 1rem;
	text-align: center;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 0px 10px 0px rgb(75 75 75 / 33%);
}
.wdr_bulk_table_thead {
	background: #487387;
	color: #fff;
	font-weight: bold;
}
.wdr_bulk_table_thead th {
	text-transform: uppercase;
}
.bulk_table_row {
	border-bottom: 1px solid #e1e1e1;
}
.bulk_table_row:nth-child(even) {
	background: #f8f8f8;
}
.bulk_table_row:hover {
	background: #eef6fc;
}
.wdr_bulk_table_td {
	vertical-align: middle;
}
.wdr_table_discounted_value {
	font-weight: bold;
	color: #0073aa;
}
@media (max-width: 768px) {
	.wdr_bulk_table_td {
		padding: 10px;
		font-size: 14px;
	}
}
.awdr-you-saved-text {
	font-size: 0.875rem;
}


/*
*****************************************************************
	WC ADDONS PLUGIN
*****************************************************************
*/
.wc-pao-addons-container p {
    margin: 0;
}
.wc-pao-addons-container strong {
    font-weight: normal;
}
.wc-pao-addon-description {
    font-size: 0.75rem;
}
.woocommerce div.product .wc-pao-addons-container div.product-addon-totals {
    padding: 0.85rem;
    border: solid 1px #ddd;
    font-size: 0.85rem;
}
.wc-pao-addons-container .wc-pao-col1 {
    max-width: 80%;
}
.wc-pao-addons-container select {
    height: 2rem;
}
.woocommerce form .form-row select.wc-pao-addon-image-swatch-select{
	display: none;
}
.wc-pao-addon-image-swatch{
	outline: 1px solid #000000;
	border-radius: 25px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin-left: 3px;
}
.wc-pao-addon-image-swatch img{
	position: relative;
    top: -3px;
    left: -3px;
    width: 45px;
    height: 45px;
}
.wc-pao-addon-image-swatch.selected{
	outline-width: 0px;
	transform: scale(1.1);
	box-shadow: 0 0 3px 3px rgb(0 15 255 / 45%);
}