/*////////////////////////////////////////////////////////////////////////////
// Version 1.1 Signed by Sid @ FLAKE on 2025-09-12 T 15:27:03 -06:00
// Authentication (do not edit) $mBAAl9+g$
//////////////////////////////////////////////////////////////////////////////
//
// 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.
//
//////////////////////////////////////////////////////////////////////////////
//
// cs-base.css
//
////////////////////////////////////////////////////////////////////////////*/

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

body 						{
								background:						var(--cs-base-back-color);
								background-repeat:				no-repeat;
								background-attachment:			fixed;
								background-position:			center center;
								color:							var(--cs-base-text-color);
								margin:							var(--cs-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(--cs-base-padding);
							}
a							{	text-decoration: 				none; 						}
a:link						{	color:							var(--cs-base-alnk-color);	}
a:visited					{	color:							var(--cs-base-avis-color);	}
a:hover						{	color:							var(--cs-base-ahov-color);
								text-decoration: 				underline;					}
a:active					{	color:							var(--cs-base-aact-color);	}
*							{	box-sizing:						border-box;					}

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

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

.hidden						{	display:						none;		}
.heading					{
								width:							100%;
								font-size:						var(--cs-base-head-size);
								font-weight:					bold;
								display:						flex;
								flex-flow:						row nowrap;
								justify-content:				space-between;
								align-items:					center;
								gap:							var(--cs-base-padding);
							}
.h-icon						{
								height:							var(--cs-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(--cs-base-padding);
							}
.banner						{
								width:							100%;
								font-size:						var(--cs-base-banner-size);
								display:						flex;
								flex-direction:					row;
								flex-wrap:						nowrap;
								justify-content:				space-between;
								align-items:					center;
								gap:							var(--cs-base-padding);
							}
.b-icon						{
								height:							var(--cs-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(--cs-base-text-color);
								display:						flex;
								flex-flow:						row nowrap;
							}
.separator					{
								height:							var(--cs-base-line-size);
								border-radius:					var(--cs-base-line-radius);
							}
.descript					{
								flex-grow:						10;
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				normal;
								-align-items:					stretch;
								gap:							var(--cs-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(--cs-base-rim-color);
								border-radius:					var(--cs-base-pic-radius);
							}
.pix-poster					{	height:							auto;	}
.icon						{
								width:							auto;
								height:							var(--cs-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;
								transition:						all 0.25s ease-in-out;
							}
.icon-hroch-net:hover		{
								background-color:				#339;
								border-radius:					0.25em;
								filter:							brightness(150%);
							}
.textlink					{
								width:							0.75em;
								height:							0.75em;
								background-image:				url('data:image/svg+xml;utf8,<svg id="SVGRoot" width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m11 9.5 3.5 3.5v-11.5h-11.5l3.5 3.5-5 5 4.5 4.5z" fill="%23fff" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1px"/></svg>');
								background-size:				contain;
								display:						inline-block;
								vertical-align:					-10%;
							}

.illu-row,
.illu-col,
.illu						{	position:						relative;
								text-align:						center;
								display:						flex;
								flex-wrap:						nowrap;
								flex-direction:					column;
								justify-content:				flex-start;
								align-items:					center;
								gap:							var(--cs-base-padding);
							}
.illu.right					{
								float:							right;
								padding:						var(--cs-base-padding);
								padding-right:					0px;
							}
.illu.left					{
								float:							left;
								padding:						var(--cs-base-padding);
								padding-left:					0px;
							}
.illu-col.right,
.illu-row.right,
.illu.right					{	text-align:						right;			}
.illu-col.left,
.illu-row.left,
.illu.left					{	text-align:						left;			}
.illu-capt					{	font-style:						italic;
								font-size:						var(--cs-base-capt-size);
								width:							0px;
								min-width:						100%;
							}
.illu-col > img,
.illu-row > img,
.illu > img					{	border:							1px solid var(--cs-base-rim-color);
								border-radius:					var(--cs-base-pic-radius);
							}
.illu-row					{
								flex-direction:					row;
								justify-content:				normal;
								align-items:					flex-start;
							}

.clear						{	clear:							both;					}
.clear.left					{	clear:							left;					}
.clear.right				{	clear:							right;					}

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

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