/*

* { user-select: none; -khtml-user-select: none; -o-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; }
::selection      { background: transparent; color:inherit; }
::-moz-selection { background: transparent; color:inherit; }

*/



.navbar { background-color: rgba(0,0,0,0.5); 
}

.favTopBarOuter { width: 100%; text-align: center; }
.favTopBar {
}
.fsub { display: inline-block; }

.divImg { display: inline-block; padding: 2px; } 


.myarea {
    width: 100%;
    margin: 2px 0;
    padding: 0;
    -moz-column-gap: 2px;
    -webkit-column-gap: 2px;
    column-gap: 2px;
    font-size: .85em;
}

/*
@media only screen and (min-width:   600px) { .item { width: 500px; } }
@media only screen and (min-width:  1200px) { .item { width: 400px; } }
@media only screen and (min-width:  1600px) { .item { width: 500px; } }
*/

.titleLeft, .titleRight { font-size : 30px; background: rgba(40, 40, 40, 0.4); color: white;  padding: 0 4px;
                          position: absolute; top: 4px;             }

.titleLeft              {                               left: 4px;  }


/*
@media only screen and (min-width:  400px) { .myarea { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; .item { width: 300px; }} }
@media only screen and (min-width:  800px) { .myarea { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; .item { width: 300px; }} }
@media only screen and (min-width: 1200px) { .myarea { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; .item { width: 300px; }} }
@media only screen and (min-width: 1600px) { .myarea { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; .item { width: 300px; }} }
*/

/* .grid-item { width: 300px; } */

.item {
    display: inline-block;
    position: relative;
/*    padding: 1px; margin: 0 0 1px 0; */
/*    padding: 4px 4px; margin: 4px 4px; */
    border: 0;
}

.vertGrid {
  margin: 8px 8px;
  text-align: center;
}
.vertItem {
    display: inline-block;
    position: relative;

    padding: 2px; margin: 0;
    border: 0;
}

/*
@media only screen and (min-width:  760px) { .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; padding: 4px 4px; } }
@media only screen and (min-width: 1510px) { .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; padding: 4px 4px; } }
@media only screen and (min-width: 2250px) { .masonry { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; padding: 4px 4px; } }
*/

/*
@media only screen and (min-width: 1000px) { .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } }
@media only screen and (min-width: 1500px) { .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } }
@media only screen and (min-width: 2000px) { .masonry { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } }
@media only screen and (min-width: 2500px) { .masonry { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } }
*/




.rootPageCallerInner { position: relative; }




.divImgCount { 
  background: rgba(40, 40, 40, 0.4); 
  margin-right: 30px; 
  margin-top: -10px; 
  padding-top: -20px;

  text-align: center; 

}






.mainNewDividerOnly { background: yellow; height: 2px; max-width: 1000px; padding: 0;  margin: 10px auto; }
.mainNew {
  /* border: 2px solid blue; */
  text-align: center;
  margin: 10px auto; padding: 10px 10px;
  max-width: 1000px;
}


.mainBottomLeft        { display: block; padding: 0 8px; margin: 0; font-size: 18px; float: left; }
.mainBottomRight       { display: block; padding: 0 8px; margin: 0; font-size: 12px; }
.mainBottomRightOutter { float: right; }

