@charset "utf-8";
/* CSS Document */
/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/*end pop up container*/

body {
  margin: 0px auto;
  font-size: 1em;
  font-family: 'Raleway', sans-serif;
  background-color: #fff;
}
a, a:link, a:visited {
  color:#D99C14;
}
p {
	text-align:left;
}
div {
	text-align:center;
}
img {
	border: none;
}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.whtltr {color:#fff; }
.nobottom {
  margin-bottom:0px;
}
.notop {
  margin-top:0px;
}
.all-caps {
  text-transform:uppercase;
}
.capfirst {
  text-transform: capitalize;
  text-align:left;
}
.button {
	background-color: #f4af12;
	color:#000;
	padding: 8px;
	border-radius: 8px;
	text-align:center;
	margin:auto;
}
a.button {
	text-decoration:none;
}
.bimg {
	text-align:left;
}
.hbutton {
	padding: 20px 20px 10px;line-height:20px;border: 2px solid #722B26;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.hbutton2{
	font-size:180%;
	color:#fff;
}
#site-inner {
background: white url(images/travinia-homepage.jpg) top center no-repeat;
background-size: 100% 650px;

  }
#site-inner-gf {
background-image:url(images/Chocolate-Decedance-Cake-gf.jpg);
 background-repeat: no-repeat;
	 background-size: 100% auto;	
	background-position: top center;
background-attachment: fixed;

  }
#site-inner-lunch {
/*background: white url(images/flatbread-soup-lunch.jpg) top center no-repeat;
background-size: 100% 480px;*/
background-image:url(images/flatbread-soup-lunch.jpg);
	/*background: white url(images/flatbread-soup-lunch.jpg) top center no-repeat;*/
/*background-size: 100% 700px;*/
 background-repeat: no-repeat;
	 background-size: 100% auto;	
	background-position: top center;
background-attachment: fixed;

  }
.lunchspace {
	height:0em;
}
#site-inner-dinner {
/*background: white url(images/tenderloin-medallions.jpg) top center no-repeat;
background-size: 100% 850px;*/
	/*background: white url(images/tenderloin-medallions.jpg) top center no-repeat;*/
	background-image:url(images/tenderloin-medallions.jpg);
    /*background-size: 100% 850px;*/
     background-repeat: no-repeat;
	 background-size: 100% auto;	
	background-position: top  center;
background-attachment: fixed;
  }
#site-inner-desserts {
/*background: white url(images/dessert-header.jpg) top center no-repeat;
background-size: 100% 900px;*/
	/*background: transparent url(images/dessert-header.jpg) top center no-repeat;
background-size: 100% 900px;*/
	background-image:url(images/dessert-header.jpg);
    background-repeat: no-repeat;
	background-size: 100% auto;	
	background-position: top  center;

  }
#site-inner-bar {
/*background: white url(images/bar-header.jpg) top center no-repeat;
background-size: 100% 850px;*/
	background-image:url(images/bar-header.jpg);
    background-repeat: no-repeat;
	background-size: 100% auto;	
	background-position: top  center;

  }
#site-inner-catering {
/*background: white url(images/catering/catering-5.jpg) top center no-repeat;
background-size: 100% 850px;*/
	background-image:url(images/catering/catering-5.jpg);
    background-repeat: no-repeat;
	background-size: 100% auto;	
	background-position: center center;
}
.cateringspace {
	height:344px;
}
.cateringht2 {
	height: 210px;
	}
#site-inner-pdrooms {
/*background: white url(images/catering/Richmond-Wine-Room.jpg) top center no-repeat;
background-size: 100% 650px;*/
	
	 background-image:url(images/catering/leesburg-private-dining-room.jpg);
    background-repeat: no-repeat;
	background-size: 100% auto;	
	background-position: top center;
}
.wineroomspace {
		height:490px;
	}
#left-col-menu {
max-width: 240px;
float:left;
border: 1px solid #dfdfdf;
margin-right: 20px;
margin-top: 20px;}


.menu-links {
width: 100%;
min-height: 60px;
border-bottom: 1px solid #dfdfdf;
background-color:#fff;
}
.onlink {
background-color: #FFCC33;
}
.ongray {
background-color: #dcdcdc;
}
.menu-links a, .menu-links a:link, .menu-links a:visited {
color: #333;
padding-top: 10px;
padding-bottom: 10px;
line-height: 60px;
text-decoration:none;
}
#right-col-menu {
float:left;
max-width: 720px;
font-size: 90%;
text-align: left;
}
#right-col-menu h4 {
margin-bottom: 0px;
}
#right-col-menu p {
margin-right:85px;}

