/*
 Theme Name:   Zig Zag
 Theme URI:    None
 Description:  A customized Penny Theme for the Zig Zag Cafe
 Author:       Corey Kahler
 Author URI:   http://greylandcreative.com
 Template:     penny
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:        right-sidebar, two-columns, custom-background, custom-header, custom-menu, editor-style, featured-images, threaded-comments, translation-ready
 Text Domain: penny
*/

/*
* HTML Elements
*/
body.wordpress {
	background-color:black;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	color:#af897d;
	font-family: "adelle",serif !important;
}

h1, h2, h3 {
	color:#5e2f26;
}

h1 a, 
h2 a, 
h3 a {
	color:#ff6000;
}

a,
a:visited {
	color:#ff6000;
}

a:hover {
	color:#470d00;
}

@media screen and (max-width: 950px) {
	body.wordpress {
		background-position: center top;
		background-size:400% auto;
		padding:0px;
	}
}

/*
* Wordpress Components
*/
.background-image {
	background-position: center;
	background-repeat: no-repeat;
    background-size: auto 100%;
    width: 100%;
    height: 100%;
	position: fixed;    
    top:100px;
    z-index: -10000;
}

#main {
	padding:0px;
}

#container {
	background-color:#fff4e0;
	box-shadow:none;
	margin-top:2rem;
	width: 900px;
    max-width: 95%;		
	padding:0px;
	position:relative;
	z-index:100;
}

.main-wrap {
	margin:0;
}

@media screen and (max-width: 850px) {
	.background-image {
		background-position: 100% 0;
	}

	#content {
		padding-top:0px;
	}
}

/*
* Header
*/
.header-wapper {
	background-color:black;
	height:100px;
	position: relative;
	z-index:200;
	white-space: nowrap;
}

#header {
	margin:5rem auto 2rem;
	padding: 4rem 0rem 1rem;
	width: 900px;
    max-width: 95%;	
	white-space: nowrap;
}

#header {
	margin:0rem auto;
	padding:1rem 0;
	white-space: nowrap;
}

#branding {
	float:left;
	margin-left:80px;
}

@media screen and (max-width: 950px) {
	.header-wapper {
		height:90px;
		white-space: nowrap;
	}

	#header {
	    padding: 0rem 2rem 0rem;
	    margin: 0 auto;
	    max-width: 100%;
	    box-shadow: none;
	    width: 750px;
		white-space: nowrap;
	}
}

@media screen and (max-width: 850px) {
	#branding {
		margin-left:20px;
	}	
}

/*
* Logo
*/
body.page-id-2 #branding,
#branding:hover {
	background-image:url(images/nav_glow.png);
    background-size: cover;
    background-position: center;
}

#site-title {
	background-image:url(images/logo_orange.png);
	background-repeat:no-repeat;
	background-size:100%;	
}

#site-title a,
#site-title a:hover {
	color:#fc955b;		
}

#site-title a {
	display:block;
	height:110px;
	margin-top:16px;
	width:190px;
	text-indent: -5000px;
}

body.page-id-2 #site-title,
#site-title:hover {
	background-image:url(images/logo_white.png);
}

@media screen and (max-width: 850px) {
	#site-title {
		padding-bottom:50px;
	}

	#site-title a {
		height:60px;
		margin-top:32px;
	}
}

/*
* Zigzag Borders
*/
#zigzag-borders {
	bottom:20px;
	position:fixed;
	width:100%;
	z-index:-100;
}

.zz-border {
	background-repeat:no-repeat;
	background-position: 0 bottom;
	background-size:auto 100%;
	height:250px;
	margin:0;
	width:calc(50% - 465px);
}

.zz-border.left {
	background-image:url(images/scrollwork_sidebar_left.png);
	background-position:100% bottom;
	float:left;
}

.zz-border.right {
	background-image:url(images/scrollwork_sidebar_right.png);
	float:right;
}

