* {box-sizing: border-box; }
html, body {  height: 100%; width: 100%; margin: 0; 
              background-color: rgb(191, 186, 165); }
input:focus, textarea:focus {outline: none;}
/*---------header section--------------------------*/
.Header  { position: fixed; top: 0px; left: 0px; height: 60px; width: 100%; 
           margin: 0px; padding: 0px; background-color: rgb(115, 130, 95); 
           border: 0; border-bottom-style: solid; } 
.IMAGE   { position: absolute; left: 5px; top: 5px; float: left; padding: 0px; 
           border-style: solid; border: 1px solid #000; height: 45px;}
.TITLE   { position: absolute; left: 160px; top: 5px; font-weight: bold; 
           font-size: 18px;}
.TIME    { position: absolute; left: 160px; bottom: 5px; }
.MENU    { position: absolute; right: 30px; bottom:5px; padding: 0px; 
           width: fit-content; border: 0; background-color: #7BB;
           overflow: hidden; }
.item    { background-color: inherit; float: left; outline: none; border: 0;
           cursor: pointer; padding: 5px; transition: 0.3s; font-size: 18px; }
.item:hover { background-color: #3BB;  }
/*---------center section--------------------------*/
.Center  { position: fixed; top: 60px; width: 100%; height:calc(100% - 90px); }

.WineryList { position: absolute; top: 10px; left: 10px; width: 250px; 
           height:300px; overflow-y: scroll; -ms-overflow-style: none; 
           padding: 0px; margin: 0px; /* border: 1px solid #000; */}

.place   { left: 2px; width: 96%; height: 60px; margin: 3px;
      background-color: #cad4c48e;  }            
.place:hover { background-color: #bfd3b376;  }
.placeselected { left: 2px; width: 96%; height: 60px; margin: 3px; 
      background-color: #909c8ac7; }

/*.WineryDetail { position: absolute; top: 10px; left: 270px; 
           width: calc(100% - 280px); height: calc(100% - 20px);
           border: 1px solid #000; padding: 10px; margin: 0px;
           font-size: 18px; overflow-y: scroll;  } */

.WineryDetail { position: absolute; top: 0px; left: 270px; 
           width: calc(100% - 270px); height: 100%;
           padding: 10px; margin: 0px; font-size: 18px; overflow-y: scroll;
           border-left: 1px solid #000;
           /* border: 1px solid #000; */  }

.WelcomeText { position: absolute; top: 20px; left: 20px; margin: 0px;
           width: 200px; height: 100px; border: 1px solid #000; 
           padding: 0px; word-wrap: normal;} 
           
.WinerySplash {width: 100%; height: calc(100% - 10px); top: 10px; left: 10px;
           overflow-y: scroll; /* border: 1px solid #000; */ padding: 10px; margin: 0px; }

.WinerySplash img {width: 100%; height: 100%; object-fit: contain; }  
         
.Description { position: absolute; top: 10px; left: 10px; width: 400px; 
           height: calc(100% - 20px); overflow-y: scroll;  
           border: 1px solid #000; padding: 0px; margin: 0px; }

.WineryText { width: 1020px; height: 300px; top: 10px; left: 10px; overflow-y: scroll; 
           /* border: 1px solid #000; */ padding: 10px; margin: 0px; }

.Images { position: absolute; width: 600px; height: 300px; top: 310px; left: 420px; 
           border: 1px solid #000; padding: 0px; margin: 10px; } 

.ImageList { width: 80px; float: left;
           height:300px; overflow-y: scroll; margin: 0px;
           /*border-right: 1px solid #000;*/ border: none; padding: 0px; }

.ImageItem img { max-width: 80px; max-height: 50px; margin: 3px; object-fit: cover; 
           border: 1px solid #000; } 

.Image img { max-width: 520px; max-height: 290px; margin: 3px; object-fit: cover; 
            border: 1px solid #000; }            

/*.Image img { width: 100%; height: 100%; margin: 3px; object-fit: cover; 
            display: flex; border: 1px solid #000; }            */

.ImageShow { padding-right: 7px; /*padding-bottom: 3px;*/  margin: 0px; 
      width: calc(100% - 80px); height: auto; 
      border: none; float: right; }

/* show video in Winery Detail panel */           
.VideoShowW { position: absolute; bottom: 10px; left: 10px; width: 350px; height: 230px;
          border: 1px solid #000; padding: 0px; margin: 0px; place-items: center; }

/* show video below Winery List */
.VideoShowC { position: absolute; top: 320px; left: 10px; width: 400px; height: 300px;
          border: 1px solid #000; padding: 0px; margin: 0px; place-items: center; }          

/* show video in Winery Detail panel */   
.MapShowW { position: absolute; bottom: 10px; left: 420px; width: 350px; height: 230px;
          border: 1px solid #000; padding: 0px; margin: 0px; } 

/* show video below Winery List */
.MapShowC { position: absolute; top: 320px; left: 10px; width: 400px; height: 300px;
          border: 1px solid #000; padding: 0px; margin: 0px; } 

/*.Iframe { width: 100%; height: 100%; position: relative; margin: 0px; 
          padding: 0px; border: none }*/

.Iframe { width: 100%; height: 100%; position: relative; margin: 0px; 
          allowfullscreen: true; loading: lazy; referrerpolicy: no-referrer-when-downgrade;
          padding: 0px; border: none }          

/*---------footer section--------------------------*/
.Footer { position: fixed; bottom: 0px; left: 0px; height: 30px; margin: 0px; padding: 0px;     
        background-color: rgb(115, 130, 95); width: 100%; border: 0; border-top-style: solid; }
.cr { position: fixed; bottom: 10px; left: 400px; width: 400px; font-weight: bold; font-size: 14px; }

div { -ms-overflow-style: none; /* for Internet Explorer, Edge */
      scrollbar-width: none; /* for Firefox */
      overflow-y: scroll; }
   
   
div::-webkit-scrollbar {  display: none; } /* for Chrome, Safari, and Opera