/*
Theme Name: La Botellita
Theme URI: https://wordpress.org/themes/labotellita/
Author: Daniel Sáenz
Author URI: danielsaenz.com
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: labotellita
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, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */


  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;1,300&family=Oswald:wght@400;600&display=swap');

:root {
  --main-bg-color: #323232;
	--main-txt-color: #eeeeee;
	--main-title-color: #ffba00;
	--main-font-text: 'Open Sans', sans-serif;
	--main-font-title: 'Oswald', sans-serif;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: var(--main-font-text) !important;
	background-color: var(--main-bg-color);
	height: 100vh;
	height: 100%;
    height: -moz-available;          /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: fill-available;
	font-size: 3vw;
}
h1, h2{
	color:var(--main-title-color) !important;
	font-family: var(--main-font-title) !important;
}
h3{
	color:var(--main-title-color) !important;
	font-family: var(--main-font-title)!important;
	font-size: 1.5em;
}
p, li, address{
	color:var(--main-txt-color) !important;
}
li{
	margin-left: 1em;
}
address{
	font-size: 1em;
	text-transform: none;
}
a{
	text-decoration: none !important;
	color:var(--main-title-color);
}


/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

/*
 * Improves spacing for the legacy Post Comments block.
 * https://core.trac.wordpress.org/ticket/57560
 */

.wp-block-post-comments ol.commentlist ul.children {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.wp-block-post-comments ol.commentlist li.comment:not(:last-child) {
	margin-bottom: 1rem;
}

.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
	color: var(--main-title-color);
	opacity: 0.7;
 }