@media print {
	#zigzag-borders {
		display:none;
	}
}

@media screen and (max-width:968px) {
	#zigzag-borders {
		display:none;
	}
}

/*
* Primary Menu
*/
#menu-primary {
	float:right;
	font-size:18px;
}

#menu-primary .menu-container {
	border:none;
}

#menu-primary li a {
	padding:3rem 22px;
}

#menu-primary li a,
#menu-primary li a:visited ,
#menu-primary li a:focus {
	color:#ff6000;	
}

#menu-primary li a:hover {
	color:#ffffff;
}

#menu-primary li.current-menu-item > a {
	color:#ffffff;
	font-weight:normal;
}

#menu-primary li:hover,
#menu-primary li.current-menu-item {
	background-image:url(images/nav_glow.png);
	background-repeat:no-repeat;
	background-position: center;
	background-size:100%;
}

#menu-primary .menu-toggle a,
#menu-primary .menu-toggle a:hover,
#menu-primary .menu-toggle a:focus {
	color:#ff6000;
}

#menu-primary .sub-menu {
	display:none;
}

.menu-toggle .screen-reader-text {
	display:none;
}

.theme-genericons-active .menu-toggle a:before {
	font-size:26px;
}

.theme-genericons-active .menu-dropdown ul li.menu-item-has-children > a:before {
	content:'';
}

@media screen and (min-width:850px) and (max-width: 968px) {
	#branding {
		margin-left:0px;
		position:relative;
		z-index:1000;
	}

	#menu-primary {
		margin-bottom:3rem;
	}

	#menu-primary .wrap {
		margin-right:0px;
	}

	#menu-primary li:last-child a {
		padding-right:0px;
	}
}

/*
* Mobile Menu Control
*/
#menu-toggle-primary {
	display:none;
}

.mobile-menu-control {
	display:none;
	float:right;
    padding:4rem;	
}

.mobile-menu-control:before {
	color:#fff;	
    content: '\f419';
    cursor: pointer;
    float:right;
    font-size: 32px;
    font-family: "genericons";
}

.mobile-menu-control.opened:before {
    content: '\f406';	
    color:white;
}

@media screen and (max-width: 850px) { 
	.mobile-menu-control {
		background-image:url(images/nav_glow.png);
		background-repeat: no-repeat;
		background-position:center;
		background-size:100%;
		display:block;
		z-index:1000;
	}

	#menu-primary {
		background-color: black;
		float:none;
		height:0px;
		left:0px;
		margin:0 0 3rem 0rem;
		position:absolute;
		text-align: center;
		top:90px;
		width:100%;
		z-index:-10;
	}

	#menu-primary-items .menu-item-has-children.opened .sub-menu {
		display:block;
	}	

	#menu-primary .sub-menu .menu-item {
		background-color:#fff4e0;
	}

	#menu-primary.opened {
		height:auto;
	}	

	#menu-primary li a,
	#menu-primary li a:hover,
	#menu-primary li a:focus {
		font-family: "adelle-condensed", sans-serif;
		border-color:rgba(221,221,221,0.1);
	}

	#menu-primary li a:hover {
		color:#ff6000;
	}

	#menu-primary li:hover,
	#menu-primary li.current-menu-item	{
		background-image:none;
	}

	#menu-primary li.current-menu-item > a {
		color:#ff6000;
	}

	#menu-primary li li a,
	#menu-primary li li a:hover,
	#menu-primary li li a:focus {
		border-color:rgba(0,0,0,0.2);
	}

}

/*
* Menu Menus
*/
.menu-menus-container {
	text-align: center;
}

ul#menu-menus {
	display:inline-block;
	font-family: "viktor-script", serif;
	font-size:32px;
	list-style: none;
	margin:0 auto 2rem;
}

ul#menu-menus li {
	float:left;
}

ul#menu-menus li a {
	letter-spacing: 1px;	
	padding:2.2rem 2.75rem;
}

