/*===========================================================================================
Hi foo. A (stripped down) mutant framework based on HTML5 Boilerplate + Bootstrap + some other stuff
=============================================================================================*/

/* fonts */

body{font-family:georgia,serif;font-size:16px;line-height:24px;color:#696556;}
strong{color:#000;}
.btn{font-family:georgia,serif;}
*p,*ul,*ol{font-family:georgia,serif;}/* IE7 */

/* base elements */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
body{margin:0;background-color:#000;}
a{color:#c65d10;text-decoration:none;}
a:hover{color:#9c4c10;text-decoration:underline;}
p{margin:0 0 22px;color:#696556;}p small{font-size:11px;color:#696556;}
h1,h2,h3,h4,h5,h6{color:#000;margin:0;font-weight:700;text-rendering:optimizelegibility;}
section h1,section h2,section h3,section h4,section h5,section h6{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.15),0 1px 0 #fff;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;font-style:italic;color:#9a9587;font-size:14px;line-height:24px;text-transform:none;letter-spacing:0;text-shadow:none!important;}
h1 em, h2 em{font-style:italic;color:#989384;}
h1{font-size:36px;line-height:36px;margin-bottom:26px;font-weight:normal;text-align:center;}
h2{font-size:21px;line-height:24px;margin-bottom:22px;text-transform:uppercase;letter-spacing:3px;font-weight:normal;}h2 a{color:inherit;}h2 a:hover{text-decoration:none;}
h3{margin-bottom:2px;font-weight:normal;font-style:italic;}h3.doublespaced{margin-bottom:22px;}
h4 small{font-size:12px;}h4.doublespaced{margin-bottom:22px;}
h5{font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:normal;}
h6{font-size:14px;}
.page-header{margin:18px 0;border-bottom:1px solid #d7d1c7;}
ul,ol{padding:0;margin:0 0 24px 24px;}
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
ul{list-style:disc;}
ol{list-style:decimal;}
li{}.double-spaced li{margin-bottom:18px;}
ul.unstyled,ol.unstyled{margin-left:0;list-style:none;}
dl{margin-bottom:18px;}
dt,dd{line-height:18px;}
dt{font-weight:700;}
dd{margin-left:18px;}
hr{margin:0 0 28px 0;border:0;border-top:2px solid #dad6d0;border-bottom:1px solid rgba(255,255,255,.4);}
strong{font-weight:700;}
em{font-style:italic;}
abbr{font-size:90%;text-transform:uppercase;border-bottom:1px dotted #d7d1c7;cursor:help;}
blockquote{padding:0 0 0 18px;margin:0 0 18px 24px;border-left:1px solid #d7d1c7;}
blockquote small{display:block;line-height:18px;color:#999999;}blockquote small:before{content:'\2014 \00A0';}
blockquote.pull-right{float:right;padding-left:0;padding-right:18px;border-left:0;border-right:1px solid #d7d1c7;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}
address{display:block;margin-bottom:22px;line-height:18px;font-style:normal;}
small{font-size:100%;}
cite{font-style:normal;}
code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:12px;color:#333333;}
code{padding:3px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;}
pre{display:block;padding:8.5px;margin:0 0 18px;font-size:12px;line-height:18px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;}pre.prettyprint{margin-bottom:18px;}
pre code{padding:0;color:inherit;background-color:transparent;border:0;}
.pre-scrollable{max-height:340px;overflow-y:scroll;}
::selection{background: #d9edf7;}::-moz-selection{background: #d9edf7;}

/* helper classes */

.pull-right{float:right;}
.pull-left{float:left;}
.hide{display:none;}
.show{display:block;}
.highlight{color:#44403a;background-color:#f2b720;padding:0 2px;}
.label{padding:2px 4px 3px;font-size:11.049999999999999px;font-weight:700;color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#999999;}

/* menus & buttons */

.well{min-height:20px;padding:18px 18px 0;margin-bottom:22px;background:#e3dedc url(../images/bg-well.gif);-webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.05);}
.well:after{display:table;content:"";}
.well h1,.well h2,.well h3,.well h4,.well h5{text-shadow:none;}
.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;}
.collapse{-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;position:relative;overflow:hidden;height:0;}.collapse.in{height:auto;}
.close{font-family:arial,sans-serif;float:right;font-size:24px;font-weight:400;padding:1px 6px;line-height:1;color:#9A9587;background-color:transparent;border:0;}.close:hover{color:#D3A616;background-color:#000;text-decoration:none;cursor:pointer;}
.btn{display:inline-block;padding:6px 15px;margin-bottom:0;font-size:13px;line-height:18px;font-weight:500;text-transform:uppercase;letter-spacing:2px;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);vertical-align:middle;cursor:pointer;color: #c65d10;background-color:#fff;border: 3px solid #e3e1d9;/*-webkit-box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.2);box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.2)*/}
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{}
.btn:active,.btn.active{}
.btn:first-child{*margin-left:0;}
.btn:hover{color:#9c4c10;text-decoration:none;-webkit-transition:background 0.1s linear;-moz-transition:background 0.1s linear;-ms-transition:background 0.1s linear;-o-transition:background 0.1s linear;transition:background 0.1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active,.btn:active{outline:0;}
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e5e5e5;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;}
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-dark.active{color:rgba(255, 255, 255, 0.75);}
.btn-primary{background-color:#c36a28;border-color:#b35916;}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#d27531;}
.btn-primary:active,.btn-primary.active{background-color:#ac5b20;}
button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}

/* modals & tooltips */

.modal-open .dropdown-menu{z-index:2050;}
.modal-open .dropdown.open{*z-index:2050;}
.modal-open .popover{z-index:2060;}
.modal-open .tooltip{z-index:2070;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
.modal{position:fixed;top:50%;left:50%;z-index:1050;max-height:500px;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
.modal.fade.in{top:50%;}
.modal-header{padding:9px 15px;background: #f5f3f1 url(../images/bg-pattern.gif) repeat 0 0;border-bottom:1px solid #d7d1c7;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
.modal-body{padding:15px;}
.modal-body .modal-form{margin-bottom:0;}
.modal-footer{padding:14px 15px 15px;margin-bottom:0;background: #f5f3f1 url(../images/bg-pattern.gif) repeat 0 0;border-top:1px solid #d7d1c7;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;text-align:center;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";}
.modal-footer:after{clear:both;}
.modal-footer .btn{margin:0 6px;}

/* thumbnails */

.thumbnails{margin:0 0 0 -30px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";}
.thumbnails:after{clear:both;}
.thumbnails>li{float:left;margin:0 0 28px 30px;}
.thumbnail{display:block;margin-top:4px;line-height:1;background-color:#fff;}
.thumbnail:hover{-webkit-box-shadow:0 0 1px 2px #C36A28;-moz-box-shadow:0 0 1px 2px #C36A28;box-shadow:0 0 1px 2px #C36A28;
-webkit-transition:box-shadow 0.1s linear;-moz-transition:box-shadow 0.1s linear;-ms-transition:box-shadow 0.1s linear;-o-transition:box-shadow 0.1s linear;transition:box-shadow 0.1s linear;}
.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
.thumbnails .caption{margin-top:9px;}

/* nav bar */

nav{overflow:visible;position:relative;height:130px;z-index:99;}
nav h1.logo{width:259px;height:176px;position:absolute;top:0;left:50.3%;margin-left:-130px;z-index:99;}
nav h1.logo a{display:block;width:259px;height:176px;text-indent:-9999px;overflow:hidden;background:transparent url(../images/toscano-logo.png) no-repeat 0 0;}
nav ul{margin:0;}
nav li{display:block;float:left;}
nav li a{float:none;padding:8px 10px;margin-right:20px;color:#696556;text-decoration:none;font-size:18px;line-height:1;letter-spacing:1px;font-style:italic;}
nav li a:hover{color:#e46507;text-decoration:none;}
nav li.active a,.navbar li.active a:hover{color:#fff;text-decoration:none;background-color:#e7af20;/*text-shadow:-1px -1px 0 rgba(0,0,0,.1);*/}
nav .locations{position:absolute;top:54px;left:0;}
nav .general{position:absolute;top:54px;left:630px;}
.subnav{margin-left:0;padding-top:7px;list-style:none;}
.subnav:after,.row:after{display: table;content: " "}
.subnav li{display:inline-block;}
.subnav li a{display:inline-block;margin-right:15px;}
.subnav li.last a{margin-right:0;}
.subnav li a:hover{}

/* banner */

#banner{background-color:#000;clear:both;text-align:center;overflow:hidden;}
#banner .row{width:1152px;margin:0 auto;position:relative;}
#banner li{position:absolute;top:0;left:0;width:100%;display:block;z-index:8;}
#banner li.active{position:relative;z-index:10;}
#banner li.last-active{position:absolute;z-index:9;}
#banner img{display:block;width:100%;}
#banner li .caption-wrapper{position:absolute;width:200px;right:18px;bottom:14px;text-align:right;}
#banner li .caption{position:relative;display:inline-block;padding:2px 5px;font-size:13px;line-height:14px;color:#fff;color:rgba(255,255,255,.8);z-index:10;text-transform:uppercase;letter-spacing:1px;-webkit-backface-visibility:hidden;}
#banner li .caption.dark{background-color:#000;background-color:rgba(0,0,0,.5);}
.no-banner header {overflow:visible;}
.no-banner section {padding-top:75px;border-top:1px solid #dad6ce;}
.hp-location-intro .ellipses{display:none;}
.btn-hp{display:block;margin-bottom:30px;}
.announcement{text-align:center;padding:5px 15px;background:#fff;border-bottom:2px solid #f2b720;} /* background:#fed366; */
.announcement p{/*color:#000;*/margin:0;}
.announcement-image{max-width: 420px;margin:15px auto 10px;}
.announcement-covid{background:#f2b720;padding:50px 18px;color: #000;}
.announcement-covid a{color: #000;text-decoration:underline;}
.map{width:100%;height:250px;border:1px solid #dad6ce;margin:0 0 30px;}

/* menu */

.row{position:relative;}
.menu ul{list-style:none;margin-left:0;}
.menu li{margin-bottom:12px;line-height:21px;color:#9A9587;}
.menu li small{font-size:13px;font-style:italic;color:#696556;padding:0 3px;}
.menu h1, .menu h2{text-align:center;}
.menu h2{background:transparent url(../images/bg-menu-h2.gif) no-repeat 0 .6em;}
.menu h2 span{padding:0 9px;background-image:url(../images/bg-noise.gif);}
.menu h3{margin-bottom:12px;}
.menu h5{display:inline;}
.menu-footer ul{background:transparent url(../images/bg-menu-h2.gif) no-repeat 0 .6em;padding-top:42px;}
.menu-toggle{text-align:center;}
.menu-toggle span{display:inline-block;color:#d2d0c9;margin:0 10px;}
.menu-lunch-title {margin-bottom:0;}
.wine-list h3,.wine-list img,.wine-list p{display:block;text-align:center;margin-left:auto;margin-right:auto;/*margin-bottom:6px;*/}
.wine-list img{border:1px solid #d9d6cf;border-bottom:0;margin-top:8px;}
.wine-list a{text-decoration:none !important;}
.dessert-menus [class*="span"]{max-width: 275px;}
.dessert-menus{padding-left: 25%;}

/* footer */

footer{padding:36px 0 18px;}
footer p, footer ul, footer, ol{color:#87826f;}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6 {color:#D7D1C7;}
footer h2 strong{font-weight:normal;color:#d3a616;}
footer a {color:#d3a616;}
footer a:hover{color:#d3a616;}
/*.beaconhill .contact-harvardsquare{display:none;}
.harvardsquare .contact-beaconhill{display:none;}*/

/* layouts */

.clearfix {*zoom: 1}
.clearfix:before, .clearfix:after {display: table;content: ""}
.clearfix:after {clear: both}
.hidden {display: none;visibility: hidden}
section{padding:36px 0 18px;background: #f5f3f1 url(../images/bg-pattern.gif) repeat 0 0;}
header{background:#fff;overflow:hidden;}
.container{margin-left:auto;margin-right:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";}
.container:after{clear:both;}
.row{margin-left:-30px;*zoom:1;}
.row:before,.row:after{display:table;content:"";}
.row:after{clear:both;}
[class*="span"]{float:left;margin-left:30px;}
.span1{width:80px;}
.span2{width:130px;}
.span3{width:210px;}
.span4{width:290px;}
.span5{width:370px;}
.span6{width:450px;}
.span7{width:530px;}
.span8{width:610px;}
.span9{width:690px;}
.span10{width:770px;}
.span11{width:850px;}
.span12,.container{width:930px;}


/*////////////////////////////////////////////////////

  Media Queries

////////////////////////////////////////////////////*/


/* xtra-large dektop */
@media (min-width: 1141px) {
	.no-banner header {padding-bottom:0;}
	#banner{height:567px;}
}

/* xtra-large dektop */
@media (max-width: 1141px) {
	#banner .row{width:100%;}
	#banner li .caption{background-color:#000;background-color:rgba(0,0,0,.5);}
}

/* dektop and larger */
@media (min-width: 960px) {
	.hp-location-intro{min-height:15.8em;}
	.menu-condensed h5{display:block;}
}

/* dektop and smaller */
@media (max-width: 960px) {
	.no-banner section {padding-top:40px;}
}

/* tablet only */
@media (min-width: 768px) and (max-width: 960px) {
	.span1 {width: 35px}
	.span2 {width: 100px}
	.span3 {width: 165px}
	.span4 {width: 230px}
	.span5 {width: 295px}
	.span6 {width: 360px}
	.span7 {width: 425px}
	.span8 {width: 490px}
	.span9 {width: 555px}
	.span10 {width: 620px}
	.span11 {width: 685px}
	.span12, .container {width: 750px}
	nav{height:auto;padding:177px 0 0!important;text-align:center;}
	nav li{float:none;display:inline;}
	nav .locations,nav .general{position:relative;top:auto;left:auto;display:inline;}
	nav li a {display:inline-block;margin:0;padding:15px;}
	nav li.active a,.navbar li.active a:hover{background-color:transparent;color:#e7af20;}
	.hp-location-intro .ellipses{display:inline;}
	.hp-location-intro .truncated{display:none;}
}

/* smaller than tablet */
@media (max-width: 767px) {
	.container {width: auto;padding: 0 18px}
	.row {margin-left:0}
	.row > [class*="span"] {float:none;display:block;width:100%;margin:0;}
	.thumbnails{display:none;}
	.thumbnails li {float:none;margin-left:0;}
	.thumbnail{display: inline-block;}
	nav{height:auto;padding:190px 0 0!important;}
	nav li{float:none;text-align:center;}
	nav .locations,nav .general{position:relative;top:auto;left:auto;}
	nav li a {display:block;margin:0;padding:12px 0;width:100%;color:#f7f6f3;background:#000;border-bottom:1px solid #43413b;}nav .general li:last-child a{border:0;}
	nav li a:hover{color:#ed6d0f;}
	nav li a:active,nav li a:focus{color:#fff!important;background:#e7af20!important;}
	nav li.active a,.navbar li.active a:hover{background:#000;color:#e7af20;}
	.btn-hp{margin-bottom:0;}
	.menu-toggle{position:relative;top:auto;right:auto;left:auto;text-align:center;}
	.wine-list .btn{margin-bottom:30px;}
	.modal{position: absolute;top: 18px;left: 18px;right: 18px;width:auto;margin:0;}
	.modal.fade.in{top: 18px;}
	.dessert-menus [class*="span"]{margin: 0 auto;}
	.dessert-menus{padding-left: 0;}
	/*.modal {position: absolute;top: 10px;left: 10px;right: 10px;width: auto;margin: 0}
	.modal.fade.in {top: auto}
	.modal-header .close {padding: 10px;margin: -10px}*/
}

/* small screen */
@media (max-width: 480px) {
	/* Makes inputs behave like true block-level elements */
	-webkit-box-sizing: border-box;/* Older Webkit */
	-moz-box-sizing: border-box;/* Older FF */
	-ms-box-sizing: border-box;/* IE8 */
	box-sizing: border-box;/* CSS3 spec*/}
}


