/*
Theme Name: grougrou
Theme URI: 
Author: Web Guy
Author URI: 
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2026
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

@font-face {
    font-family: 'SUSE';
    src: url('/wp-content/uploads/fonts/SUSE-VariableFont_wght.ttf'); /* Legacy iOS */
}
:root {
	--outer-border: 0.13rem;
	--outer-border-color: rgb(40,40,40);
	--main-bg-color: rgb(240,240,240);
}
html {
	font-size : min(2.28vw , 1.2em);
	font-family : 'SUSE';
	background-color: var(--main-bg-color);
	font-weight:300;
	caret-color: transparent;
}
input, textarea{
	caret-color: black;
}
.entry-content{
	margin-top:0.5em;
}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width : 50rem;
	max-width : calc( 95% - 4rem );
}
#wrapper {
	padding : 0.8rem 1rem 1rem 1rem;
	margin : 6rem auto 1rem auto;
	border-radius:calc(1.5 * var(--outer-border));
	
	border-style: solid;
	border-width: var(--outer-border);
	border-color: var(--outer-border-color);
	
	position:relative;
	background-color:#FFFFFF;
}
.profile_image{
	position:absolute;
	bottom:calc(2rem + var(--outer-border));
	left:0;
	height:6rem;
	margin-left:2%;
	margin-bottom:-1px;
	background-color: var(--main-bg-color);
	z-index: -3;
}
menu .menu_item_out:has(.menu_item:hover) .profile_image{
	z-index: -1;
}
menu .menu_item_out:has(.current) .profile_image{
	z-index: -2;
}
#banner {
	position: absolute; 
	top:0;
	left:0;
	width:100%;
}
#container {
	position: relative; 
	top:0;
	z-index:9999;
}
menu {
	text-align:end;
	display:block;
	position:absolute; 
	width:100%;
	height:8rem;
	top:-6rem;
	left:0;
	overflow:hidden
}
menu .menu_item_out{
	display:inline-block;
	width: 10rem;
	max-width:20%;
	text-align:center;
	height:2rem;
	line-height: 2rem;
	margin-left:-2.3rem;
	margin-right:1rem;
	overflow: visible;
	z-index:2;
}
menu .menu_item {
	position:relative;
	top:4rem;
}
menu .menu_item .border_menu_item{
	display:block;
	width: 100%;
	text-align:center;
	height:100%;
	font-weight:300;
	background-color: var(--outer-border-color);
	position: absolute;
	z-index:-1;
	overflow: visible;
	bottom: 0;
	
}

menu .menu_item a {
	width: calc(100% - 2 * var(--outer-border));
	height: calc(100% - var(--outer-border));
	background: #FFFFFF;
	display: block;
	position: relative;
	text-decoration: none;
	color: rgb(40,40,40);
	bottom: calc( -1 * var(--outer-border) );
	left: var(--outer-border);
	z-index:2;
}

