@charset "utf-8";
/*======================================================
--	CREATED BY: LINH T. NGUYEN - LINHBURIN@YAHOO.COM
--	CREATED DATE: 07/23/2014
--	LAST UPDATE: 12/14/2023
--
--  This is a General CSS style for a responsive website
--  Dimension >= 1050px
========================================================*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, 
ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, 
acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0; padding: 0; outline:none
}

img, fieldset { border: 0; }

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/*************************************************************************************
	GENERAL 
*************************************************************************************/
body {
	min-height:100%; height:100%;
	margin: 0; padding: 0;
	font: normal 1em 'Lato', sans-serif;
	color:#393939;
	font-smooth: always;
	line-height:150%;
}
a, a:visited, a:hover, a:focus { color:#000; text-decoration: none;outline:none}
p { margin: 0 0 1.2em; padding: 0; }
hr {margin: 1em 0;color:#393939; background-color:#393939;height: 1px;border:none;}
.ln-bg_wrapper, #ln-wrapper{width:100%;height:100%;min-height:100%;}

.copyright {width:13%;font: normal 0.6em Arial, Helvetica, sans-serif; color:#545454; text-align:center;position:fixed; bottom: 2em;}
.leftSide {float:left;}
.rightSide {height:100%;float:right;}

/******-------------------
	LEFT - NAV
-------------------******/
.ln-bg_wrapperLeft{ width:13%;/*height:100% !important; */float:left; overflow:hidden; z-index:10;background-color:#FAD85F;}
#wrapperLeft {padding: 0 0.5em;margin: 1em auto;text-align:center; font-size: 1.1em; color:#858585;}
.logo {margin: 0 0 1.5em 0;}
.mainNav {width:85%;margin: 0 auto;list-style:none;}
.mainNav li {padding: 1.1em 0; border-top: 1px solid #000;}
.mainNav li.last {border-bottom: 1px solid #000;}
.mainNav li a {color:#000;}

.socialMedia {width:100%;margin: 2em auto;}
.socialMedia a {margin: 0 0.5em;}
.socialMedia a img {max-width:32%}

/******-------------------
	RIGHT - MAIN text-transform: uppercase;
-------------------******/
.ln-bg_wrapperRight{width:87%;height:100%; float:left;/*background-color:#d22531;*/}
#wrapperGallery {width:100%;height:100%;position:fixed;top:0;}

.ln-bg_wrapperBody {height:100%;min-height:100% !important; position:fixed; top: 0; padding:0;background:url(../images/bg-body-content.png) top left scroll repeat; overflow:hidden;z-index:998;}
#wrapperBody{ height:100%;min-height:100% !important;float:left; position:relative; top:0; padding: 0 2%;z-index:999;}
.smallBody, .smallContentBody, .largeBody , .largeContentBody {width: 45%;}

.pgTitle {width: 100%;font-size: 1.7em; font-weight:normal; line-height:120%;margin: 3.5em 0 0.5em 0;}
.pgContent {position:relative;padding: 0 0 1em 0;}
.pgSubTitle {width: 100%; font-size: 1.3em; font-weight:normal;color:#000;margin: 0.2em 0 0.5em 0;}
.pgSubTitle2 {width: 100%; font-size: 1.2em; font-weight:normal;color:#000;margin: 0 0 0.1em 0;}
.titleLink {font-size: 1em;margin: 0 0 0.3em 0;}
.titleLink a{font-weight:bold;text-transform: uppercase; background-color:#273d7e;color:#fff;padding:0.3em 0.35em;}
.titleLink a.first {margin-left:0;}
.titleLink a:hover, .titleLink a.active{color:#fad85f;}

/****-- MENU --****/
.menuList, .menuListSmall, .menuDrink {list-style:none; width: 100%;overflow:hidden;}
.menuList li, .menuListSmall li {width: 48%;float:left;display:table;}
.menuList li:last-child, .menuListSmall li:last-child {float:right;}
.menuList .itemList {width:98%; min-height: 80px;overflow:hidden;display:table-row;}
.menuList .itemList2 {width:98%; overflow:hidden;}
.menuList .leftSide, .menuDrink .leftSide {width: 85%;display:table-cell;}
.menuList .rightSide {width: 14%;text-align:right;display:table-cell;}
.menuList h3, .menuListSmall h3, .menuDrink h3{font-size: 0.9em;}
.menuList .itemDesc, .menuDrink .itemDesc {font-size:0.95em;line-height:120%;}

.menuListSmall .itemList {width:98%; overflow:hidden;margin: 0 0 0.5em 0;}
.menuListSmall .rightSide {text-align:right;font-weight:700;}
.menuListSmall .txt_note {font: normal 0.8em 'Lato', sans-serif; font-style:italic;}

.menuDrink li{width:100%;display:block;}
.menuDrink .rightSide {font-weight:700;}

/** New Style of Listing Item 
font: normal 14px/1.5 "Montserrat", "Helvetica Neue", sans-serif;
**/
.menuItem {width: 100%;overflow:hidden;
    box-sizing: border-box;
}
.menuItem hr{
    width: 100%;
        height: 1px;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
}


.iCatg {
  width: 100%;
  text-align:center;
  font-size: 1.3em; text-transform: uppercase;
  margin: 0.3em auto;
  
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 13px 0;
  grid-gap: 0.8em;
}

.iCatg:after,.iCatg:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #000;
}

.iList {
    width:100%;
    margin: 0.5em auto;
    overflow:hidden;
    
}
.iList:after {
  content: "";
  display: table;
  clear: both;
}
.iSubCatg {
    font-size:1.2em;line-height:120%;
    margin: 0.3em auto 0.6em 0;
    
}
.iSubCatg-wSize{
    font-size:1.3em;
}

.iDetail{
    float:left;
}
.iDetail-li{
    width: 100%;
    overflow:hidden;
}

.iDetail:nth-of-type(4n+1) {
    
  }
    
.iDetail p, .iDetail-li p{
    font-size: 0.75em; font-weight:normal; text-align:left;
    margin-top: -0.5em;
    margin-bottom: 0.5em;
    
}
.iDetail .iDetail-top, .iDetail-li .iDetail-top{
    width:100%;
    overflow:hidden;
}
.iDetail .iName, .iDetail-li .iName{
    width:82%;
    max-width: 80%;
    float:left;
    font-size: 0.95em; font-weight:bold; text-align:left;
    
    margin: 0.1em auto;
  
}
.iDetail .iPrice, .iDetail-li .iPrice{
    width: 13%;
    float:right;
    overflow:visible;
    font-size: 0.85em; font-weight:normal; text-align:right;
    margin: 0.1em auto;
    
}



/*----- Wine List with Size ---- */
.iList-wSize{
    width: 100%;
    margin: 0.3em auto;
    overflow:hidden;
}
.wSize{
    width: 10%;display: table;
    float:right; margin: 0 0 0 1.5em;
    font-size: 0.85em; font-weight:bold; text-align:center; 
}
.iDetail-wSize{
    margin:1em auto;
}
.iDetail-wSize p{
    font-size: 0.95em; font-weight:bold; text-align:left;
}
.iDetail-wSize p span{
    font-size: 0.8em; font-weight:normal;
}
.iDetail-wSize .wSize{
    font-weight:normal;
}

/* media queries */
@media screen and (min-width: 400px) {

  .iDetail{
    width: 100%;
  }

  .iDetail:nth-of-type(2n+1) {
    clear: left;

  }

}
	

@media screen and (min-width: 768px) {

  .iDetail{
    width: 50%;
  }

  .iDetail:nth-of-type(2n+1) {
    clear: none;
  }

  .iDetail:nth-of-type(3n+1) {
    clear: left;
  }

}

@media screen and (min-width: 1024px) {

  .iDetail{
    width: 46%; 
  }    
  
  .iDetail:nth-of-type(3n+1) {
    clear: none; 
    margin: auto 1.9em auto auto; 
  }

  
  .iDetail:nth-of-type(4n+1) {
    clear: left;
  }

  
}




/*************************************************************************************
	MEDIA JQUERY
*************************************************************************************/
@media screen and (max-width: 1280px) {
	.largeBody,.smallBody {width: 55%;}
	.smallContentBody, .largeContentBody {width: 58%}
}
@media screen and (max-width: 980px) {
	.ln-bg_wrapperLeft{ width: 29%;}
	.ln-bg_wrapperRight {width: 71%;}
	#wrapperGallery {height:100%;}
	#wrapperGallery .bgImg {min-height:100%;height: 100% !important; width: auto !important;display:block}
	.largeBody,.smallBody {width: 45%;}
	#wrapperBody {padding: 0 3%;}
	.smallContentBody, .largeContentBody {width: 55%}
	.menuList li, .menuListSmall li {width: 100%;float:none;}
	.menuList .itemList {min-height: 0;}
	.copyright {width: 27%;}
}
@media screen and (max-width: 768px) { /* 604 */
	.ln-bg_wrapperLeft {width: 100%; height:auto;}
	#wrapperLeft {width:100%;margin: 0.1em auto;font-size:0.75em; ;z-index:9;}
	.logo { width:25%;margin: 0.2em auto;display:inline-block;}
	.mainNav {width:100%; margin: 0.3em auto; text-align:center;}
	.mainNav li {display:inline-block;padding: 0 0.8em; border:none;}
	.mainNav li:last-child {border:none;}
	.socialMedia {display:none;}
	.ln-bg_wrapperRight {width:100%;background:none;}
	
	#wrapperBody {width: 92%;padding: 0 4%;}
	#wrapperGallery {/*display:none;*/height:auto; position:static;}
	#wrapperGallery .bgImg {width: 100% !important; min-height: 5%; height: auto !important;} 
	.smallBody, .largeBody {width:100%;position:relative;}
	.pgTitle {font-size:1.5em;margin:-1em 0 0.5em 0;text-align:center; /*border-top: 1px solid #000;*/ border-bottom: 1px solid #000;padding: 0.3em 0;}
	.pgSubTitle {margin-bottom:0.5em;} 
	.titleLink {font-size:1em;}
	.menuList .itemList, .menuDrink .itemList{}
	.menuList h3, .menuListSmall h3, .menuDrink h3 {font-size: 0.95em;}
	.copyright {width: 100%; position:static;}
	.menuList .leftSide, .menuDrink .leftSide {width: 80%;}
}


/*
@media screen and (max-width: 480px) {
	#wrapperLeft {font-size:0.7em;}
	.titleLink {font-size:1em;}
	.titleLink a {margin:0;}
	.menuList .leftSide, .menuList .rightSide, .menuDrink .leftSide, .menuDrink .rightSide {width:100%;display:block;}
	.menuList .rightSide, .menuDrink .rightSide {text-align:left;margin: -1em 0 0.5em 0;}
}

@media screen and (max-width: 384px) {
	#wrapperLeft {font-size:0.8em;}
	.mainNav li {padding: 0 0.6em; border:none;}
	#wrapperLeft {font-size:0.55em;}	
}
*/