/*_________________________________________________________NOV 2024____________________________________________________________________________*/    
  /* UpdateEncloseInBoxCaption */

/* Classes to handle interpara questions leading to para*/
	.ParaIntro
    {
    font-style:italic;
    font-size: 20px;
    font-weight:  semi bold;
    color:Dodgerblue;
    margin-bottom: -10px;
    font-family:Verdana;
    }


.UpdateEncloseInBoxCaption
{
   padding-bottom:50px;
}


.UpdateEncloseInBoxCaption fieldset {
  border: 3px solid blue;
  
}
.UpdateEncloseInBoxCaption form {
    margin-bottom:50px;
}



/* Indented Update LH border */

 .IndentedUpdateLHborder
 {
     padding-left: 20px; margin-left: 10px; border-left-style: solid; border-width: 2px; 
 }
    

/*_____________________________________________________________________________________________________________________________________*/

/*
***************************************     Flex container multiple images with captions *************************************** 
*/

/*  Define class to set img height at declaration of div */
.Cimg50px img
{

    height:50px;
   
}

.Cimg100px img
{

    height:100px;
   
}

.Cimg150px img
{

    height:150px;
   
}
.Cimg200px img
{
    height:200px;
}
.Cimg300px img
{
    height:300px;
}


.ChBorder
{
    border: 12px solid black;
}

.centerDiv 
{
    width:95%;
    border: 2px solid red;
    display: flex;
    align-items: center;
    object-fit:scale-down;    /* retain aspect ratio if/when resizing */
    justify-content: space-evenly; /* this will add equal space between each image */ 
    margin: 10px;/* centres (flex) container of class=CenterDiv in its container */
}
 
.centerDiv img
{ 
    
    max-width:100%;

    border: thin  grey solid;   
    object-fit:cover;    /* retain aspect ratio if/when resizing */
    
    justify-content:space-evenly;
}
 
.centerDiv figure 
{
   
    margin-top: 10px;  /*adjust as needed*/

    text-align: left;/* text - caption and source - align left i.e. image LHS*/
}

.centerDiv figcaption 
{
    text-align: left;/* text - caption and source - align left i.e. image LHS*/
 }

/* ----------------------------------------------RHcentreTextVertically -----------------------------------------------------------------------------------------------------------------*/
.RHcentreTextVertically
{
    border: 2px solid red;
    width:auto;
    display: flex;
    height:auto;
    float: left; 
    margin: auto;
}
.RHcentreTextVertically figure 
{
 
   text-align: left;/* text - caption and source - align left i.e. image LHS*/
}




.RHcentreTextVertically img
{
    justify-content: flex-end;
    margin:1px;
    border: thick  grey solid;
}

.RHcentreTextVertically p
{
    color:black;
    margin:auto;
    margin-right:20px;
}