menu .menu_item a:after {
	content: '';
	width: 100%;
	height: 100%;
	background: transparent; 
	display: block;
	position: absolute;
	top:0;
	left:0;
	z-index:-1;
}
menu .menu_item:hover a:after{
	background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
}
menu .menu_item{
	z-index: 9;
}
menu .menu_item_out:has(.current) + .menu_item_out .menu_item{
	z-index: 98;
}
menu .menu_item_out:has(.current) + .menu_item_out + .menu_item_out .menu_item{
	z-index: 97;
}
menu .menu_item_out:has(.current) + .menu_item_out + .menu_item_out + .menu_item_out .menu_item{
	z-index: 96;
}
menu .menu_item_out:has(.current) + .menu_item_out + .menu_item_out + .menu_item_out + .menu_item_out .menu_item{
	z-index: 95;
}
menu .current{
	z-index: 99;
}
menu .menu_item:hover{
	z-index: 999 !important;
}
menu .menu_item a,menu .menu_item .border_menu_item {
	-webkit-clip-path:polygon(0 0, 100% 100% , 100% 0 , 0% 100%);
	clip-path:polygon(10% 0,  0 100% , 100% 100% , 90% 0%);
}
menu .menu_item_out:nth-child(1) .menu_item a{
	background: #FFDAB8;
}
menu .menu_item_out:nth-child(1) .menu_item .top_banner{
	background: linear-gradient(#FFDAB8, #FFFFFF);
}
menu .menu_item_out:nth-child(2) .menu_item a{
	background: #FFF3B8;
}
menu .menu_item_out:nth-child(2) .menu_item .top_banner{
	background: linear-gradient(#FFF3B8, #FFFFFF);
}
menu .menu_item_out:nth-child(3) .menu_item a{
	background: #DDFFB8;
}
menu .menu_item_out:nth-child(3) .menu_item .top_banner{
	background: linear-gradient(#DDFFB8, #FFFFFF);
}
menu .menu_item_out:nth-child(4) .menu_item a{
	background: #B8F2FF;
}
menu .menu_item_out:nth-child(4) .menu_item .top_banner{
	background: linear-gradient(#B8F2FF, #FFFFFF);
}

menu .menu_item .top_banner{
	content: '';
	width: 300vw;
	height: 1.5rem;
	position: absolute;
	top: calc(2rem - var(--outer-border));
	left:-150vw;
	border-top: solid;
	border-color: var(--outer-border-color);
	border-width: var(--outer-border);
}



body {
	margin :auto;
}
.entry-title{
	font-size : 1.5em;
	position: relative; 
	top:0;
	left:0;
	font-weight: bold;
	
}
.entry-title a{
	color:black;
	text-decoration: none;
	text-shadow: #FFFFFF 1px 0 0.7rem, #FFFFFF -1px 0 0.7rem, #FFFFFF 0 1px 0.7rem, #FFFFFF 0 -1px 0.7rem, #FFFFFF 1px 0 0.7rem, #FFFFFF -1px 0 0.7rem, #FFFFFF 0 1px 0.7rem, #FFFFFF 0 -1px 0.7rem;
}
.post-edit-link, .entry-meta {
	display: inline-block;
}

.entry-meta, .post-edit-link {
	font-size:0.7rem;
	position:relative;
}
a{
	text-decoration: none; 
	color: blue;
}
.entry-meta a, .post-edit-link{
	color: black;
}
.post-edit-link{
	color: blue;
}
#footer {
	position:absolute; 
	top: 100%;
	padding: 1rem;
	left:0;
	font-size:0.7rem;
}
#branding {
	margin-top: 1em;
}
article {
	font-size: 1.0em;
	line-height:1.2em;
}
article figcaption{
	font-size:0.7rem;
	text-align:center;
}
article p, article ul{
	padding-bottom: 0.5rem;
	text-indent: 1em;
	text-align : justify;
}
article ul {
	padding-left: 3em;
	list-style-type: ' - ';
}

#comments{
	margin-top:1em; 
	margin-bottom:1em;
	padding-top:1em;
	margin-top:0.3rem;
	border-style: solid;
	border-width: var(--outer-border) 0 0 0 ;
	border-color: var(--outer-border-color);
}
#comments .comment-meta a{
	color: black;
}
#comments .comment-edit-link{
	color: blue !important;
	font-size:1.2em;
	font-weight:500;
}
#comments .comment-author b{
	
	font-weight:500;
}
.comment-author img{
	display:none;
}
.comment-meta div{
	display:inline-block;
}
.comment-metadata{
	font-size:0.5em;
}
#comments li{
	display:block; 
	border-radius:calc(1.5 * var(--outer-border));
	border-style: solid;
	border-width: calc( 0.5 * var(--outer-border));
	border-color: var(--outer-border-color);
	margin:1em;
	padding:1em;
}
#respond form{
	display:block; 
	border-radius:calc(1.5 * var(--outer-border));
	border-style: solid;
	border-width: calc( 0.5 * var(--outer-border));
	border-color: var(--outer-border-color);
	margin:1em;
	padding-left:1em;
	padding-right:1em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	text-align:center;
}
#respond p {
	display: inline-block;
	width:32.5%;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
#respond .logged-in-as, #respond .comment-notes{
	width:100%;
}
#respond .comment-form-comment{
	width:98.5%;
}
#respond .comment-form-comment textarea{
	display:block;
	border-radius: var(--outer-border);
	border-width: calc( 0.5 * var(--outer-border) );
	width:100%;
}
#respond input{
	display:block; 
	border-radius: var(--outer-border);
	border-width: calc( 0.5 * var(--outer-border) );
	width:100%;
}
#respond label{
	display: block;
}
#respond .comment-form-cookies-consent label{
	display: inline;
}
#respond .comment-form-cookies-consent{
	display:block; 
	width: 100%;
}
#respond .comment-form-cookies-consent input{
	display: inline;
	width: auto;
}
#respond .form-submit{
	width:100%;
	text-align:center;
}
#respond .form-submit input{
	font-size: 1em;
	padding:0.5em;
	width: auto;
	display:inline-block;
	background-color: var(--main-bg-color);
	border-radius: var(--outer-border);
}
#respond .form-submit input:hover{
	background-color:rgb(200,200,200);
}

.cat-links{
	font-size:0.7em;
}