/*=====================================================================*/
.body-aboutdocument
	{
	overflow:                     hidden; /* to avoid unwanted scroll bars */
	background-color: hsl(120, 93%, 90%); background-color: var(--backgroundcolour);
	}

/*=====================================================================*/
.div-aboutdocument
	{
	padding-left:   25px;
	padding-right:  50px;
	pointer-events: auto;
	touch-action:   auto;
	}

/* 500px */
@media (max-width: 31.25rem)
{
.div-aboutdocument
	{
	padding-left:   0px;
	padding-right: 20px;
	}
}

/* 350px */
@media (max-width: 21.875rem)
{
.div-aboutdocument
	{
	padding-left:  0px;
	padding-right: 0px;
	}
}

/*=====================================================================*/
.h1-aboutsitetitle
	{
	width:  fit-content;
	margin-left:   15px;
	margin-top:     7px;
	margin-bottom: 17px;
	padding-right: 10px;
	color: hsl(0, 0%, 30%); color: var(--texttitlecolour);
	font-size:    large;
	font-weight: normal;
	line-height:   100%;
	opacity:          1;    opacity:   var(--iconopacity);
	scroll-margin-top: 30px;
	}

.h1-aboutsitetitle:focus
	{
	border-radius: 25px;
	outline-offset: 2px;
	outline: 5px solid hsl(110, 100%, 30%); outline: 5px solid var(--textinternalnavigationlinkcolour);
	}

.h2-aboutpagetitle
	{
	width:       fit-content;
	margin-left:        20px;
	margin-top:         25px;
	color:   hsl(0, 0%, 30%); color: var(--texttitlecolour);
	font-size:       x-large;
	font-variant: small-caps;
	font-weight:      normal;
	}

/*=====================================================================*/
/* 350px */
.div-aboutblock
	{
	display: inline-block;
	width:    fit-content;
	max-width:  21.875rem;
	vertical-align:   top;
	margin-left:     10px;
	margin-top:      30px;
	margin-bottom:   30px;
	padding-top:     10px;
	border-radius:   20px;
	outline:   1px solid hsl(0, 0%, 30%); outline:          1px solid var(--texttitlecolour);
	background-color: hsl(120, 80%, 87%); background-color: var(--backgroundlistblockcolour);
	}

/* 880px */
@media (max-width: 55rem)
{
.div-aboutblock
	{
	width:      100%;
	max-width: 750px;
	}
}

/* 350px */
@media (max-width: 21.875rem)
{
.div-aboutblock
	{
	width: calc( 100% - 15px );
	}
}

.h2-aboutgotoicon
	{
	display: inline-block;
	vertical-align:   top;
	width:           30px;
	margin:           0px;
	padding-left:    10px;
	color: hsl(0, 0%, 30%); color: var(--texttitlecolour);
	font-size:       150%;
	font-weight:   normal;
	}

.h2-abouttexttitle
	{
	display: inline-block;
	width:    fit-content;
	max-width: calc(100% - 55px);
	margin:           0px;
	padding-left:    10px;
	padding-right:   10px;
	color: hsl(0, 0%, 30%); color: var(--texttitlecolour);
	font-size:       150%;
	font-weight:   normal;
	}

/* 20px */
.p-abouttext,
.p-abouttextwithvariablesupport
	{
	width:    fit-content;
	margin-left:     10px;
	margin-right:    10px;
	padding-left: 1.25rem;
	padding-top:      5px;
	padding-bottom:   5px;
	text-indent: -1.25rem;
	line-height:     120%;
	}

.p-abouttextwithvariablesupport
	{
	display: none; display: var(--ifvariablessupporteddisplayinlineblock);
	}

/* 10px */
.p-aboutgotoreturn
	{
	width:     fit-content;
	margin-left:      10px;
	margin-top:       90px;
	margin-bottom:    90px;
	padding:      0.625rem;
	font-size:       large;
	font-weight:    normal;
	text-indent: -0.625rem;
	line-height:      100%;
	}

/*=====================================================================*/