.woocommerce .woocommerce-breadcrumb a:first-child{
	display: none;
}
.woocommerce .woocommerce-breadcrumb{
	font-size: 0.9em;
}
.woocommerce.product .wp-block-group .wp-block-columns{
	display: flex;
}
.woocommerce.product .wp-block-woocommerce-product-details, .woocommerce .woocommerce-product-gallery__trigger{
	display: none;
}
.woocommerce .wp-block-woocommerce-product-image-gallery{
	background-image: url("inc/img/logo_labotellita_v2_25.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	/*AQUÍ PONDRE UN FONDO*/	
}
.woocommerce .woocommerce-product-gallery{
	pointer-events: none;
	
}
.wp-block-post-title{
	text-transform: uppercase;
	color: var(--main-txt-color) !important;
	font-size: 2em;
}
.woocommerce .wp-block-woocommerce-product-price{
	font-family: var(--main-font-title);
	color: var(--main-title-color);
	padding: 0;
	margin: 0;
}
.woocommerce .wp-block-add-to-cart-form p.stock{
	color: var(--main-title-color) !important;
    padding: 0.4em 0;
    font-size: 1.1em !important;
    text-align: center;
    font-weight: bold;
    background-color: rgba(0,0,0,0.25);
    margin: 2em 0;
}
.woocommerce .wp-block-add-to-cart-form form{
	display: flex;
	flex-direction: row;
    align-content: center;
    justify-content: center;
}
.woocommerce .wp-block-add-to-cart-form input, select, input{
	color: var(--main-bg-color) !important;
	border: 0.25em solid var(--main-bg-color);
	border-radius: 2em;
	font-family: var(--main-font-title);
	text-transform: uppercase;
	font-size: 1em;
	background-color: var(--main-txt-color);
	padding: 0.5em;
}

.button, .wp-block-button__link, .wp-element-button, .add_to_cart_button, .agl_buttons{
	color: var(--main-title-color) !important;
	border: 0.25em solid var(--main-title-color) !important;
	border-radius: 2em !important;
	font-family: var(--main-font-title);
	text-transform: uppercase;
	font-size: 1em;
	background-color: transparent !important;
	padding: 0.5em !important;
	transition: all ease 0.3s;
}
.button:hover, .wp-block-button__link:hover, .wp-element-button:hover, .add_to_cart_button:hover, .agl_buttons:hover{
	background-color: var(--main-title-color) !important;
	color: var(--main-bg-color) !important;
}
.agl_buttons{
	text-decoration: none;
    display: inline-block !important;
    padding: 0.5em 1em !important;
    margin: 0 0.5em;
}
.agl_yes_button{
	color: var(--main-title-color) !important;
}
.agl_no_button{
	color: var(--main-txt-color) !important;
	border: 0.25em solid var(--main-txt-color) !important;
	opacity: 0.75;
}
.agl_no_button:hover{
	background-color: var(--main-txt-color) !important;
	color: var(--main-bg-color) !important;
}
#agl_yes_button.agl_buttons:hover, #agl_no_button.agl_buttons:hover{
	color: var(--main-bg-color) !important;
}
.woocommerce .wp-block-woocommerce-product-meta{
	display: none;
}
footer{
	width: 100vw;
	height: auto;
	background-color: var(--main-title-color);
	margin-left: calc(var(--wp--custom--spacing--outer) * -1);
	margin-top: 4em;
}
footer .wp-block-group{
	padding: 1em 0 !important;
	margin: 0;
}
footer .wp-block-group img{
	opacity: 0.5;
	width: 16em !important;
	height: auto !important;
}
.wp-site-blocks{
	overflow: hidden;
}
.wp-block-site-logo{
	display: block;
    margin: 0;
    position: absolute;
    top: 0.5em;
    left: 50%;
    transform: translateX(-50%);
    width: 14em;
	height: 5em;
	background-image: url("inc/img/logo_labotellita_v2_bicolor.svg");
	background-repeat: no-repeat;
	background-size: cover;
}
.wp-block-site-logo a img{
	display: none;
}
.wp-block-site-logo a {
	width: 100%;
	height: 100%;
}
.wp-block-navigation__responsive-container-open svg{
	fill: var(--main-title-color);
}
.wp-block-navigation__responsive-container-close svg{
	fill: var(--main-bg-color);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
	background-color: var(--main-title-color);
	color: var(--main-txt-color);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content, .wpmenucart-contents{
	color: var(--main-bg-color) !important;
	font-family: var(--main-font-title);
	text-transform: uppercase;
	font-size: 1.5em;
}
.wp-block-post-title{
	text-align: center;
    font-size: 1.75em;
    margin: 2em 0;
}
.wp-block-separator, .wp-block-spacer{
	display: none;
}
.wp-block-separator.has-alpha-channel-opacity{
	display: block;
	margin: 4em auto;
	border: none !important;
}
.wc-block-product-new{
	
}
.wc-block-grid__product, .wp-block-post.product{
	background-color: rgba(0,0,0,0.25);
	padding: 1.2em !important;
	display: block;
	position: relative;
	overflow: hidden;
}

.wc-block-grid__product-image{
	position: absolute !important;
    width: 40%;
    height: auto;
    margin: 0 !important;
    padding: 1em 0;
    top: 0;
    right: 0;
}
.wc-block-grid__product-title, .wp-block-post.product .wp-block-post-title{
	width: 60%;
	color: var(--main-txt-color) !important;
	font-family: var(--main-font-title) !important;
	text-transform: uppercase;
	font-size: 1.4em !important;
	text-align: left;
	padding: 1.2em 0 0 0;
	margin: 0;
	line-height: 1.1em;
}
.wc-block-grid__product-title span, .wp-block-post.product .wp-block-post-title span{
	font-size: 0.75em;
	opacity: 0.5;
}
.wc-block-grid__product-title a, .wp-block-post.product .wp-block-post-title a{
	color: var(--main-txt-color) !important;
	text-decoration: none;
}
.wc-block-grid__product-price, .wp-block-woocommerce-product-price{
	width: 60%;
	color: var(--main-title-color);
	font-family: var(--main-font-title);
	text-transform: uppercase;
	font-size: 1em !important;
	text-align: left;
	padding: 0;
	margin: 0 !important;
	line-height: 1em;
}
.wp-block-woocommerce-product-price bdi{
	font-size: 1.75em;
	line-height: 1.2em;
}
 li.product-type-simple .wc-block-grid__product-price bdi{
	font-size: 1em;
	
}
.wc-block-grid__product-add-to-cart .add_to_cart_button, .wp-block-post.product .add_to_cart_button{
	margin: 2em 0 0 0;
    display: block !important;
    width: 60%;
    float: left;
}
/*.woocommerce-shop*/
.wp-block-group-is-layout-flex:has(.wc-block-product-results-count){
	display: flex;
	flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}
.wc-block-product-results-count {
	width: 100%;
	display: block;
	text-align: center;
	
}
.wc-block-catalog-sorting{
	width: 100%;
	
}
.wc-block-catalog-sorting select{
	width: 100%;
}
.wp-site-blocks{
	min-height: 100vh;
	min-height: 100%;
    min-height: -moz-available;          /* WebKit-based browsers will ignore this. */
    min-height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    min-height: fill-available;
}
table td{
	border: solid 0.25em  var(--main-bg-color);
	color: var(--main-txt-color);
	background-color: rgba(0,0,0,0.35);
	
}
table td.product-name a{
	color: var(--main-txt-color);
	font-family: var(--main-font-title);
	text-transform: uppercase;
	font-size: 1.2em;
}
table th{
	color: var(--main-title-color);
	font-family: var(--main-font-title);
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2em;
}
.cart_totals h2{
	color: var(--main-txt-color) !important;
    font-size: 1.5em !important;
	text-transform: uppercase;
}
form.checkout input,form.checkout select, form.checkout textarea{
	font-family: var(--main-font-text) !important;
	text-transform: none !important;
	font-weight: normal !important;
	color: var(--main-bg-color) !important;
	background-color:var(--main-txt-color) !important;
}
.woocommerce-info{
	display: none;
}
.place-order{
	background-color: transparent;
}
.woocommerce-checkout-payment{
	background-color: transparent !important;
	
}
.woocommerce-checkout-payment a{
	color: var(--main-title-color) !important;
}
.button#place_order{
	font-size: 1.3em;
}
.agl_main{
	background-color: var(--main-bg-color) !important;
}
.agl_form{
	color: var(--main-txt-color) !important;
}
.agl_form h2{
	color: var(--main-txt-color) !important;
    font-size: 2em;
    padding: 0;
    margin: 1em 0 0 0;
}
.agl_buttons_wrp{
	padding: 2em 0 1em 0 !important;
}
.outofstock{
	pointer-events: none;
}
.outofstock *{
	filter: blur(0.1em);
	opacity: 0.5;
}
.outofstock::before{
	content: 'Producto Agotado';
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 200;
	color: var(--main-title-color);
	font-family: var(--main-font-title);
	text-align: center;
	text-transform: uppercase;
	transform: translate(-50%, -50%);
	font-size: 2em;
	text-shadow: rgba(0,0,0,0.5) 0 0 0.75em;
	line-height: 1em;
	
}
.outofstock .wc-block-components-product-button{
	display: none;
}
.wp-block-post-template.is-flex-container{
	justify-content: center;
}
.payment_box p, .woocommerce-NoticeGroup p, .woocommerce-NoticeGroup li{
	color:var(--main-bg-color) !important;
}
h1.wp-block-woocommerce-legacy-template, h2.woocommerce-order-details__title, h2.woocommerce-column__title{
	font-size: 2.5em !important;
}
.woocommerce-page .woocommerce-thankyou-order-received, .woocommerce-page h2.woocommerce-column__title{
	font-size: 2em !important; 
}
p.return-to-shop{
	text-align: center;
	padding-top:2em;
}
button.wc-backward{
	display: inline-block;
}
.button br{
	display: none;
}
.visitalatienda .wp-block-button__link, .pideporwhatsapp .wp-block-button__link, .wp-element-button{
	font-size: 1.4em;
	
}
.pideporwhatsapp .wp-block-button__link::before, .visitalatienda .wp-block-button__link::before{
	content: '';
    width: 1em;
    height: 1em;
    display: inline-block;
    background-image: url(inc/img/whatsapp_amarillo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 0.5em 0 0.25em;
    transform: scale(1.3) translateY(10%);
	transition: all ease 0.3s;
}
.visitalatienda .wp-block-button__link::before{
	background-image: url(inc/img/cart_amarillo.svg);
}
.pideporwhatsapp:hover .wp-block-button__link::before, .visitalatienda:hover .wp-block-button__link::before{
	filter: brightness(0.1);
}
.added_to_cart{
	
	color: var(--main-title-color);
}
span.amount{
	opacity: 0.5;
}
.wc-block-product-best-sellers span.amount, .products-block-post-template span.amount, .wc-block-components-product-price  span.amount {
	opacity: 1;
}
.woocommerce-breadcrumb{
	display: none !important;
}
.payment_method_cod{
	font-weight: bold;
	color: var(--main-title-color) !important;
	font-size: 1.1em;
}
ul.wc-block-grid__products{
	gap:1em;
	justify-content: center;
	display: flex !important;
}
ul.wc-block-product-categories-list{
	list-style: none;
	display: flex;
	font-family: var(--main-font-title);
	text-transform: uppercase;
	color: var(--main-title-color);
	padding: 0 !important;
	margin-bottom: 2em;
}
ul.wc-block-product-categories-list li{
	list-style: none;
	display: inline;
	font-family: var(--main-font-title);
	text-transform: uppercase;
	color: var(--main-title-color);
	font-size: 1.2em;
	padding: 0 !important;
}
ul.wc-block-product-categories-list li ul{
	display: block;
	padding: 0 !important;
}
ul.wc-block-product-categories-list li ul li{
	font-size: 0.8em;
}
ul.wc-block-product-categories-list li ul li, ul.wc-block-product-categories-list li ul a{
	color: var(--main-txt-color);
}
.wc-block-product-categories-list-item-count{
	opacity: 0.5;
}
a.added_to_cart{ 
		display: block;
		margin-top: 1rem;
		width: 60%;
		margin: 0;
		padding: 1em 0 0 0;
		clear: both;
		font-size: 1.2em;
	}
h2.secondcta{
	text-transform: uppercase;
    color: var(--main-txt-color) !important;
	text-align: center;
    font-size: 1.75em;
    margin: 2em 0 0 0;
}
ul.woocommerce-order-overview{
	    flex-direction: column;
	font-size: inherit !important;
}
.heateor_sss_sharing_container{
	padding: 0 !important;
	margin: 0 0 1em 0 !important;
	opacity: 0.5;
	transition: all ease 0.3s;
}
.heateor_sss_sharing_container:hover{
	opacity: 1;
}
span.heateor_sss_svg{
	width: 2.5em !important;
    height: 2.5em !important;
    margin: 0.25em;
	
}
span.heateor_sss_svg *{
	transition: all ease 0.3s;
	
}
.heateor_sss_button_sms svg{
	transform: scale(0.7);
}
.heateor_sss_button_x svg, .heateor_sss_button_facebook_messenger svg{
	transform: scale(0.8);
}
/*#billing_company_field, #billing_postcode_field{
	display: none !important;
}*/
@media only screen and (min-width: 600px) {
	
	body{
		font-size: 16px;
	}
	
	header .wp-block-group:first-child{
		padding-top:2em !important;
		padding-bottom: 2em !important;
	}
	a.added_to_cart{ 
		width: 100%;
	}
	.wpmenucart-contents{
	   color: var(--main-title-color) !important;
		font-size: 1em;
	}
	.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{
		width:calc(42% - .83333em);
	}
	.wc-block-grid__product-image{
	
	}
	.wc-block-grid__product-add-to-cart .add_to_cart_button, .wp-block-post.product .add_to_cart_button{
		width: 100%;
	}
	.wc-block-grid__product-title, .wp-block-post.product .wp-block-post-title{
		margin: 0;
		padding: 0;
		padding-top: 34%;
		position: relative;
	}
	.wp-block-woocommerce-related-products .wc-block-grid__product-title, .wp-block-woocommerce-related-products .wp-block-post.product .wp-block-post-title, .wp-block-product-best-sellers .wc-block-grid__product-title{
		padding-top: 0;
	}
	.wc-block-grid__product-title a, .wp-block-post.product .wp-block-post-title a{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.wp-block-site-logo{
		width: 15em;
    	height: 5.3em;
		top: 1.5em;
	}
	.wp-block-navigation{
		
	}
	.wp-site-blocks{
		padding-top: 3em;
	}
	nav.wp-block-navigation{
		width: 100%;
   		 position: absolute;
    	margin: 0 auto !important;
    	padding: 0 !important;
    	left: 0;
    	top: 9em;
	}
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
		align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: var(--navigation-layout-wrap,wrap);
    justify-content: center;
		    background-color: rgba(0,0,0,0.25);
    padding: 0.5em 0 !important;
	}
	.wp-block-navigation__responsive-container-content{
		width: 100%;
   		display: flex; 
    	margin: 0 auto !important;
    	padding: 0 !important;
    	
	}
	
	
	.wp-block-navigation__responsive-container-content ul{
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-content: flex-start;
		justify-content: center !important;
		align-items: flex-start !important;
		margin: 0 !important;
	}
	.wp-block-navigation__responsive-container-content ul li{
		display:inline-block; 
		font-family: var(--main-font-title);
		text-transform: uppercase;
		color: var(--main-title-color) !important;
		font-size: 1.2em;
	}
	.wp-block-post-title{
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	.wp-block-group.product .wp-block-post-title{
		text-align: left !important;
		font-size: 2.5em;
	}
	ul.wc-block-grid__products{
		gap:1em;
		justify-content: center;	
	}
	li.wc-block-grid__product{
		    flex: 1 0 48% !important;
		max-width: 50% !important;
	
	}
}
@media only screen and (min-width: 990px) {
	body{
		font-size: 18px;
	}
	.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{
		width:calc(28.33333% - .83333em);
	}
}