/*////////////////////////////////////////////////////////////////////////////
// Version 1.0 Signed by Sid @ BENTO on 2025-09-07 T 13:29:09 -06:00
// Authentication (do not edit) $yCAAnJ2d$
//////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) 2025 by Sid Paral. All rights reserved
//
// Permission to use, copy, modify, and distribute this software for any
// purpose with or without fee is hereby granted, provided that the above
// copyright notice and this permission notice appear in all copies.
//
// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
// MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
// ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
// WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
//
//////////////////////////////////////////////////////////////////////////////
//
// sid-base.css
//
////////////////////////////////////////////////////////////////////////////*/

:root						{
								--sid-base-padding:					0.5rem;
								--sid-base-line-size:				0.25rem;
								--sid-base-butt-width:				2rem;
								--sid-base-butt-height:				calc(0.75 * var(--sid-base-butt-width));
								--sid-base-butt-radius:				0.25rem;
								--sid-base-pic-radius:				0.25rem;
								--sid-base-line-radius:				calc(0.5 * var(--sid-base-line-size));
								--sid-base-email-size:				1.0rem;
								--sid-base-head-size:				2.5rem;
								--sid-base-banner-size:				2.0rem;
								--sid-base-back-color:				#000;
								--sid-base-text-color:				#FFF;
								--sid-base-alnk-color:				#99C;
								--sid-base-avis-color:				#69C;
								--sid-base-ahov-color:				#C36;
								--sid-base-aact-color:				#C63;
							}

body 						{
								background:						var(--sid-base-back-color);
								background-repeat:				no-repeat;
								background-attachment:			fixed;
								background-position:			center center;
								color:							var(--sid-base-text-color);
								margin:							var(--sid-base-padding);
								font-family:					Calibri, Carlito, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
								text-align:						justify;
								position:						static;
								display:						flex;
								flex-flow:						column nowrap;
								gap:							var(--sid-base-padding);
							}
a							{	text-decoration: 				none; 						}
a:link						{	color:							var(--sid-base-alnk-color);	}
a:visited					{	color:							var(--sid-base-avis-color);	}
a:hover						{	color:							var(--sid-base-ahov-color);	}
a:active					{	color:							var(--sid-base-aact-color);	}
*							{	box-sizing:						border-box;					}

sub,
sup							{	font-size:						0.6em;		}

/****************************************************************************/

.heading					{
								width:							100%;
								font-size:						var(--sid-base-head-size);
								font-weight:					bold;
								display:						flex;
								flex-flow:						row nowrap;
								justify-content:				space-between;
								align-items:					center;
								gap:							var(--sid-base-padding);
							}
.h-icon						{
								height:							var(--sid-base-head-size);
								width:							auto;
							}
.entry						{
								width:							100%;
								display:						flex;
								flex-direction:					row;
								flex-wrap:						nowrap;
								justify-content:				normal;
								align-items:					flex-start;
								gap:							var(--sid-base-padding);
							}
.banner						{
								width:							100%;
								font-size:						var(--sid-base-banner-size);
								display:						flex;
								flex-direction:					row;
								flex-wrap:						nowrap;
								justify-content:				space-between;
								align-items:					center;
								gap:							var(--sid-base-padding);
							}
.b-icon						{
								height:							var(--sid-base-banner-size);
								width:							auto;
							}
.name, .when				{
								display:						flex;
								flex-flow:						row nowrap;
								justify-content:				normal;
								align-items:					center;
							}
.name						{
								font-weight:					bold;
								text-align:						left;
							}
.when						{
								font-style: 					italic;
								font-weight:					100;
								text-align:						right;
							}
.break,
.separator					{
								height:							1px;
								width:							100%;
								background-color:				var(--sid-base-text-color);
								display:						flex;
								flex-flow:						row nowrap;
							}
.separator					{
								height:							var(--sid-base-line-size);
								border-radius:					var(--sid-base-line-radius);
							}
.descript					{
								flex-grow:						10;
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				normal;
								-align-items:					stretch;
								gap:							var(--sid-base-padding);
							}
.note						{
								font-size:						small;
								font-style:						italic;
							}
.poster						{
								display:						flex;
								flex-flow:						column nowrap;
							}
.pix-poster					{
								max-width:						1920px;
								width:							40vw;
								border:							1px solid var(--sid-base-text-color);
								border-radius:					var(--sid-base-pic-radius);
							}
.pix-poster					{	height:							auto;	}
.icon						{
								width:							auto;
								height:							var(--sid-base-icon-size);
							}
.finale						{
								width:							100%;
								font-size:						0.8rem;
								font-style:						italic;
								display:						flex;
								flex-flow:						row wrap;
								justify-content:				flex-end;
								align-items:					flex-start;
								gap:							0.2em;
							}
.gohome						{
								text-align:						right;
								flex-grow:						1;
								display:						flex;
								flex-flow:						row nowrap;
								justify-content:				flex-start;
								align-items:					flex-start;
								gap:							0.2em;
							}
.gohome > div				{	display:						block;	}
.copyright					{
								flex-grow:						1;
								display:						flex;
								flex-flow:						row nowrap;
								justify-content:				flex-end;
								align-items:					flex-start;
								gap:							0.2em;
							}
.icon-hroch-net				{
								width:							auto;
								height:							1.3em;
							}
.icon-hroch-net:hover		{
								filter:							brightness(3);
							}

@media screen and not (min-width: 32rem)
{
	.entry					{	flex-direction:					column;			}
	.descript,
	.pix-poster				{	width:							100%;			}
	.banner					{	font-size:						calc(0.085 * (100vw - var(--sid-base-banner-size)));
								flex-direction:					row;
							}
	.wide-only				{	display:						none;			}
}

@media screen and (min-width: 32rem)
{
	.narrow-only			{	display:						none;	}
}