/*/////////////////////////////////////////////////////////////////////////////
// Version 1.6 Signed by Sid @ FLAKE on 2025-09-24 T 13:44:52 -06:00
// Authentication (do not edit) $5BAA7qyh$
///////////////////////////////////////////////////////////////////////////////
//
// 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-icon-height:			1.2rem;
								--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-butt-color:			#CCC;
								--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;			}

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

.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;
							}
.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);
							}
.note						{
								font-size:						small;
								font-style:						italic;
							}
/*
.icon						{
								width:							auto;
								height:							var(--cs-base-icon-size);
							}
*/
.butt-launch				{
								padding:						calc(0.5 * var(--cs-base-padding));
								border:							var(--cs-base-line-size) solid var(--cs-base-butt-color);
								border-radius:					50%;
								background-color:				var(--cs-base-butt-color);
								cursor:							pointer;
								transition:						all 0.25s ease-in-out;
								display:						flex;
								flex-direction:					column;
								flex-wrap:						nowrap;
								justify-content:				center;
								align-items:					center;
							}
a:hover > .butt-launch,
.butt-launch:hover			{
								border-color:					var(--cs-base-ahov-color);
							}
a:focus > .butt-launch		{
								border-color:					var(--cs-base-asel-color);
							}
a:active > .butt-launch		{
								border-color:					var(--cs-base-aact-color);
							}
.icon-flag43,
.icon-launch				{
								width:							var(--cs-base-icon-height);
								height:							auto;
								display:						block;	/* to remove inline-block bottom */
							}
.icon-flag43				{
								margin-bottom:					calc(1/8 * var(--cs-base-icon-height));
								margin-top:						calc(1/8 * var(--cs-base-icon-height));
							}
.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%;
							}

.hidden						{	display:						none;	}

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

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

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

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