/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/


@font-face {
	font-family: 'soledago';
	src: url('soledago.ttf') format('truetype');
}

.font-soledago {
	font-family: 'soledago';
}


/* .topnav is a custom class added in Site Editor */
@media (min-width: 1350px) {

	.topnav .wp-block-navigation__container {
		column-gap: unset; /* menu items side-by-side */
	}

	.topnav a.wp-block-navigation-item__content {
		line-height: 122px;  /* align with logo */
		padding: 0 30px;
		text-transform: uppercase;
		font-size: 24px;
		font-weight: 300;
	}
	.topnav li.wp-block-navigation-item:hover {
		background: white;
	}
	.topnav li.wp-block-navigation-item:hover a.wp-block-navigation-item__content span {
		color: black;
	}
	.topnav .wp-block-navigation ul.wp-block-navigation__submenu-container {
		border:none;
	}
	.topnav .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
		/* override theme's -1px */
		padding-top: 20px;
		padding-bottom: 28px;
		left: 0;
	}
	.topnav .wp-block-navigation-submenu .wp-block-navigation__submenu-container a.wp-block-navigation-item__content {
		line-height: 46px;
	}
	.topnav .wp-block-navigation-submenu .wp-block-navigation__submenu-container a.wp-block-navigation-item__content span {
		white-space: nowrap;
	}
}

/* to match with negative margin jumbo on the home page */
.wp-site-blocks header.wp-block-template-part {
	position: relative;
	/*z-index: 100;*/
}
/* special block with 6 equal squares and overlay links */
.homepage-grid-6 .wp-block-cover {
	padding: 0;
	font-size: 4.8vw;
	line-height: 3.8vw;
}
.homepage-grid-6 .wp-block-cover__inner-container {
	height:100%;
}
.homepage-grid-6 .wp-block-buttons .wp-block-button {
	width: 100%;
	height: 100%;
}
.homepage-grid-6 .wp-block-buttons .wp-block-button__link {
	width: 100%;
	display: block;
	padding: 0;
	font-size: 4.8vw;
	line-height: 3.8vw;
	font-family: 'soledago';
	background: none;
	border-radius: 0;
	color: white;
}
.homepage-grid-6 .wp-block-buttons {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.homepage-grid-6 .wp-block-cover p {
	margin-top: 0;
}
.homepage-grid-6 .wp-block-cover .wp-block-cover__background {
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
}
.homepage-grid-6 .wp-block-cover:hover .wp-block-cover__background {
	opacity: 0.8;
}

/* special Buy Now buttons on main - constructor has either fill or outline, so here is "deoutline" class */
/* .is-style-outline.wp-block-woocommerce-product-button */
.deoutline .add_to_cart_button {
	background: none;
	border: none !important;
	text-decoration: underline;
}

/* another funny class to add bg colors */
.colorize-li-bg ul li:nth-child(1) .wp-block-group.has-background {
	background-color: #E6E6E6 !important;
	color: black;
}
.colorize-li-bg ul li:nth-child(1) .wp-block-group.has-background h2 a {
	color: black;
}
.colorize-li-bg ul li:nth-child(2) .wp-block-group.has-background {
	background-color: #FF6600 !important;
	color: white;
}
.colorize-li-bg ul li:nth-child(3) .wp-block-group.has-background {
	background-color: #FF0000 !important;
	color: white;
}
.colorize-li-bg ul li:nth-child(4) .wp-block-group.has-background {
	background-color: #E088FA !important;
	color: white;
}
.colorize-li-bg ul li:nth-child(2) .wp-block-group.has-background h2 a,
.colorize-li-bg ul li:nth-child(3) .wp-block-group.has-background h2 a,
.colorize-li-bg ul li:nth-child(4) .wp-block-group.has-background h2 a {
	color: white;
}


.mt-0 {
	margin-top: 0 !important;
}
.home-bestsellers .wc-block-components-notices {display: none;}
.home-bestsellers .add_to_cart_button {
	padding: 5px 30px;
	border-radius: 0;
}

@media (min-width: 1000px) {
	.woocommerce-Tabs-panel--description {
		column-count: 2;
		column-gap: 100px;
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	.cc-2 {
		column-count: 2;
		column-gap: 100px;
	}
}
.woocommerce-Tabs-panel--description>p:first-of-type {
	margin-top: 0 !important;
}
.woocommerce-Tabs-panel--description>p {
	font-weight: 300;
	font-size: 16px;
}
/* align first header with the second column text */
.woocommerce-Tabs-panel--description>p b {
	font-size: 24px;
	font-weight: normal;
}
/* to make white text look better over white images */
.text-white-emphasize {
	background: rgba(0, 0, 0, 0.3);
	text-shadow: 3px 1px 5px #000, -1px 1px 5px #000, -1px -1px 5px #000, 1px -1px 5px #000;
}

.mt-10 {
	margin-top:10px;
}

.wp-block-woocommerce-product-details .wc-tabs {
	display: none;
}

body.single-product table.variations th.label,
body.single-product table.variations a.reset_variations {
	display: none !important;
}
body.single-product .single_variation_wrap .woocommerce-variation-price,
body.single-product .single_variation_wrap .woocommerce-variation-availability,
body.single-product .single_variation_wrap .wc-block-components-quantity-selector {
	color: black;
}
body.single-product .single_variation_wrap .woocommerce-variation-price {
	font-size: 32px;
}

body.single-product ul.single-product-variable-items {
	gap: 20px;
	margin-top:20px;
}

/*body.single-product .woocommerce-notices-wrapper:before {
	padding-top: 5px;
	content: "";
	display: block;
}*/
body.single-product .single_add_to_cart_button {
	border-radius: 0;
	color: white;
	background: black;
	padding: 20px 50px;
	font-size: 24px;
}
body.single-product div.wc-block-add-to-cart-form.wc-block-add-to-cart-form--stepper .wc-block-components-quantity-selector input[type=number].input-text.qty.text {
	font-size: 1.5rem;
}
body.single-product .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	font-size: 1.5em;
	padding: 0 23px;
}
body.single-product .quantity.wc-block-components-quantity-selector {
	margin-right: 25px !important;
}
body.single-product .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
	border-radius: 0;
}
body.single-product .quantity.wc-block-components-quantity-selector,
body.single-product .quantity.wc-block-components-quantity-selector *,
body.single-product .wc-block-components-quantity-selector:after {
	border-color: white;
	border-radius: 0;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
	border-radius: 0;	
}

