/* REGIONS / COUNTIES / SEE ALSO CSS Nov 2023 */
                                              
:root
{
 --lwblue:         #0C4964;
 --lwltblue:       #3C7994;
 --lwltback:       #5D9AB5;
 --postit:         #fff9dd;
 --lwgrey:         #999;
 --verygrey:       #bbb;
 --xgrey:          #eee;
 --darkred:        #ab0000;
 --reddish:        #cf3d29;
 --redback:        #ffd3d3;
 --blueback:       #eeffff;  
 --bluebackhover:  #dff0f0;
 --greenback:      #f1fff1;
 --greenbackhover: #e1efe1;  
 --pinkback:       #fff5f5;
 --pinkbackhover:  #F8E4E4;
}

/*
hr {
    border: none !important;
    height: 1px !important;
    color: #aaa !important;
    background-color: #aaa !important;
   }
*/   

.topregionscounties
{
 background-color: #eeffff;
 font-size: 11px;
}     

.bottomregionscounties
{
 background-color: #eeffff;
 font-size: 11px;
 padding: 0 5px 0 5px;
}        

.topregionscountiesmobile
{
 background-color: #eeffff;
 font-size: 12px;
}     

.bottomregionscountiesmobile
{
 background-color: #eeffff;
 font-size: 12px;
}

.regionpickerhover { cursor: pointer; }
.regionpickerhover:hover { background-color: var(--bluebackhover); }
 
.regionscountiesreveal
{
 background-color: var(--greenback);
 font-size: 12px;
 padding: 0 5px 0 5px;
}
.regionscountiesreveal a:hover { background-color: var(--greenbackhover); }     
.regionscountiesreveal a       { text-decoration: none; } /* background-color: var(--greenback); } */ 

.bottomregionscounties
{
 background-color: var--greenback);
 font-size: 12px;
}

.mobcatheader
{
 text-align: center;
 margin: auto;
 font-size: 12px;
}

.mobcatheaderwhicharea
{
 display: none;
}  
.mobcatheaderwhichareabottom
{
 display: none;
}    
.seealsohiddenbottom
{
 display: none;
}
.seealsobottomhover:hover
{
 background-color: var(--pinkbackhover);
}
.mobcatheaderbuttons
{
 font-size: 13px;
 margin: auto;
}

.seealsotop
{
 font-size: 11px;
}    
.seealsobottom
{
 font-size: 12px;
}
.seealsotopmobile
{
 font-size: 12px;
}    
.seealsobottom
{
 font-size: 12px;
}
.seealsomobile
{     
 display: none;
}

.seealsomobilediv
{     
 background-color: var(--pinkback);
 font-size: 12px;
 padding: 0 5px 0 5px;
}
.seealsomobilediv a       { text-decoration: none; }    
.seealsomobilediv a:hover { background-color: var(--pinkbackhover); }        

.seealsomobiledivbottom
{     
 background-color: var(--pinkback);
 font-size: 12px;
 padding: 0 5px 0 5px;
}
.seealsomobiledivbottom a       { text-decoration: none; }    
.seealsomobiledivbottom a:hover { background-color: var(--pinkbackhover); }