ul#menu-menus li.current-menu-item a,
ul#menu-menus li a:hover {
	background-image:url(images/nav_glow.png);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	color:white;
}



@media screen and (max-width:850px) {
	.menu-menus-container {
		display:none;
	}
}

/*
* Alternating Pages
*/
body.page-template-template-alternating #container {
	margin-top:0px;
}

body.page-template-template-alternating.page-id-31 .alternating-row.odd .alternating-text-group {
	padding-bottom:56px;
}

.header-image-wrapper {
	margin:0 auto 8px;
	width: 900px;
    max-width: 95%;		
}

.header-image-wrapper img {
	display:block;
	height:auto;
	width:100%;
}


.alternating-title {
	background-image:url(images/scrollwork_menu_center_tiny.png);
	background-repeat: no-repeat;
	background-position:0 100%;
	background-size:52px auto;
	color:#470d00;
	font-family: "viktor-script", serif;
	font-size:42px;
	margin-bottom:12px;
	padding-bottom:36px;
}

.content-alternating-wrapper {
	display:table;
}

.alternating-row {
	display:table-row;
}

.alternating-text-group,
.alternating-image {
	display:table-cell;
	width:50%;
	vertical-align: top;
}

.alternating-text-group {
	padding:60px 5% 0px 60px;
}

.alternating-text a {
	white-space: nowrap;
	text-transform: uppercase;
}

.alternating-subtitle {
	color:#470d00;
	font-family: "adelle-condensed", serif;
	font-weight:bold;
	text-transform: uppercase;
}

.alternating-image img {
	display:block;
	height:auto;
	width:100%;
}

.alternating-image.mobile {
	display:none;
}

@media screen and (max-width:850px) {
	.content-alternating-wrapper,
	.alternating-row,
	.alternating-text-group {
		display:block;
	}

	.alternating-title {
		margin-bottom:2px;
	}

	.alternating-text-group,
	.alternating-image {
		width:100%;
	}

	body.page-template-template-alternating.page-id-31 .alternating-row.odd .alternating-text-group {
		padding-bottom:0px;
	}

	.alternating-image.desktop {
		display:none;
	}
	.alternating-image.mobile {
		display:block;
	}
}

@media screen and (max-width:600px) {
	.header-image-wrapper {
		background-position: 50% 0;
    	background-size: auto 100%;		
		min-height:400px;
	}

	.header-image-wrapper img {
		display:none;
	}
}

@media screen and (min-width:601px) {
	.header-image-wrapper {
		background-image:none !important;
	}
}

/*
* Menu: Introduction
*/
.subtitle-section {
	clear:both;
	color:#fff7e5;
	margin-bottom:40px;
	margin:64px auto;
	width:80%;
	text-align: center;
}

.subtitle-section.mobile {
	display:none;
}

.subtitle-section.mobile .subtitle-section-intro {
	font-style: italic;
}

.subtitle-section.shiftdown{
	padding-top:5rem;
}

.subtitle-section-subtitle {
	font-family: "viktor-script",sans-serif;
	font-size:42px;
	letter-spacing: 2px;
	line-height: 1.25;
	margin-bottom:16px;
}

.subtitle-section-intro {
	font-family:"adelle-condensed",serif;
	font-size:18px;
}

@media screen and (max-width:850px) {
	body.single-menu_page .subtitle-section {
		display:none;
	}

	body.page-id-2 .subtitle-section {
		display:none;
	}

	body.page-id-2 .subtitle-section.mobile {	
		position:relative;
		right:auto;
	}

	.subtitle-section-subtitle {
		line-height: 54px;
	}
}

/*
* Menu Pages
*/
body.single-menu_page .main-wrap {
	margin:0 100px;
}

body.single-menu_page .column.right, 
body.single-menu_page .column.left {
	margin:0 1%;
	width:48%;
}