/* topnav to overlap homepage banner image*/
.z-index-100 * {
	z-index: 100;
}

/* remove margin below header */
body.single-product .wp-block-group.woocommerce.product {
	margin-top: 0;
}
/* override default 512px */
body.single-product .woocommerce .wp-block-woocommerce-product-image-gallery {
	max-width: 720px;
}
/* variations btn labels, with js */
span.variable-num {
	display: block;
	font-size: 24px;
}

/* remove default styling */
:where(.wp-site-blocks *:focus) {
	outline-width: 0px !important;
	outline-style: solid;
}

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

.va-tt img {
	vertical-align: text-top;
}

.footer-menu ul {
	gap: 0;
}
.footer-menu ul li {
	font-weight: 400;
	line-height: 1.7;
}

.newsletter-form input {
	height: 30px;
	font-size: 14px;
	color: white;
	background: black;
	border: 1px solid white;
}
.newsletter-form input::placeholder { color: white; }
.newsletter-form input[type=submit] {
	height: 33.4px;
	background: white;
	color: black;
}
.rowgap-3em ul {
	row-gap: 3em;
}

/* Characteristics on item page */
.ch {
	background: black;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ch h2 {
	text-transform: uppercase;
	font-size: clamp(15.747px, 0.984rem + ((1vw - 3.2px) * 0.86), 24px);
	font-style: normal;
	font-weight: 400;
	color: white;
}
.mr-5px {
	margin-right: 5px !important;
}

.wc-block-product a.add_to_cart_button.has-contrast-color:hover {
	color: white !important;
	background: black !important;
}

.wc-block-product a.add_to_cart_button.has-contrast-color:hover span {
	color: white !important;
}

.hidden {
	display: none;
}
.hover-invert-red:hover {
    background-color: #ff0000 !important;
    color: white;
}

label[for="payment_method_vendo"] img {
	display: none;
}

/* checkout field */
#billing_company_field {
	display: none;
}
/* mini cart prevent hiding */
.wc-block-mini-cart.wp-block-woocommerce-mini-cart {
	visibility: visible !important;
}
/* cart page */
.wc-block-cart__submit-container .wc-block-cart__submit-button {
	padding: 1.2rem 1rem;
	border-radius: 0;
}
.wc-block-components-totals-coupon__input-coupon, .wc-block-components-totals-coupon__button {
	border-radius: 0;	
}

.xoo-cp-opac, .xoo-cp-modal, .xoo-cp-cont-opac {
	/*display: none !important;*/
}
.logged-in .hide-for-logged-in {
	display: none !important;
}
.hide-for-logged-in .xoo-el-action-sc .xoo-el-pop-sc {
    background: black;
    color: white;
    padding: 15px 20px;
    display: block;
    border: 1px solid black;
}
.hide-for-logged-in .xoo-el-action-sc .xoo-el-login-tgr.xoo-el-pop-sc {
    color: black;
    background: white;
}