/*
Theme Name: Commis 106
Theme URI: http://commisrestaurant.com/
Description: Wp Theme
Version: 1.0.6
Author: Vanessa Yap-Einbund / Andrew Lindstrom
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,menu {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }



body { line-height:1; font:62.5%/1.6 "walkway_boldregular", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #f2f2f2; color: #969595; }
body.home { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/commis_homepage_01.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/commis_homepage_01.jpg', sizingMethod='scale')"; }



/* -- Typography & Colors -- */
header li a { font-size: 1.05em; text-decoration: none; text-transform: uppercase; letter-spacing: 0.22em; display: inline-block; padding-bottom: 3px; color: #969595; }
header li { overflow:hidden; width: 200px; text-align: right;  }
.home header li a { color: #fff; }
header li a:hover, header .current-menu-item a { border-bottom: 1px solid #969595; padding-bottom: 2px; }
.home header li a:hover { border-bottom: 1px solid #fff; padding-bottom: 2px; }
.page-title { font-size: 2.6em; }
.entry h2 { font-size: 1.625em; margin-bottom: 25px; }
.entry h5 { font-family: "walkway_ultraboldregular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h2 { font-family: "walkway_blackregular", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; letter-spacing: 0.3em; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; max-width: 580px; padding-bottom: 20px; margin-bottom:25px; margin: 0 auto; font-weight: normal; }
.subtitle { font-size: 1.6em; line-height: 1.625em; letter-spacing: 0.220em; font-weight: normal; text-align: center; text-transform: uppercase; margin: 25px 0 30px 0; padding: 0 72px;  }
.entry { font-size: 1.6em; line-height: 1.43em; letter-spacing: 0.1em; text-align: center; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .entry { text-align: center; } }
.menu-left, .menu-middle, .menu-right, table td, table { text-align: left; text-align-last: left; -moz-text-align-last: left; -webkit-text-align-last: left; }
h4 { font-size: 0.625em; font-family: "walkway_blackregular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.22em; text-align: center; margin-bottom: 52px; font-weight: normal; }
.entry h3 { font-size: 1.125em; letter-spacing: 0.2em; font-weight: normal; text-transform: uppercase; padding: 0; text-align: center; }
.page-wines .entry h3 { padding: 0 0 11px 0; }
#footer-menu { text-align: center; font-size: 1.0em; letter-spacing: 0.2em; text-transform: uppercase; }
#footer-menu a { text-decoration: none; color: #969595; display: inline-block; padding-bottom: 3px; margin: 0 14px; }
#footer-menu a:hover, #footer-menu .current-menu-item a { border-bottom: 1px solid #969595; padding-bottom: 2px; }
#footer-credits { font-size: 1.2em; letter-spacing: 0.12em; text-transform: uppercase; text-align: center; margin-top: 34px; }
#footer-credits a { color: #969595; text-decoration: none; }
.icontent { position: absolute; top: -43px; right: 102px; background-color: #f2f2f2; display: none; padding: 20px; font-size: 1.4em; text-transform: uppercase; letter-spacing: 0.12em; }
.icontent a { color: #969595; text-decoration: none; border-bottom: 1px solid #969595; display: inline-block; padding-bottom: 2px; }
#creditlink { width: 830px; margin: 0 auto; text-align: center; position: relative; }
table td + td { text-align: left; }
table td:nth-child(2) { width: 8%; }
table td:nth-child(3) { width: 27px; text-align-last: right; text-align: right; vertical-align: bottom; }
.entry table { margin-bottom: 40px; text-align-last: left; -moz-text-align-last: left; -webkit-text-align-last: left; }
.entry .button a { font-size: 1.125em; text-transform: uppercase; text-decoration: none; letter-spacing: 0.2em; border: 1px solid #969595; padding: 16px 40px 15px 40px; clear: both; display: inline-block; margin: 18px 0; background-color: #969595; color: #fff; }
.entry .button a:hover { background-color: #fff; color: #969595; border: 1px solid #e6e6e6; }
.entry a { color: #969595; text-decoration: none; }
.entry a:hover { color: #666; }
.entry strong { font-family: "walkway_ultraboldregular", "Helvetica Neue", Helvetica, Arial, sans-serif; }


/* -- Begin Structure -- */
.content { max-width: 930px; margin: 0 auto; padding: 0 20px; }
header { padding: 39px 0 39px 0; z-index: 10000;}
.menuhead { margin-top: 10px; }
#left-menu { width: 321px; float: left; overflow: hidden; margin-top: 13px; }
#right-menu { float: right; text-align: right; overflow: hidden; margin-top: 12px; }


#logo a { display: block; float: left; text-indent: -10000px; margin: 0; margin-top: 11px; background: url(images/commis-logo-grey.svg) center center no-repeat; width: 160px; height: 16px; background-size: 160px auto; }


.home #logo a { color: #fff; background-image: url(images/commis-logo.png); background-image: url(images/commis-logo.svg); }

#left-menu a { margin-right: 48px; }
#right-menu a { margin-left: 12px; }
header { background-color: #f2f2f2; border-bottom: 2px solid #ebebeb; position: fixed; width: 100%; }
.home header { background-color: transparent; border-bottom: none; position: inherit; width: inherit; }
.menu-left, .menu-middle { width: 350px; float: left; line-height: 2em; }
.menu-right { width: 230px; float: left; line-height: 2em; }
.post { margin-top: 191px; }
#background-image { height: 500px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover !important; background-repeat: no-repeat; margin: 53px 0 40px 0; }
#footer { padding-bottom: 50px; }
#btt-wrapper { background-color: #ccc; text-align: center; background: url(images/btt.png) top repeat-x; margin-top: 32px; }
#btt { display: inline-block; background-color: #f2f2f2; text-transform: uppercase; font-family: "walkway_blackregular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.2em; font-size: 12px; padding: 3px 4px 2px 7px; border: 1px solid #e6e6e6; text-decoration: none; color: #969595; background-color: #e6e6e6; }
#btt:hover { background-color: #fff; }
.responsive-map { margin-bottom: -190px; }
html .gm-style-cc { display: none; }
#mobile-header, #background-image-mobile, .subtitle-mobile, #mobile-map { display: none; }

/* change line 61 to 9px after signoff */
.logged-in #right-menu { margin-top: 9px; }
.ig-link img { width: 16px; height: 16px; margin-bottom: -8px; padding-bottom: 4px; border-bottom: 1px solid transparent; }
.ig-link img:hover { border-bottom: 1px solid #fff; }

/* -- Begin Images -- */
p img { padding: 0; max-width: 100%; height: auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }



/* -- Begin Lists -- */
ol,ul { list-style:none; }
.entry ul { list-style: disc inside; text-indent: 0.5em; padding-bottom: 0.75em; }
.entry ol { list-style:decimal inside; padding-bottom: 1.5em; }
.entry li { padding-bottom: 0.75em; margin: 0; line-height: 1em;  }
header li { display: inline; }
#footer li { display: inline; text-align: center; }



/* -- Begin Various Tags & Classes -- */
.entry p { padding-bottom: 2.25em; }
.clr { clear: both; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.clr { clear: both; }
.post-edit-link { display: block; width: 40px; height: 40px; background: url(images/edit-post.png) top left no-repeat; text-indent: -10000px; position: fixed; right: 20px; top: 20px; }


/* Pop up */
.popup-outer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 100000;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.popup-outer.active {
	opacity: 1;
	visibility: visible;
}

.popup-wrap {
	max-width: 595px;
	padding: 70px 40px 40px 40px;
	margin: 100px auto 100px auto;
	background-color: #f2f2f2;
    color: #969595;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.03em;
	position: relative;
	cursor: default;
    box-sizing: border-box;
}

.popup-wrap p {
    margin-bottom: 30px;
}

.popup-wrap p a {
    color: #969595;
    border-bottom: 1px solid #969595;
    text-decoration: none;
}

.close-popup {
	width: 24px;
	height: 24px;
	position: absolute;
    top: 20px;
    right: 20px;
	cursor: pointer;
	background: url(images/close.png) center center no-repeat;
	background-size: 100% auto;
}



@media ( max-width:768px ) {

	.popup-wrap {
		max-width: 90%;
        margin-top: 100px;
        padding: 50px 20px 10px 20px;
	}
}