.entry-wrap {
	position:relative;
}

.entry-borders {
    position: absolute;
    width: 100%;
    height: 70px;	
}

.entry-border {
	background-repeat: no-repeat;
	background-position: 0px 15px;
	background-size: 95% auto;
	height:70px;
	width:calc(50% - 80px);
}

.entry-border.left {
	background-image:url(images/scrollwork_menu_right.png);
	float:left;
}

.entry-border.right {
	background-image:url(images/scrollwork_menu_left.png);
	background-position: 100% 15px;
	float:right;
}

#content .entry-title {
	font-family: "viktor-script", serif;
	font-size:42px;
	margin-top:32px;
	text-align: center;
}

.menu-subsection-title,
.cocktails-label {
	background-image:url(images/scrollwork_menu_center_tiny.png);
	background-repeat: no-repeat;
	background-position:center 36px;
	background-size:65px auto;

	font-family: 'adelle-condensed', serif;
	font-size:24px;
	font-weight: bold;
	margin-top:32px;
	padding-bottom:42px;
	text-align: center;
	text-transform: uppercase;
}

.menu-subsection-title span {
	font-size:20px;
}

.menu-id-173 .menu-subsection-title {
	background-position: center 0px;
	height:0px;
	text-indent: -9999px;
}

.menu-id-155 .column.left .menu-item-wrapper:nth-child(2) {
	margin-top:4rem;
}

.cocktails-label {
	display:none;

	background-image:none;
	color:#470d00;
}

body.postid-107 .cocktails-label  {
	display:block;
}

.menu-subsection-title:first-child {
	margin-top:0px;
}

.menu-subsection-wrapper {
	margin-bottom:5rem;
}

.menu-item-wrapper {
	margin-bottom:1rem;
	width:100%;
	text-align: center;
}
.menu-item-wrapper.even {
	clear:left;
}

body.postid-119 .menu-subsection-wrapper:first-of-type .menu-item-wrapper:first-child,
body.postid-119 .menu-subsection-wrapper:first-of-type .menu-item-wrapper:nth-child(2),
body.postid-82 .menu-subsection-wrapper:first-of-type .menu-item-wrapper:first-child,
body.postid-82 .menu-subsection-wrapper:first-of-type .menu-item-wrapper:nth-child(2),
body.postid-81 .menu-subsection-wrapper:nth-of-type(2) .menu-item-wrapper:first-child,
body.postid-81 .menu-subsection-wrapper:nth-of-type(2) .menu-item-wrapper:nth-child(2) {
	clear:both;
	width:100%;
}

.menu-item-description strong {
	color:#901a00;
}

.menu-item-inner-wrapper {
	line-height: 18px;
}

.menu-item-title {
	color:#470d00;
	font-family: 'adelle-condensed', serif;
	font-size:18px;
	font-weight:bold;
	text-transform: uppercase;
}

.menu-item-price {
	color:#ff6000;
	font-family: 'adelle', serif;
	font-weight:bold;
	margin-left:12px;
}

.menu-footer {
	background-image:url(images/scrollwork_center.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size:60%;
	font-size:12px;
	padding:64px 0;
	text-align: center;
}

@media screen and (max-width: 850px) {

	body.single-menu_page .main-wrap {
		margin:0 20px;
	}

	body.single-menu_page .entry-header {
		clear:both;
	}

	.type-menu_page.entry {
		margin-bottom:0px;
	}

	body.single-menu_page .column.right, 
	body.single-menu_page .column.left {
		float:none;
		margin:0 1% 3rem;
		width:98%;
	}

	.entry-borders {
		margin-left:-20px;
		width:calc(100% + 40px);
	}

	.entry-border {
		width:calc(48% - 80px);
	}

	.entry-border,
	.entry-border.right {
		background-position: 0px calc(50% + 1rem);		
	}

	.entry-border.left {
		background-position: 100% calc(50% + 1rem);	
	}	

	.menu-subsection-wrapper {
		margin-bottom:0px;
	}

	.menu-subsection-title {
		margin-top:0px;
	}

	.menu-footer {
		background-position: center 100%;
		background-size:75%;
	}

	.menu-footer p {
		font-style: italic;
		line-height: 16px;
		margin-bottom:0px;
		text-transform: uppercase;
	}
}

@media screen and (max-width: 600px) {

	.entry.type-menu_page .entry-wrap{
		padding-top:1rem;
	}

	#content .entry-title {
		margin-top:14px;
	}

	.entry-border {
		background-size:200%;
		width:calc(45% - 80px);
	}

	.menu-footer {
		background-size:100%;
	}
}