.mainBottomAll    { display: block; width: 100%; background-color: #101010; text-align: right; border: 1px dotted #404040; }

.Arizona          { color: #cc8822; }
.Colorado         { color: green; }


.titleLine        { display: inline-block; position: relative; }
.dbStats          { background-color: #2404040; color: white; display: inline-block; position: absolute; right: 4px; }
.topLeftButtons   { background-color: #2404040; color: white; display: inline-block; position: fixed;     left: 0;  margin-top: -24px; }

.dbdone,.dbactive,.dbsear,.dbwords,.dbsize { display: inline-block; padding: 0 4px; }
.dbdone   { background-color: green;   color: white; }  .dbnav { background-color: green; color: white; padding: 0 1px;}
.dbactive { background-color: red;     color: white; }
.dbsear   { background-color: #C9EAF3; color: black; }
.dbwords  { background-color: #FFBBBF; color: black; }
.dbsize   { background-color: #EAFFEF; color: black; }


/* .col-lg-3 { padding: 0; margin: 0; }
*/

/* 1/16=>6.25        - 1/12=>8.38888833% -  1/6=>16.6666667% -  1/4=>25%         -  1/3=>33.3333333% */

.col-lg-n2 { width:  50%;    }            
.col-lg-n1 { width: 100%;    }            
.col-lg-0  { width:   6.25%; }            
/*
.col-lg-1 { width: 8.38888833%; }      
.col-lg-2 { width: 16.6666667%; }
.col-lg-3 { width: 25%; }
.col-lg-4 { width: 33.3333333%; }
*/
.col-lg-4 { padding: 0; margin: 0; }


/* when navbar fixed-top */
/*                                       body { padding-top: 70px; } */
@media screen and (max-width: 768px) { body { padding-top: 0px; } }

.img-fluid {
  display: block;
  max-width: 100%;
  height: auto;
}

/* navbar */
#divNav        { display: none; } 
#divNavRight   { display: none;   position: fixed;     top: 120px; right: 10px;   width: 680px; border: 2px solid white; 
box-shadow: 8px 8px 3px rgba(30,30,30,0.3);
}
  #allTitles   {     padding: 4px;                width: 100%;    background: rgba(40,60,120,0.6); }
  #divSettings {     padding: 4px; margin-top: 2px;               background: rgba(25,55,65,0.8);  border: 1px solid white; }

.itemAllTitles { display: inline-block; background: rgba(30,230,120,0.6); padding-right: 4px; }





#subsNav { float: right; background: rgba(30,90,120,0.4);  }
/*
           user-select: none; -khtml-user-select: none; -o-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; }
#subsNav::selection      { background: transparent; color:inherit; }
#subsNav::-moz-selection { background: transparent; color:inherit; }
*/

/* padding:                   top right bottom left */
.nRow      { text-align: center; padding: 0; margin: 0 auto; } 
.divInner  { position: relative; padding: 0 1px 1px 1px; margin: 0;} /* padding: 2px 2px; margin: 0; */

.colcommon { display: inline-block; }
.col1  { width: 100%; }
.col2  { width:  50%; }
.col3  { width:  33.3333%; }
.col4  { width:  25%; }          .col5  { width:   20%; }
.col6  { width:  16.66666666%; } .col7  { width:   14.2857142857143%; }
.col12 { width:   8.33333333%; } .col8  { width:   12.5%; }
.col16 { width:   6.25%; }

/* number within picture - within divInner */
.picNum    { display: none; position: absolute;  bottom: 4px;   left: 10px;   min-width: 24px; min-height: 24px;   text-align: center; padding: 0 2px;   background: rgba( 40,40,240,0.4); }
.picLoc    { display: none; position: absolute;  bottom: 4px;  right: 10px;                                                                              background: rgba( 40,40,240,0.4); }
.picDate   { display: none; position: absolute;     top: 4px;  right: 10px;                                                            padding: 0 2px;   background: rgba( 40,40,240,0.4); }

.picIdDesc { display: none; position: absolute;     top: 4px;   left: 10px;   min-width: 24px; min-height: 24px;   text-align: center; padding: 0 2px;   background: rgba(240,40, 40,0.2); }
.picId     { display: none;   float: left;                                    min-width: 24px; min-height: 24px;   text-align: left;   padding: 0 2px; } 
.picDesc   { display: none;   float: left;                                    min-width: 24px; min-height: 24px;   text-align: left;   padding: 0 2px; }





.row { text-align: center; }

.bNavClass       { position: fixed; top:     4px; left: 4px; } 
.bNavClassMobile { position: fixed; bottom: 30px; left: 4px; }

.bRightLeftClass       { position: fixed; display: none;     bottom: 30px; right: 4px;  }
.bRightLeftClassMobile { position: fixed;                    bottom: 30px; right: 4px;  }

.navBtns { padding: 0; background: rgba(30,40,90, 0.3); }

#info { } 


/* ==================================== Menu buttons - start ==================================== */

.titleRight             {                               right: 4px; }

#topClose { text-align: center; text-size: 30px;   }

             /* left: 49.2% */
#topShow     { position: fixed; top:  60px; right: 10px;  padding: 0 2px; text-align: center;   background: rgba (0,0,0,0.4); } 
#topSideShow { position: fixed; top:  90px; right: 10px;  padding: 0 2px; text-align: center;   background: rgba (0,0,0,0.4); }
#bSettings  { position: fixed; top: 120px; right: 10px;  padding: 0 2px; text-align: center;   background: rgba (0,0,0,0.4); } 
/* ==================================== Menu buttons -  end  ==================================== */


.newPhotosOuter {                  border: 1px solid #c0c0c0;         margin: 4px;  }                              /* div New Photos - section     */
.newGroupMajor  { font-size: 16px; background: rgba( 7, 7,40,0.4);    margin-bottom: 1px; padding-left: 8px;   }   /*   div 2018-01-01|Arizona> .. */
.newGroup       { font-size: 20px;                  margin-left: 2px; margin-bottom: 1px; padding-left: 8px;   }   /*     div Arizona              */
.newLinks       {                  background: rgba(240,160,160,0.5); color: black;       padding:      0 4px; }   /*       a href                 */
.b1             {                  background: rgba(120, 20, 20,0.1); }       /* R <div class='newGroup b".$bg++." imgCurve'>$titleNow</div>       */
.b2             {                  background: rgba( 20,120, 20,0.1); }       /* G  */
.b3             {                  background: rgba( 20, 20,120,0.1); }       /* B  */





/* New Photos */
.newPhotosLinksLoc,
.newPhotosLinks           { padding: 0 2px; }
.newPhotosLinksLoc        { background-color: #c0c0ff; }    /* Location */
.newPhotosLinks           { background-color: #e0c0c0 }    /* Keywords */
.newPhotosLinksLoc:hover,
.newPhotosLinks:hover     { background-color: red; color: white; }



.bodyTrees {  background: url( /arch/backgrounds/2008-05-19-hav-trees-8611.jpg) no-repeat bottom center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin: 0 0;
        color: white;
        background-color: black;
 }

#subSubPanel { font: #c0c0c0; font-size: 14px;}
#subRelated  { background: rgba(140,40,40,0.3); }
#subMsg      {    }


  /* ------------------------------------------------ Search Summary - by lens/camera/year - start------------------------------------------------ */
   div.allTheYears     { color: black; }


   div.allLensOrCamera { color: black; font-size: 12px; }
   div.allLensTitle    { color: black; background-color: yellow; padding-left: 4px; padding-right: 4px; }
   div.allCamera       { color: black; background-color: #CCAACC; }
   div.allCameraTitle  { color: black; background-color: yellow; padding-left: 4px; padding-right: 4px; }

   table.allYears { color: black; background-color: #FFFF99; padding-left: 4px; padding-right: 4px;  font-family: verdana; font-size: 12px; border: 1px solid black; }


   table.allLensCanon { background-color: #FFFF99; }
   table.allLensNikon,
   table.allLensSony  {  }

   table.allLensOther { background-color: #CCFFCC; }

   table.allLensOrCamera { color: black; font-family: verdana; font-size: 14px; 
                           border-spacing: 2px; border-collapse: separate;
                           padding: 0; margin: 0; border: 1px solid black;       }

   /* -------------- Canon, Nikon, Sony, Zeiss, Voigtlander, Leica - 2018 - start -------------- */
   .searchLensSpacer { display: block;  height: 4px; }    # 2018-04-17

   table.allCameraCanon { background-color: #FFFF99; }
   table.allCameraNikon,
   table.allCameraSony  { width: 100%; }
   table.allLensZeiss {  }
   table.allLensVoigtlander {  }
   table.allLensLeica {  }


   table.allNikon       { background-color: #CCCCFF; border: 0.4pt solid red; }
   table.allOther       { background-color: #CCCCFF; border: 0.4pt solid red; }

   table.allCameraOther { width: 100%; }
   table.allLensOther   { width: 100%; }

   .lensCameraCount { text-align: right; width: 40px; }
   .lensCameraText  {  }

   .allZeiss       th { background-color: #228822; color: white; }
   .allVoigtlander th { background-color: #228822; color: white; }
   .allLeica th { background-color: #669988; color: white; }

   .allSony  th { background-color: #228822; color: white; }
   .allCanon th { background-color: #882222; color: white; }
   .allNikon th { background-color: #222288; color: white; }
   .allOther th { background-color: #228822; color: white; }

   table.allZeiss       { background-color: #FFFF99; border: 0.4pt solid blue; }
   table.allVoigtlander { background-color: #FFFF99; border: 0.4pt solid blue; }
   table.allLeica       { background-color: #ADD8E6; border: 0.4pt solid blue; }

   table.allSony        { background-color: #FFFF99; border: 0.4pt solid blue; }
   table.allCanon       { background-color: #FFFF99; border: 0.4pt solid blue; }
   table.allOther       { background-color: #FFFF99; border: 0.4pt solid blue; font-family: verdana; font-size: 12px; }
   /* -------------- Canon, Nikon, Sony, Zeiss, Voigtlander, Leica - 2018 -  end   -------------- */




  /*--------------------------------------------------------------------------------------------------*/
   /*--- Sony cameras ---*/
   a.a7r2            {background-color: #000000; color: #FF2299; padding-left: 2px; padding-right: 2px}

   /*--- Canon cameras ---*/
   a.elanIIe         {background-color: #000000; color: white;   padding-left: 2px; padding-right: 2px}
   a.canon40d        {background-color: #000000; color: #AAFFAA; padding-left: 2px; padding-right: 2px}

   a.canon5dmarkIV   {background-color: #000000; color: #FF2299; padding-left: 2px; padding-right: 2px}
   a.canon5dmarkIII  {background-color: #000000; color: magenta; padding-left: 2px; padding-right: 2px}
   a.canon5dmarkII   {background-color: #000000; color: #77FFAA; padding-left: 2px; padding-right: 2px}

   a.canon5dsR       {background-color: #000000; color: #FF2233; padding-left: 2px; padding-right: 2px}
   a.canon6d         {background-color: #000000; color: #44AAAA; padding-left: 2px; padding-right: 2px}

   a.canon1dmarkIII  {background-color: #000000; color: red;     padding-left: 2px; padding-right: 2px}
   a.canon1dsmarkIII {background-color: #000000; color: pink;    padding-left: 2px; padding-right: 2px}
   a.canon1dmarkIV   {background-color: #000000; color: lime;    padding-left: 2px; padding-right: 2px}
   a.canon1dx        {background-color: #000000; color: cyan;    padding-left: 2px; padding-right: 2px}
   a.canon1dxII      {background-color: #000000; color: #3377DD; padding-left: 2px; padding-right: 2px}

   /*--- Nikon cameras ---*/
   a.d3S             {background-color: #000000; color: red;     padding-left: 2px; padding-right: 2px}
   a.d300            {background-color: #000000; color: cyan;    padding-left: 2px; padding-right: 2px}
   a.d200            {background-color: #000000; color: magenta; padding-left: 2px; padding-right: 2px}
   a.f100            {background-color: #000000; color: yellow;  padding-left: 2px; padding-right: 2px}
   a.d40             {background-color: #808080; color: white;   padding-left: 2px; padding-right: 2px}
   a.f5              {background-color: #000000; color: #FF2080; padding-left: 2px; padding-right: 2px}

   font.lens            {background-color: #FFFF99; color: black;   padding-left: 2px; padding-right: 2px; margin-top: 1px; margin-bottom: 1px}
   font.exposure        {background-color: #FFFFFF; color: black;   padding-left: 2px; padding-right: 2px}
   font.icc             {background-color: #CCCCFF; color: black;   padding-left: 2px; padding-right: 2px}
   /*--------------------------------------------------------------------------------------------------*/


   div.specialII { color: red; font-weight: bold; display: inline-block;}
   div.specialII:hover { color: white; font-weight: bold; }
   div.specialII:active { color: white; font-weight: bold; }
   div.specialII ::-moz-selection { color: white; font-weight: bold; }
   div.specialII ::selection { color: white; font-weight: bold; }
   a.Lens:hover div,
   a.Camera:hover div { color: white; }  /* div within a -- else no change to red text of  II in Mark II */

   a.Camera:link, 
   a.Lens:link   { color: blue; }      /* 2018-01-03 */

   tr.canon1d  { background-color: #9999AA; color: white; }
   tr.nikond1  { background-color: #8888BB; color: white;  }
   tr.canon5d  { background-color: #99CC99; color: black;  }
   tr.nikond200{ background-color: #88CC88; color: black;  }



   table.allCameraOther {  }
   table.allCamera      { color: black; padding-left: 4px; padding-right: 4px;  font-family: verdana; font-size: 12px; border: 1px solid black; width: 100%; }

   tr.fisheye        { background-color: #CCAACC; }
   tr.wideangle      { background-color: #f7ca7d; }
   tr.normal         { background-color: #99CC99; }
   tr.telephoto      { background-color: #CC99CC; }
   tr.supertelephoto { background-color: #8888CC; }

   a.sAll         { color: white;  background-color: black; }
   a.sHoriz       { color: lime;   background-color: black; }
   a.sPano        { color: red;    background-color: black; }
   a.sVert        { color: yellow; background-color: black; }
   a.sWide        { color: #8888FF;background-color: black; }
   a.searchSummary { background-color: #8888FF; }


  a.sAll  :hover { color: white; background: blue; text-decoration: overline underline;   }
   a.sHoriz:hover { color: white; background: blue; text-decoration: overline underline;   }
   a.sPano :hover { color: white; background: blue; text-decoration: overline underline;   }
   a.sVert :hover { color: white; background: blue; text-decoration: overline underline;   }
   a.sWide :hover { color: white; background: blue; text-decoration: overline underline;   }
   a.lensExifSearch :hover { color: white; background: blue; text-decoration: overline underline;   }
   a.sSelect :hover { color: white; background: blue; text-decoration: overline underline;   }


   font#queryCheck   { background-color: blue;  color: white; font-size: 10px; font-family: verdana }
   font#queryCheckPre{ background-color: green; color: white; font-size: 10px; font-family: verdana }
   font#sAll   { color: white; }
   font#sHoriz { color: lime; }
   font#sPano  { color: red; }
   font#sVert  { color: yellow; }
   font#sWide  { color: #8888FF; }

   font#Year   { color: #880000; }
   font#Lens   { color: #880000; }
   font#Camera { color: #880000; }
   font#AllYears   { background: #FFFF99; color: #880000; }

  /* id="para1"     - single unique element - #para1{} */
  /* class="center" - group of elements     - .center {} */




   /* everyYear - top of page */
   a.everyYear      { background-color: #FFFF99; color: #880000;
                      padding: 0px 2px 0px 2px; margin: 0px 2px 0px 2px; }

   table.allYearsAndLenses { font-family: verdana; font-size: 12px; margin: 0 auto; border-spacing: 2px;}

   .divEveryYearAll { background: navy; color: #88FF44; border: 3px solid white;  padding: 10px 2px; }
   .everyYearAll    { text-align: center;                                         padding: 10px 2px;  margin: 10px auto;  }  /* div within tabe td */



  /* for all <a> classes */
  a.morph       {

  padding: 8px 2px; margin: 8px 2px;
  white-space: nowrap;
  font-size: 15px;

  border: 1px solid white; border-radius: 50%;

  background-radius: 50%;

  overflow: hidden;
  position: relative;

  -webkit-box-shadow: 2px 2px 2px #111;
          box-shadow: 2px 2px 2px #111;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  }






   table.CeveryYear  {
        padding: 0 0 0 0;
        margin: 0 auto;
        border:1px dotted white;
        position: relative;
        background: #404040;
        font-size: 12px;
        font-family: Verdana;
   }
   div.everyYearOuterSummary { background-color: #C04040; color: #88FF44; width: 100%;margin: 0px auto; text-align: center; }

   /* separately Year,Lens,Camera */
   div.YearOuter   { background-color: #DDAA88; color: black; }
   div.LensOuter   { background-color: pink; color: black; }
   div.CameraOuter { background-color: #99CCFF; color: black; }

   /* 2017-01-27 */
   table.CameraDetail {
        padding: 0 0 0 0;
        margin: 0 auto;
        border:1px dotted white;
        position: relative;
        background: white;
        font-size: 12px;
        font-family: Verdana;
    -moz-border-radius-bottomright: 2px 2px;
    -moz-border-radius-bottomleft:  2px 2px;
    -moz-border-radius-topleft:     2px 2px;
    -moz-border-radius-topright:    2px 2px;
    border-top-right-radius:        2px 2px;
    border-top-left-radius:         2px 2px;
    border-bottom-right-radius:     2px 2px;
    border-bottom-left-radius:      2px 2px;
  }
  table.CameraDetail td {
        background: #99CCFF;
        padding: 1px;
    -moz-border-radius-bottomright: 2px 2px;
    -moz-border-radius-bottomleft:  2px 2px;
    -moz-border-radius-topleft:     2px 2px;
    -moz-border-radius-topright:    2px 2px;
    border-top-right-radius:        2px 2px;
    border-top-left-radius:         2px 2px;
    border-bottom-right-radius:     2px 2px;
    border-bottom-left-radius:      2px 2px;
  }


   div.floatCount9   { z-index: 1; position: relative; background: #FFCCFF; margin: -12px -5px 0px 0px; float: right; font-family: verdana,sans-serif,arial,helvetica; font-size: 10px; }

   table#mainSGroup   { background-image: url(/layout/utah-sign.jpg); color: white  }

a.searchAllLenses { background-color: blue; color: white; }

 .searchmenu { font-size: 10px; font-family: verdana,sans-serif,arial,helvetica; }









  a.searchShown  { background-color: #FFFF99; color: black; border: 1px solid #c0c0c0; margin: 2px 0 2px 0; }
  a.searchShown2 { background-color: white;   color: black; border: 1px solid #c0c0c0; margin: 2px 0 2px 0; }

  a.curve:hover { background-color: red; color: white;

  border: 1px solid lime;
  -webkit-transform: rotate(360deg) scale(3);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  }
  font.curve {      /* SearchTop matchWhat Year Lens Camera */
    border: 1px solid black;
    padding: 0px 6px 0px 6px;
    -moz-border-radius-bottomright: 10px 20px;
    -moz-border-radius-bottomleft:  10px 20px;
    -moz-border-radius-topleft:     10px 20px;
    -moz-border-radius-topright:    10px 20px;
    border-top-right-radius:        10px 20px;
    border-top-left-radius:         10px 20px;
    border-bottom-right-radius:     10px 20px;
    border-bottom-left-radius:      10px 20px;
  }


.searchResults  { margin: 0 auto; text-align: center; }
.searchSubtotal { display: inline-block; color: green; font-size: 14px; font-weight: bold;
             /*position: relative;*/ /* header top  -50 -20 -30 in title line of img */
              border: 1px dashed white; border-radius: 50%;
              background-color: #FFAAAA;
              top: -20px;
              height: 20px; line-height: 18px;
              padding: 2px; margin: 0 2px 0 0; text-align: center; }

};

 .searchmenu { font-size: 10px; font-family: verdana,sans-serif,arial,helvetica; }


   table.searcherTable { font-family: verdana; font-size: 12px; }



div.group {
  float: left; display: block;
}



#splitBySection { display: block; margin-top: 12px; } 

  /* ------------------------------------------------ Search Summary - by lens/camera/year -  end ------------------------------------------------ */


.yearSplit { display: block; width: 140px;           font-size: 45px; 
margin-left:  5%; padding: 4px; 
/* border: 1px dashed #c0c0c0; */ 
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px navy;

/* text-shadow: 2px 2px 4px #000; */                   

}

.topTitle { display: block; position: absolute;                      color: rgba(0,255,255,0.7);    margin-left: 3%; padding: 4px; z-index: 6000; 
/* text-shadow: 2px 2px 4px rgba(40,40,40,0.2); */ 
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;

 font-size: 16px; font-size: 10vw; 

}      /* vw Viewpoint size with px fallback (vw: % of viewport width; also vh: height); vmin: smaller of vw/vh; vmax: bigger of vm/vh */


.parent { display: flex;              height: 40px; background-color: #000; }
.child  {                width: 60px; height: 40px; margin: auto;           }

#backOuter2 { background: yellow; margin: 0; padding: 2px 2px; }
.selectedBack { border: 2px solid green; }

.selectedBackground { background: rgba(80,250,40,0.4); color: white; }

.liCountry:hover { background: rgba(150, 180, 230, 0.4); }

.heart { position: absolute; display: none;  top: 10px; right: 10px; color: red; }



/* #divSearch       { display: none; } */

/* #navSearch       { -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; }
 #navSearch:focus { width: 100%;             } */   /* When the input field gets focus, change its width to 100% */

#divSearchTop         { display: none; width: 90%; left: 5%; margin-top: 50px;}

#inputSearchTop       { background-color: #c0c0c0; color: #808080; }
#inputSearchTop:focus { background: rgba(255,255,255,0.95);   color: black;   }



/* for Bootstrap */
input[type=search]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; }


.search             { position: relative;                                color: #aaa;   font-size: 16px; margin-left: 8px; } 
.search input       { width: 250px; height: 32px;   background: #999999; color: white; border: 1px solid #00BFFF; }
.search input:focus {                               background: #ffffff; color: black; }
.search input       { text-indent: 28px;}
.search .fa-search  { position: absolute;   top: 8px; left: 10px;   color: black; }


.robertbody { position: fixed; top: 40px; padding: 0 0; right: 0; /* margin: 0 auto;  width: 100%; */
                text-shadow: 3px 2px 2px rgba(0, 0, 0, 1);
		font-size: 14px; letter-spacing: 10px; 
		color: #fff; text-align: center;
}