.menu-boxes {
float:right; max-width: 300px;border: 1px solid #dfdfdf;}
.menu-boxesm {
float:right; max-width: 300px;border: 1px solid #dfdfdf;}
.menu-boxesl {
 max-width: 300px;border: 1px solid #dfdfdf;}
.menu-box-c {
float:right; max-width: 300px;border: 1px solid #dfdfdf;}
#site-inner-mm {
background: white url(images/miramar-beach/Destin-wine-room-and-dining-room.jpg) top center no-repeat;
background-size: 100% 650px;

  }
#site-inner-aiken {
background: white url(images/Aiken/Aiken-Bar.jpg) top center no-repeat;
background-size: 100% 650px;

  }
#site-inner-asheville {
background: white url(images/Asheville/Asheville-Dining-Room.jpg) top center no-repeat;
background-size: 100% 650px;

  }
#site-inner-charlottesville {
background: white url(images/charlottesville/Charlottesville.jpg) top center no-repeat;
background-size: 100% 650px;

  }
#site-inner-columbia {
background: white url(images/columbia/Columbia-DIning.jpg) top center no-repeat;
background-size: 100% 650px;

  }
 #site-inner-leesburg {
background: white url(images/leesburg/Leesburg.jpg) top center no-repeat;
background-size: 100% 650px;

  } 
 #site-inner-lexington {
background: white url(images/lexington/lexington.jpg) top center no-repeat;
background-size: 100% 650px;

  } 
 #site-inner-lexingtonky {
background: white url(images/lexington-ky/lexingtonKY.jpg) top center no-repeat;
background-size: 100% 650px;

  } 

#site-inner-morrisville {
background: white url(images/morrisville/morrisville.jpg) top center no-repeat;
background-size: 100% 650px;

  }
#site-inner-newport {
background: white url(images/newport-news/Newport-Patio.jpg) top center no-repeat;
background-size: 100% 650px;

  }
#site-inner-richmond {
background: white  url(images/richmond/Richmond-Travinia-Italian-Kitchen.jpg) top center no-repeat;
background-size: 100% 650px;

  }
#site-inner-woodbridge {
  background: white url(images/woodbridge/Woodbridge-Dining.jpg) top center no-repeat;
  background-size: 100% 650px;

  }
#site-inner-food-truck {
background: white url(images/3-creeks-winery-travinia.jpg) top center no-repeat;
background-size: 100% 650px;

  }
#top-bar {
 background-color:rgba(0, 0, 0, 0.5);
  width: 100%;
  min-height: 90px;
 
} 
#top-right {
  float:right;
}
#signup {
  text-align: right;
  width: auto;
  color: #fff;
  font-size: 80%;

} 
.signup-box {
  background: #000;
  color: #999;
}
#banner {
  width: 100%;
  min-height: 90px;
}
#home-content {
  max-width: 1000px;

   /*margin: 0 auto !important;
 float: none !important; 
  height: 500px;*/
  text-align:center;
  margin:344px auto auto;
 /* background-color:#fff; */
}
#about-content {
  max-width: 1000px;
  margin: 10px auto !important;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align:center;

  color: #fff;
  background-color:rgba(0, 0, 0, 0.75); 
}
#about-content p {
  margin-left: 80px;
  margin-right: 80px;
  line-height: 1.5em;
  }
#about-winery {
  max-width: 1000px;
  margin: 10px auto !important;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align:center;

  color: #fff;
  background-color:rgba(0, 0, 0, 0.75); 
}
#about-winery p {
  margin-left: 80px;
  margin-right: 80px;
  line-height: 1.5em;
  }
#event-content {
  max-width: 1000px;
  margin: 10px auto !important;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align:center;

  color: #000;
  background-color:transparent;
}
#event-content p {
  margin-left: 80px;
  margin-right: 80px;
  line-height: 1.5em;
  }
#content-bottom {
  background-color:rgba(0, 0, 0, 0.75);
  max-width: 1000px;
  margin: auto;
  text-align:center;
  min-height: 300px;
  color:#fff;
}
#content-bottom2{
  background-color:rgba(0, 0, 0, 0.60);
  max-width: 1000px;
  margin: auto;
  text-align:center;
  min-height: 530px;
  color:#fff;
}
#box3content {
  margin:auto;
  text-align:center;
	max-width: 1000px;
  background-color:transparent;
  min-height: 200px; 
	

}
.box3content {
  width: 320px;
  max-width: 320px;
	float:left;
	/*max-width: 30%;
	padding: 1%;*/
	padding-left: 2px;
	padding-right: 2px;
  background-color: transparent;
  padding-top:20px;
}
.box3content a, .box3content a:link, .box3content a:visited {
  font-size: 80%;
  color: #fff;
}
.box3content h3.borderbox {
  border: 1px solid #fff;padding: 3px;}
.box3content img {
	border: 2px solid black;
	margin-left: 4px;
}
/*#home4boxes {
  margin:auto;
  text-align:center;
  max-width: 1000px;
  background-color:transparent;
  min-height: 200px;

}
.homebox4 {
  float:left;
  max-width: 250px;
  background-color: transparent;

}

.homebox4 h3 {
  background-color:black;
  color: #fff;
  max-width: 240px;
  margin-top: 0px;
}
*/
#home4boxes {
  margin:auto;
  text-align:center;
  /*max-width: 760px; for 3 boxes*/
	/*max-width: 1080px; for 4 boxes */
	max-width: 100%;
  background-color:transparent;
  min-height: 200px;

}
.homebox4 {
  float:left;
  /*max-width: 30%;*/
	max-width: 25%;
	padding: 1%;
  background-color: transparent;
}

