/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentytwentyone
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.7
Requires PHP: 5.6
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
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 {
	
	/* Colors */
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray-child: #f0f0f0;
	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-red: #e4d1d1;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-primary-child: var(--global--color-light-gray-child);
	
	/* Headings */
	--global--color-primary-hover-child: var(--global--color-primary-child);
	
	/* Main navigation */
	--primary-nav--color-link-hover-child: var(--global--color-primary-hover-child);
}

html {
	height: 100%
}

body {
	height: 100%
}

:root {
	--primary-nav--font-size-sub-menu: calc(1.2 * var(--global--font-size-xs));
}

.site {
	box-sizing: border-box;
  position: relative;
	 padding-bottom: calc(6 * var(--global--spacing-vertical));
  min-height: 100%;
}

.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 5em;
	align-self: flex-start;
}

@media only screen and (min-width: 822px) {
	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 80vw);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 90vw);
	}
}

/*HEADER*/

.primary-navigation .sub-menu .menu-item > a {
	padding: calc(0.9 * var(--primary-nav--padding)) var(--primary-nav--padding);
	display: block;
}

.entry-header {
display: none;
}

.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item > a:first-child {
	text-decoration: none;
}

@media only screen and (min-width: 482px) {
	.primary-navigation a {
		font-size: calc(2 * var(--primary-nav--font-size));
	}
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
	height: 100%;
}

.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item > a:first-child {
	text-decoration: none;
}

.primary-navigation .current-menu-item > a:first-child:hover,
.primary-navigation .current_page_item > a:first-child:hover {
	text-decoration: none;
}

.primary-navigation a:hover {
	text-decoration: none;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0.04rem;
    -webkit-text-stroke-color: white;
}

/*SUBMENU*/
.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		background: rgb(0 0 0 / 85%);
}
/*SUBMENU*/

/*HEADER*/

/*BODY*/
.site-footer > .site-info {
	border-top: hidden;
}

.singular .entry-header {
	border-bottom: hidden;
}

/*BLOCK OPTIONS*/

.wp-block-columns .wp-block-column:first-child {
	flex-basis: 38.2%;
	}

.wp-block-columns .wp-block-column:last-child {
	flex-basis: 61.8%
	}

/*@media only screen and (max-width: 481px) {
	
	.wp-block-columns {
    	flex-wrap: nowrap;
    	flex-direction: 
				column-reverse;
	}
	
	.wp-block-columns .wp-block-column:not(:last-child) {
		margin-top: calc(0.66 * var(--global--spacing-vertical));
	}
}
*/

/*BODY*/

/*FOOTER*/
.site-footer {  
	position: absolute;
  bottom: 0;
	width: var(--responsive--alignwide-width);
margin-left: calc((100vw - var(--responsive--alignwide-width))/2);
    margin-right: calc((100vw - var(--responsive--alignwide-width))/2);
	padding-bottom: calc( 0.5 * (var(--global--spacing-vertical)));
}

.site-footer > .site-info {
	color: rgba(255, 255, 255, 0.2);
	font-size: calc( 0.75 * (var(--footer--font-size)));
border-top: hidden;
}
/*FOOTER*/