@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One Bali/IO networks
Description: Twenty Twenty-One for Bali/IO networks theme
Template: twentytwentyone

Version: 0.1.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-column, responsive-layout
Text Domain: 2021child
*/ 

:root {
	--global--color-primary: white;
    --global--color-background: #24264c;
	--global--color-light-gray: lightgray;

	--my-dark-bgcolor: #15173A;
  --custom-menu-padding: 90px;
	
	--global--font-size-xl: 2.5rem;
	--global--font-size-page-title: var(--global--font-size-xl);
}

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

body {
	background-color: var(--global--color-background);
	color: var(--global--color-light-gray);
	font-family: "Open Sans","Segoe UI", Roboto, sans-serif;
}

#masthead.site-header,
aside.widget-area,
#colophon.site-footer {
	background-color: var(--my-dark-bgcolor);
	margin-right: 0px;
	margin-left: 0px;
	padding-left: var(--custom-menu-padding);
	padding-right: var(--custom-menu-padding);
    max-width: none;

}

.singular header .entry-title,
header .page-title
{
    font-size: calc(var(--global--font-size-xxl) * .66);
}

header .site-title,
footer.site-footer > .site-info .site-name {
	text-transform: none;
}

aside.widget-area {
    margin-top: var(--global--spacing-vertical);
	padding-left: var(--custom-menu-padding);
	padding-top: 0px;
}