/*** COMMON DIV TO CENTER CONTENTS ********************************************/

.div-widget02-center,
.div-widget03-center,
.div-widget04-center,
.div-widget05-center,
.div-widget06-center,
.div-widget08-center,
.div-widget10-center,
.div-widget11-center,
.div-widget12-center,
.div-widget13-center,
.div-widget14-center,
.div-widget15-center,
.div-widget16-center,
.div-widget17-center,
.div-widget18-center,
.div-widget19-center,
.div-widget20-center,
.div-widget21-center,
.div-widget22-center,
.div-widget23-center,
.div-widget24-center {
    box-sizing: border-box;
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    padding:2em;
    width:100%;
    
}

/*** COMMON GRID DIVISION FOR SIDE BY SIDE: COLUMNS DEFIBED IN EACH CSS *******/

.div-widget02-grid,
.div-widget03-grid,
.div-widget05-grid,
.div-widget06-grid,
.div-widget08-grid,
.div-widget10-grid,
.div-widget11-grid,
.div-widget12-grid,
.div-widget13-grid,
.div-widget14-grid,
.div-widget15-grid,
.div-widget16-grid,
.div-widget19-grid,
.div-widget20-grid,
.div-widget22-grid,
.div-widget23-grid,
.div-widget24-grid  {
    display:grid;
    gap:2em;
    max-width:var(--maxw);
    width:100%;
}    

/*** COMMON LINK BUTTON: RED AND NAVY *****************************************/

.button-widget02,
.button-widget06-red,
.button-widget06-navy,
.button-widget20-red,
.button-widget20-navy
{
    border:none;
    border-radius:0.5em;
    color:white;
    font-family: 'EB Garamond';
    font-size:1.2em;
    padding: 0.5em 1em 0.5em 1em;
}

.button-widget06-red,
.button-widget20-red {
    background-color: var(--red);
}

.button-widget02, 
.button-widget06-navy,
.button-widget20-navy {
    background-color: var(--navy);
}

.button-widget06-red:hover,
.button-widget20-red:hover {
    background-color: var(--navy);
}

.button-widget02:hover, 
.button-widget06-navy:hover,
.button-widget20-navy:hover {
    background-color: var(--red);
}