/*!
Theme Name: Paint N Party
Theme URI: http://paintnpartysocal.com
Author: Complete Marketing Solutions
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: paint-n-party

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Paint N Party is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: url(/images/newback.png); 
	font-family: 'Dosis', sans-serif;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}


.in {width: 950px; margin: 0px auto;}

#logo {margin-top: 20px; float: left;}
#logo img {width: 395px; margin-left: -40px; height: auto;
max-width: 100%;}        

#menu {background: rgba(37,170,225, 0.5); font-family: 'Nunito Sans', sans-serif;
} 


p.highlight {
    padding: 5px 15px;
    background: #eee;
    border-radius: 4px;
    border: 1px solid red;
}

#slider {min-height: 160px; background: url(/images/darkerback2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
 
}

.product-type-gift-card .price {display: none;}

#page {background: #fff; border: 1px solid #D9D9D9; margin: 0; min-height: 100px; padding: 20px; 
 font-family: 'Nunito Sans', sans-serif;

}

#flash {background: #AA0002; color: #fff; padding: 5px; font-weight: bold; display: inline-block;}


#page.levent {background: #fff; border: 1px solid #D9D9D9; margin: 0; min-height: 100px; padding: 20px 3%; 
 font-family: 'Nunito Sans', sans-serif; width: 67%; margin-right: 2%; float: left; 

}

#eventright {float: left; width: 17%; background: #fff; border: 1px solid #D9D9D9; margin: 0; min-height: 100px; padding: 10px 2% 20px 2%; text-align: center; }

#eventright strong {color: #5D67A9; padding-bottom: 10px;display: block;}

#giftcardcheckout {padding: 3px 10px; background:#F8F8F8; border: 1px solid #E1E1E1; border-radius: 3px; margin-bottom: 10px;}
#giftcardcheckout a{text-decoration: none; color: #B80089;}

#gallery strong {text-align: center; background: #62B0DE; padding: 10px; display: block; color: #FFF;}

#main {padding: 30px 0;} 
 
body.single-tribe_events .tribe-events-cal-links a.tribe-events-gcal {
    display: none !important;
}

body.single-tribe_events .tribe-events-cal-links a.tribe-events-ical {
    display: none !important;
}

.tribe-events-schedule h2 {margin-top: 0px; margin-bottom: 20px; color: #EF1CA2;} 

.tribe-events-tickets-title {
    font-size: 22px !important;
	background: #28B3E4;
	color: #fff;
	padding: 5px 15px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
} 
 

.tribe-events-sub-nav {display: none;}

.tribe-events-tickets .tickets_price {
    color: #000;
    font-style: normal !important;
    font-weight: 400 !important;
	font-size: 19px !important;
}


.single-tribe_events .tribe-events-event-meta {
    font-size: 16px !important;
}

.tribe-events-tooltip {
  display: none !important;
}

#eventcontent li {margin-left: 20px;}
 
#box {width: 33%; float: left; display:table-cell; vertical-align:middle; text-align:center; height: 300px;}
#box img{width: 100%;} 
#eventbox {width: 30%; float: left; margin-left: 3%; background: #fff; border: 1px solid #D9D9D9; min-height: 300px; text-align:center; padding-bottom: 15px; margin-bottom: 15px;}
#eventbox.one {margin-left: 0%;}

a.frontbutton {width: 90%; padding: 15px; color: #F01DA5; background:#BEE6F2;  margin-top: 15px; display: block; margin-left: 5%; text-decoration:  none; font-weight: bold; text-align: center;
}  


#eventboxin {padding: 5px;}  
  
#eventbox h1{color: #6EB4DD; text-align:center; padding: 0px 0px 5px 0px; font-size: 22px;}  
#eventbox p strong{ font-weight: bold; font-size: 16px; text-align:center; display: block;}
#eventbox p {font-size: 14px; text-align:center}
#eventbox img {max-width: 70%;
height: inherit;
border-radius: 2px;
max-height: 150px;
width: auto;} 
#eventbox a.frontbutton {width: 90%; padding: 10px 0px; color: #fff; background:#F01DA5;  margin-top: 15px; display: block; margin-left: 5%; text-decoration:  none; font-weight: bold;}  
    
#eventsin {padding: 30px 0px;} 

#alert {background: rgba(124,0,2,1.00); color: #fff; padding: 10px;}
#alert a{color: #fff; text-decoration: underline;}

#icons {min-height: 200px;}  
#icons img{width: 22%; margin-left: 2%; display: inline;}
    
#headline {font-family: 'Caveat Brush', cursive; text-align: center; font-size: 25px; color: #2B388F; margin-bottom: 10px;}

#headline span{color: #E91481; font-size: 28px; display: block;}
 
#sliderin h2{font-size: 40px; margin-top: 40px; color: #fff; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);}

#brushtop {background-image:url("/images/brushtop.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
	float: right; 
	padding: 10px 70px 20px 50px;
	margin-top: 20px;
	}

#brushtop img{width: 25px; margin-bottom: -8px;}

a.next {text-decoration: none; color: #555555;}

#nexttop {float: right; width: 300px; background: #fff; border-radius: 3px; padding: 5px;margin: 25px 25px 0px 0px; line-height: 50px; text-align: center;
-webkit-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.5);
box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.5);
	border-left: 5px solid  #26AEE3;

}
#nexttop img{float: right; height: 70px; width: auto;}
#nexttop h1{font-size: 15px; display: inline; padding-left: 5px;}

.single-tribe_events .tribe-events-single-event-title {
    font-size: 1.7em;
    line-height: 1;
    margin: 0;
    padding: 0;
	color: #5D67A9;
max-width: 65%;
}

.tribe-events-back {display: none;}

.tribe-events-cost {display: none;}

.tribe-events-schedule {margin: 5px 0;}

#brushtop a {color: #fff; font-size: 14px; text-decoration: none; border-left: 1px solid #fff; padding: 10px;}	

#paintimage {float: right; width: 36%; background: #FAFAFA; padding: 10px; margin-bottom: 15px; margin-left: 30px; margin-top: -80px;}
#paintimage p {text-align:center; margin: 0px; padding: 0px; color: #979797; font-size: 12px; letter-spacing: 1px;} 
#paintimage img {width: 100%;}

#brushtop a.first {border-left: 0px;}

#footer {min-height: 160px; background: url(/images/paintbackmid3.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#footerall {background: rgba(0,0,0, 0.4); padding: 40px;}

#footerin {color: #fff; text-align: center;}
    
.input-text {padding: 8px; border-radius: 3px; border: 1px solid #D3D3D3; box-sizing: inherit !important; font-size: 15px;}
	
.ywgc-have-code {
    padding: 5px 0 5px 0 !important;
}	
	
	
	
.events-list.tribe-bar-is-disabled #tribe-events-content-wrapper {
    max-width: 100% !important;
    margin: 0 auto;
}

.posted_in {display:none;}

.woocommerce ul.products li.product .price {
    color: #27B0E3;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: 16px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #27B0E3;
    font-size: 1.25em;
}

 .woocommerce ul.products li.product a {
    text-decoration: none;
	color: #5C5C5C; font-size: 19px;
}


.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 28%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 68%;
}

.gift-card-content-editor {background: #F7F4F4; padding: 10px; margin-bottom: 15px;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #F324B8;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

   
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: 950px;
	margin: 0px auto; 
  line-height: 1;
	font-weight: 400; 
	font-size: 14px;
	letter-spacing:0px;   
	 
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #283891;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 15px 10px;  
  font-size: 16px;   
  text-decoration: none;
  text-transform: uppercase;
color: #fff;
	-webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
	letter-spacing: 1px;
	font-weight: bold;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #FFD303; 
	background-image:url("/images/buttonback.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
	font-weight: 400;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); 
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #009ae1;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 10px;
  width: 160px;
  font-size: 12px;
  background: #333333;
  text-decoration: none;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}



#singleleft {float: left; width: 70%; margin-right: 5%;}
#singleright {float: left; width: 25%;}

#buy-tickets {padding: 10px; border: 1px solid #28B3E4; border-radius: 4px; }

.tribe-events-tickets-title {margin: 0px 0 15px 0px !important;}

.single-tribe_events .tribe-events-event-image {margin-bottom: 0px !important;}


#mobileshow {display: none;}

#mobilemenu {display: none;}
#mobiletitle {display: none;}

#mobiletop {display: none;}

#mobilelogo {display:  none;}  
.mobileshow {display: none;} 

@media only screen and (min-width: 0px) and (max-width: 475px) {
	
	#nexttop {width: 86%; margin: 10px 5% 15px 0; padding: 3% 2%; line-height: 20px;}
	#nexttop img{display:  none;}
	
	
	.quantity {min-width: 100%;}
	
	.tribe-events-schedule h2 {margin: 0px;}
	
	a.button {width: 100%; padding:3%; text-align: center; margin-top: 15px; margin-bottom: 15px;} 
a.employ {float: none; display: block; width: 94%; text-align: center;} 

	
#mobilesocial {float: right; position: absolute;} 
#mobilesocial img {width: 20px;}   
	
	#menu, #sliderin.home, #brushtop {display:  none;}	
	
	.in {width: 90%; margin-left: 5%;} 
	
	#topmenu {display:  none;}	
	
#topbar {display: none;}
	
#homeboxes img {
    width: 48%; display: inline; float: none; margin-left: 1%;
}
	
	.single-tribe_events .tribe-events-schedule {padding: 4px 10px;}
	
#mobilesocial {float: right; position: absolute; text-align: right; margin-top: -35px; z-index: 9999; right:0;
   top: 0;} 
#mobilesocial img {width: 20px;}   	
	
	#mobiletitle img{float: right; width: 23px; margin-right: 3%;} 	  
	
#mobiletitle {
    position: absolute;
    z-index: 9998;
    color: #fff;
    text-align: left;
    margin-left: 70px;
    display: inherit;
    height: 49px;
	margin-top: -35px;
	font-size: .9em; width: 75%;
	}	
 
#logo {text-align: center; float: inherit; width: 100%; margin: 0px;} 
#logo img{width: 100%; margin: 0 auto;}   

	#mobiletop {display:inherit;}

	#slider {min-height: 50px;} 
	
	ul.front {width: 90%; float: left; margin-left: 20px;} 

	
	#main {padding: 10px 0;}
	#paintimage {margin-top: 0px; width: 100%;}
	#eventsin.in {width: 90%; padding: 5%; margin-left: 0px;}
	
	#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {padding: 10px 0px;;} 
	
	#box {width: 100%; margin-left:5%;}
	
	#eventbox {width: 100%; margin-left: 0px; margin-bottom: 15px;}

	
	#box, #eventbox.blank {display: none;}
	
	#icons img {width: 46%;} 
	.mobileshow {display: inherit;}
	
#mobilehide {display: none; }
.mobilehide {display: none; }
	#sidemenu {display: none;} 
	#viewmenu h2{padding: 5%; width: 90%;}
	
	#mobileshow {display: inherit;}   
	
	#textbox.menu {width: 100%;}
	
	#textin {padding: 5%;} 
	
	#textin.welcome img{width: 40%;} 
	
	#footerright img {width: 90%;}   
	
	img.mobi {width: 50%; height: auto; } 
	
	#pageleft {width: 100%; margin: 0px;}
	#pageright {width: 95%; margin: 15px 0 0 0;}  
	#gallery {width: 95%;} 


	#page.levent {width: 90%;}
	
	#eventright {display: none;}
}
	
@media (max-width: 640px) {

	/* Navigation Button
	-------------------------------------------------------- */


	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 50px;
		height: 35px;
		background: url('/images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('/images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	body { padding-top: 50px; } 

	.primary-nav {
		width: 100%;
		float: none;
		background-color: #EF1CA1; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 100%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}

} /* End Mobile Styles */