/*
---HEADINGS:CLASS=DEFAULT:Set-Alignment()
*/

h1, h2, h3, h4, h5, h6
{
   text-align:left;
}



/*
---HEADINGS:CLASS=DEFAULT:Set-FontFamily()
*/

h1, h2, h3, h4, h5, h6
{
  /* font-family: "Playfair Display", Georgia, "Times New Roman", serif  */
}


/*
---HEADINGS:CLASS=DEFAULT:Set-FontWeight()
*/

h1, h2, h3, h4, h5, h6
{
  /*  font-weight: 700;  */
}



/*
---HEADINGS:CLASS=DEFAULT:Remove-Decorations-From-Links()
*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
   text-decoration: none;
}



/*
---HEADINGS:CLASS=DEFAULT:Set-Colour-Of-Links-To-Body-Colou-Using-BootstrapVariable()
*/
/* --bs-body-color is a variable set in the Bootstrap css. This is how you use it. */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
   color: var(--bs-body-color);
}




/*
---HEADINGS:CLASS=PAGE-SECTION:Set-Alignment()
*/

.page-section h2
{
   text-align:center;
}



/*
---HEADINGS:CLASS=LIST-ITEM:Set-Alignment()
*/

/*
   NOTE: This should come always be placed after the page-section class in this css file.
*/

.list-item h2
{
   text-align:left;
}





/*
---DIV:CLASS=PAGE-SECTION:Set-All()
*/

.page-section
{
/*  background-color: tomato;    */
/*  color: white;                */
/*  border: 2px solid black;     */
/*  margin: 20px;                */
/*  padding: 20px;               */
}



/*
---DIV:CLASS=THUMBNAIL-TEXTRIGHT-COLOURED:Set-All()
*/

.thumbnail-textright-coloured
{
   background-color: #f6f6f6;
   border-top: 2px solid #4bc6df;
}



/*
---FOOTER:CLASS=DEFAULT:Remove-Decorations-From-Links()
*/

footer a
{
   text-decoration: none;
}



/*
---FOOTER:CLASS=FOOTER-BOTTOM:Set-All()
*/

.footer-bottom
{
   background-color: #D3D3D3;
   color: black;
}



/*
---FOOTER:CLASS=FOOTER-TOP:Set-All()
*/

.footer-top
{
   background-color: black;
   border-top: 2px solid #4bc6df;
   color: white;
}