.homebox4 h3 {
  background-color:black;
  color: #fff;
  max-width: 100%;
  margin-top: 0px;
}
.homebox4 a {
  color: #fff;
}
#home5boxes {
  margin:auto;
  text-align:center;
	max-width: 1400px;
  background-color:transparent;
  min-height: 200px;

}
.homebox5 {
  float:left;
	max-width: 19%;
	padding: 1%;
  background-color: transparent;
}

.homebox5 h3 {
  background-color:black;
  color: #fff;
  max-width: 100%;
  margin-top: 0px;
}
.homebox5 a {
  color: #fff;
}
#home3boxes {
  margin:auto;
  text-align:center;
  max-width: 760px;
  background-color:transparent;
  min-height: 200px;

}
.homebox3 {
  float:left;
  max-width: 30%;
	padding: 1%;
  background-color: transparent;
}

.homebox3 h3 {
  background-color:black;
  color: #fff;
  max-width: 100%;
  margin-top: 0px;
}
.homebox3 a {
  color: #fff;
}
#bottom-3boxes {
  margin:auto;
  text-align:center;
  max-width: 1000px;
  background-color: #fff;
}
.box3 {
  float:left;
  width: 330px;
  max-width: 330px;
  padding-top: 20px;
  line-height: 1.25em;

}
.box3 h3 {
  color: #333;
}
.box3 a, .box3 a:link, .box3 a:visited {
  color: #333;
}
#bottom-2boxes {
  margin:auto;
  text-align:center;
  max-width: 1000px;
  height: 300px;
}
.box2 {
  float:left;
  max-width: 450px;
  padding: 10px;

}
.box50 {
	float:left;
	width:50%;
}
.h2box50 {
	color:#fff;padding-top:50px;max-width: 70%;text-align:center;
}
#home-bottom {
  max-width:650px;
  margin:auto;
  font-size: 90%;
  line-height: 1.25em;

}
#footer-wrap {
  background-color: #333;
  width: 100%;
  min-height: 200px;
}
#footer {
  max-width: 1000px;
  text-align:center;
  height: auto;
  margin:auto;
  min-height: 200px;
}
.footer-bottom {
background-color: #fff;
height: 240px;
}
.box4 {
  float:left;
  /*width: 230px;*/
	width: 23%;
  background-color: #333;
  line-height: 1.25em;
  padding: .5%;
  min-height: 200px;
	color:#fff;
}
.box4 p{
	color:#fff;
}
.box4 a, .box4 a:link, .box4 a:visited {
text-decoration:none;
font-size: 80%;
color: #dfdfdf;
}
.smaller {
  font-size: 80%;
}
.larger {
  font-size: 120%;
}
/*slideshow*/
#slideshow {
    position:relative;
    min-height:297px;
    margin-left: 00px;
	max-width: 300px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    min-height: 297px;
    background-color: transparent;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    min-height: 297px;
    display: block;
    border: 0;
    margin-bottom: 0px;
	margin-top:0px;

}
/*.slideshow-img
{	box-shadow: 0px 5px 5px #888;
}*/
/*end slideshow*/
table {
	text-align: left;
	font-size: 80%;
	margin: 1em auto;
}
td, th {
	padding: .2em 1em;
}
.gold {
color: #E8A713;
}
.homeSpacer {
height: 700px;
}
.wht {
background-color:#fff;
}
/*for cheryl's screen*/
@media screen and (min-width: 1599px)
{
.homeSpacer {
height: 800px;
}
}
/*all inclusive*/
@media handheld, only screen  
 and (max-device-width: 768px)  
{
#home4boxes,
#home3boxes{
  max-width: 100%;
}
.homebox4,
.homebox3 {
  float:none;
  max-width: 100%;
}

.homebox4 h3,
.homebox3 h3{
  max-width: 100%;
}
#home-bottom {
  max-width:100%;

}
#homesm {
	text-align:right;
	width:100px;
	}
#footer {
  max-width: 100%;
  min-height: 100px;
}
.box4 {
 min-height: 100px;
	}
.box4, .box4 p {
  float:none;
  width: 100%;
	text-align:center;
	margin:auto;
}
.menu-boxesm {
float:none;
	}

}