/*
* Dessert Page
*/
body.postid-120 .menu-subsection-title {
	display:none;
}

body.postid-120 .menu-item-wrapper.even,
body.postid-120 .menu-item-wrapper.odd {
	float:none;
	margin:0 auto;
}

body.postid-120 .entry-wrap {
	background-image:url(images/scrollwork_menu_center_tiny.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	background-size:10%;
	padding-bottom:24px;	
}

body.single-menu_page.postid-120 .column.right, 
body.single-menu_page.postid-120 .column.left {
	float:none;
	margin:0 1%;
	width:98%;
}

@media screen and (max-width: 950px) { 
	body.postid-120 .menu-item-wrapper.even,
	body.postid-120 .menu-item-wrapper.odd {
		margin-bottom:3rem;
	}

	body.postid-120 .entry-wrap {
		background-image:url(images/scrollwork_menu_center_tiny.png);
		background-repeat: no-repeat;
		background-position:center bottom;
		background-size:20%;
		padding-bottom:16px;	
	}	
}

/*
* Homepage
*/
body.page-id-2 #container {
	display:none;
}

body.page-id-2 .subtitle-section {
	bottom:0px;
	margin-bottom: 32px;
	padding-top:0rem;
	position:absolute;
	right:28%;
	width:44%;
}

body.page-id-2 #zigzag-borders {
	display:none;
}


/*
* Gallery Page
*/
body.page-template-template-gallery #container {
	background-color:transparent;
}

body.page-template-template-gallery article {
	padding-bottom:0px;
}

body.wordpress .spider_popup_close,
body.wordpress .bwg_toggle_container,
body.wordpress .bwg_ctrl_btn_container,
body.wordpress .bwg_ctrl_btn {
	display:none !important;
}

body.wordpress #spider_popup_left {
	left:-85px;
}

body.wordpress #spider_popup_right {
	right:-85px;
}

body.wordpress #spider_popup_right-ico,
body.wordpress #spider_popup_left-ico {
	background-color: inherit;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;	
	border-radius: 0px;	
	opacity:1.0;
	height:65px;
	width:65px;
}


body.wordpress #spider_popup_right-ico {
	background-image:url(images/gallery_arrow_right.png);
	left:auto;
	right:20px;

}

body.wordpress #spider_popup_left-ico {
	background-image:url(images/gallery_arrow_left.png);
	left:20px;
}

.fa-chevron-left:before,
.fa-chevron-right:before {
	content:'';
}

.bwg_nav_cont_0 {
	display:none;
}

@media screen and (max-width:850px) {

	article#post-33 {
		background-color:transparent;
	}

	body.page-template-template-gallery .subtitle-section {
		display:none;
	}
}

/*
* Footer
*/
#footer {
	border:none;
	padding-top:0px;
}

/*
* Gallery Overrides
*/
#bwg_container1_0 #bwg_container2_0 #spider_popup_overlay_0 {
	opacity:0.9 !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 {
	text-align: left !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_0 {
	background-color:black;
}

#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0 {
	background-color:transparent !important;
}

@media screen and (max-width:850px) {
	#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 {
		text-align: center !important;
	}	
}