/*
Theme Name:     Regole in Cloud 22
Theme URI:      
Description:    Twentytwentytwo child theme.
Author:         Me
Author URI:     
Template:       twentytwentytwo
Version:        0.1.0
*/

:root {
	--col-ric-yellow: #f9b232;
	--col-ric-blue: #2a4a9d;

	--col-ts-01: #71bfed;
	--col-ts-02: #199ed9;
	--col-ts-03: #1e62ab;
	--col-ts-04: #144391;
	--col-ts-05: #c00b6c;
	--col-ts-06: #e82f72;
	--col-ts-07: #ec694b;
	--col-ts-08: #f8b334;
}


html {
	min-height: calc( 100vh - var(--wp-admin--admin-bar--height, 0px) );
	height: calc( 100vh - var(--wp-admin--admin-bar--height, 0px) );
	background-color: #ebeced;
}
body.home {
	min-height: 100%;
	height: 100%;
}
/* body.home.admin-bar {
} */

.home .wp-site-blocks {
	height: 100%;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-template-areas:
		"head"
		"main";
	align-items: stretch;
}

header + .site-content {
	grid-area: main;
}

header + .wp-block-group {
	grid-area: main;
}

#site-content > .entry-content {
	margin-bottom: 0;
	flex: 1 1 100%;
	background: var(--col-ric-blue);
}


header.site-header > .wp-block-group {
	position: relative;
}
.site-header > .wp-block-group::after {
	content: '';
	display: block;
	height: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: none transparent no-repeat 50% 50%;
	background-image: linear-gradient(to right,
	 var(--col-ts-01)  0%, var(--col-ts-01) 10%,
	 var(--col-ts-02) 10%, var(--col-ts-02) 23%,
	 var(--col-ts-03) 23%, var(--col-ts-03) 36%,
	 var(--col-ts-04) 36%, var(--col-ts-04) 50%,
	 var(--col-ts-05) 50%, var(--col-ts-05) 64%,
	 var(--col-ts-06) 64%, var(--col-ts-06) 77%,
	 var(--col-ts-07) 77%, var(--col-ts-07) 90%,
	 var(--col-ts-08) 90%, var(--col-ts-08) 100%
	);
}