/* CSS for the homepage at QSL.NET */
/* Thomas MARTIN, DF7TV,           */
/* Revised November 1, 2025        */
/*                                 */
/* */
/* font and alternative fonts */
  body {
  	font-family: 'open sans', Verdana, Ubuntu;
  	font-size: 100%;
  	background: #f8f9fa;/* Light gray background for better readability */
  }	
  header {
  	font-family: 'open sans', Verdana, Ubuntu;
  	font-size: 133%;
  	background: #f8f9fa;/* Light gray background for better readability */
  }	
  footer {
  	font-family: 'open sans', Verdana, Ubuntu;
  	font-size: 133%;
  	background: #f8f9fa;/* Light gray background for better readability */
  }	
/*  	background: #f8f9fa;  Light gray background for better readability */
/* alternative background: #fafaff very light blue */
/* Provide some margin at the left/right border of the screen */
  .container-em {
  	margin-left: 1em;
  	margin-right: 1em;
  }	
/* Website Container (smaller text width for readability) */
  .container-read {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
/* Article Content  (smaller text width for readability) */
  .article-read {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    line-height: 1.6;
    font-size: 1rem;
  } 
/* Download Link */
  .download-link {
    margin-bottom: 1.5em; /* Space below the download button */
    display: inline-block; /* Allows padding/margins */
    font-size: 1.05em; /* Slightly larger text for emphasis */
    color: #005fcc; /* Same blue as links */
    text-decoration: none; /* No underline */
    border: 1px solid #005fcc; /* Blue border to match text */
    padding: 0.4em 0.8em; /* Space inside the button */
    border-radius: 4px; /* Rounded corners */
    background: rgba(144, 238, 144, 0.25); /* Pale transparent green background rgba(144, 238, 144, 0.25) IS NOT == "#90ee90" ??? */
  }
/* Download Link background on hover */
  .download-link:hover,
  .download-link:focus {
    background: #e0eaff; /* Light blue background on hover/focus */
    outline: none; /* Remove default focus outline */
  }
/* table */    table, th, td {
  border: 1px solid black;
  }
/* center images */  
  .img-center {                  
    display: block;
    margin-left: auto;  
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    background: #ffffff;/* white background to avoid body-background colored areas in svg-images */
  }
/* center text */  
  .txt-center {
    text-align: center
  }
/* center audio player */
/* */
/* code example: */
/* */
/* <div class='audio-container'> */
/* 	<audio controls> */
/* 		<source src="https://www. .../sample.mp3" type="audio/mp3"> */
/* 		Your browser does not support the audio element. */
/* 	</audio> */
/* </div> */  
/* */
  .audio-container {
    display: flex;
    justify-content: center;
    align-items: center 
  }
/* unordered lists <ul> without bullets */
  .no-bullets {
    list-style-type: none;
    margin: 0;
    padding:0;
  }
/* vertical space between list elements */
  .vert-space {
  	margin:0;
    margin-top:0.5em;
    padding:0;
  }
/* small vertical space between list elements */
  .vert-space-small {
  	margin:0;
    margin-top:0.2em;
    padding:0;
  }
/* large vertical space between list elements */
  .vert-space-large {
  	margin:0;
    margin-top:1.0em;
    padding:0;
  }
/* horizontal line with empty vertical spaces to separate sections */
  .sec-sep{
    margin-top: 2em;
    margin-bottom: 2em;
  }
/* horizontal line with empty vertical space above the line */  
  .sec-sep-top{
    margin-top: 2em;
  }
/* horizontal line with empty vertical space below the line */
  .sec-sep-bot{
    margin-bottom: 2em;
  }
/* <span class="nobr">I do not wish to be broken on new lines</span> */
  .nobr { white-space: nowrap; 
  }