@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One-Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: ME
Author URI: https://aresdi.com/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Template: twentytwentyone
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone-child
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

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

:root {
	--global--font-size-xxl: 2.5em !important;
	--global--color-primary: #f0e9d3;
	--global--color-secondary: #f0e9d3;
	--button--color-background: #f0e9d3;
	--button--color-text-hover: #f0e9d3;
	--table--stripes-border-color: rgba(240, 233, 211, 0.1);
	--table--stripes-background-color: rgba(240, 233, 211, 0.1);
	--branding--logo--max-width: 250px;
	--branding--logo--max-height: 80px !important;
	--branding--logo--max-width-mobile: 92px;
	--branding--logo--max-height-mobile: 92px;
}

#page {
	display: flex;
}

#masthead {
	height: 100vh;
	/*flex-basis: 300px;*/
	width: 300px;
	min-width: 299px;
	padding: 18px;
	box-shadow: 2px 0 4px 2px rgba(0,0,0,.15);
	position: fixed;
	overflow-x: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#masthead::-webkit-scrollbar {
	display: none;
}

#mastcontent {
	width: 100%;
	margin-left: 300px;
	padding-left: 1px;
}
#primary-menu-list {
	flex-direction: column;
	align-items: center;
}
.widget-area.widgetheader {
	display: flex;
	flex-direction: column;
	max-width: 270px;
	margin-top: auto;
	bottom: 12px;
}
.site-branding {
	display: flex;
	width: 100%;
	justify-content: center;
}
.primary-navigation {
	margin-right: auto;
}

.peventos {
	text-align: center !important;
}

.peventos .product_type_variable {
	display: none !important;
}

.woocommerce ul.products.columns-2 li.product {
	margin-bottom: 50px !important;
}

@media only screen and (max-width: 652px) {
	#page {
		display: block;
	}
	#masthead {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	.widgetheader {
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	#mastcontent {
		margin-left: 0;
	}
}