/* CSS for location pages*/
                                              
:root
{
 --lwblue:         #0C4964;
 --lwltblue:       #3C7994;
 --lwltback:       #5D9AB5;
 --postit:         #fff9dd;
 --lwgrey:         #999;
 --verygrey:       #bbb;
 --xgrey:          #eee;
 --darkred:        #ab0000;
 --reddish:        #cf3d29;
 --redback:        #ffd3d3;
 --blueback:       #eeffff;  
 --bluebackhover:  #e3f4f4;
 --greenback:      #f1fff1;
 --greenbackhover: #eaf8ea;  
 --pinkback:       #fff5f5;
 --pinkbackhover:  #F8E4E4;
}

.moblocheader
{
 text-align: center;
 margin: 5px 0 0 0; 
}

.referencenumber
{
 font-weight: bold;
 font-size: 15px;
 display: inline;
// line-height: 10px;
}   

.desktopreferencenumber
{
 font-weight: bold;
 font-size: 17px;
 display: inline;
 color: (--lwblue) !important;
// line-height: 10px;
}

.locbreadcrumbs
{
 font-size: 14px;
}
.locbreadcrumbs a
{
 text-decoration: none;
}
.locbreadcrumbs a:hover
{
 background-color: var(--xgrey);
}
.locmobile { float: right; }
.locorq    { float: right; }

.loclocality
{
 font-style: italic;
 font-size: 14px;
 display: inline-block;
}
.locdescription
{
 font-size: 14px;
 padding: 0 0 10px 0;
}

.midisummary
{
 margin: 0 0 15px 10px;
}
.midisummarydescription
{
 font-size: 14px;
}     

.locurl
{
 float: right;
 color: #888888;
 cursor: help;
}
.locurl:hover
{
 color: black;
 background-color: #efefef; 
}         

.bclocurl
{
 color: var(--lwblue);
 cursor: help;
}
.bclocurl:hover
{
 color: black;
 background-color: #efefef; 
}

.bottomcatincludes
{
 margin: 0 10px 0 25px;
}
.bottomdeskincludes 
{
 margin: 0 10px 0 10px;
 background-color: var(--greenback);
}    
.bottomcatgreenback
{
 margin: 0 0px 0 -5px;
 padding: 0 0 0 5px;
 background-color: var(--greenback);
}
.bottommidipostscript 
{
 margin: 0 10px 0 5px;
 padding: 0 0 0 5px;
}
.responsive
{
 max-width: 100%;
 height: auto;
}
  

table.backto th { color: #888888; text-align: right; font-weight: normal;}
table.backto td { }  

.postscript
 {
  //font-size: 9pt; 
  background: #ffffcc;
  margin: 3px;
 } 

.information /* information box on index page */
{
 padding: 5px 10px 5px 10px;
 background-color: #eeeeee;
}

.reveal_listedin
{
 color: green;
 font-size: 13px;
 cursor: pointer;
} 
.reveal_listedin:hover { background-color: var(--greenbackhover); }
.reveal_listedin_listedin
{
 display: none;
 background-color: var(--greenback);
 font-size: 13px;
}       
.reveal_listedin_listedin_bottom
{
 margin-top: 5px;
 background-color: var(--greenback);
 font-size: 13px;
}
.midilistedinhidden { display: block; }

.TRreveal_listedin
{
 text-align: center;
 font-size: 13px;
 background-color: var(--greenback);   
}
#reveal_listedin2 { display: none; }

.bottomlocincludes
{
 font-size: 13px;  
}

.desktopnotfound
{
 font-size: 17px;
 margin: 18px 0 18px 0;
}          

.categoryheaders
{   
 margin: -12px 0 15px 0px;
 list-style-position: inside;
 padding-left: 0px;
}

.midiblank
{
 max-width: 600px;
 font-size: 13px;
 margin: auto;
}

.findsheader
{
 padding: 20px 0 0 0;
 font-size: 16px;  
}
.findsnavigation
{
 font-size: 13px;
 color: grey;
}
.findregions
{
 margin: 3px 0 0 0;
 background-color: var(--blueback);
 font-size: 12px;
}
.findseecats
{
 font-size: 12px;   
}
.findsdescbox
{
 font-size: 13px;
 padding: 0 0 0 10px;
}
.mobcatheaderFindwhicharea
{
 display: none;
 text-align: left;
}
.seeFindAlsoHidden   
{
 display: none;
 text-align: left;
}    
.seeFindAlsoHiddenPink
{
 text-align: left;
 background-color: var(--pinkback);
 margin: 0 0 5px 0;
}
.minimidifooterblue
{
 font-size: 13px;
 background-color: var(--blueback);
}
.showwheresbottom:hover
{
 background-color: var(--bluebackhover);
}
.findsseealsobottom
{
 font-size: 13px;
}
.findsnavigationbottom
{
 background-color: var(--pinkback);
 font-size: 13px;
}
.findsnavigationbottomseecats:hover
{
 background-color: var(--pinkbackhover);      
}


/*  MIDI - larger than 599px ///////////////////////////////////////////////// */
@media screen and (min-width: 599px)
{
  .locbreadcrumbs
  {
   font-size: 14px;
  }
}