/*
   CSS specific to ukmap.php
*/

.mapbreadcrumbs
 {
  font-size: 14px;
  padding: 15px 0 13px 0;
  //background-color: yellow;
 }

.legendcol
{
 width: 20px;
}

.maptable
{
 padding: 10px 0 15px 0px;
}

.catcrumbs
{
 padding: 3px 0 3px 0;
}

.maximidi { display: block; }
.mini     { display: none; }


/* list of regions */
.regionlist
{
 padding: 10px 0 10px 0px;
 margin: 0;
 list-style-type: none;
 padding-left: 5px;
 //font-size: 12px;
}

#regionul li
{
 padding-left: 0!important;
 margin: 0;
 text-align: left;
 list-style-type: none;   
}

.regionlistnone
{
 color: #0C4964;
 text-decoration: none;
 display: block;
 width: 300px; 
}      
.regionlistnone:hover
{
 color: #0C4964;
 text-decoration: none;
 display: inline-block; 
 background-color: #dddddd;
 width: 300px;
}  
.regionlisthover
{ 
 color: #0C4964;
 background-color: #dddddd;
 text-decoration: none;
 display: inline-block;
 width: 300px; 
}

.mobregionname
{
 font-weight: bold;
 font-size: 14px;
}
.mapgutter
{
 width: 10px;
}

/* ::::::::::::::::  MEDIA QUERIES :::::::::::::::::::: */

@media only screen and (max-width: 850px)
{
  .mapbreadcrumbs
   {
    font-size: 14px;
    padding: 0;
    margin: -7px 0 10px 0;
    //background-color: yellow;
   }
}                       

@media only screen and (max-width: 650px)
{
  .mapbreadcrumbs
   {
    font-size: 14px;
    padding: 0px 0 0px 0;
    //background-color: yellow;
   }
  .legendcol
   {
    width: 8px;
   }
}                                 

@media only screen and (max-width: 600px)
{
  .maximidi { display: none; }
  .mini     { display: block;}
}                                            

@media only screen and (max-width: 500px)
{  
  .mapbreadcrumbs
   {
    font-size: 13px;
    padding: 0;
    margin: -7px 0 10px 0;
    //background-color: yellow;
   }   
  .mapgutter
  {
   width: 5px;
  }
}