/*
Theme Name: Plum Bistro 
Theme URI: http://thedotmack.com
Description: Designed by client Developed by Roxie Torres (www.roxietorres.com)
Version: 1.0
Author: Alex Newman
Author URI: http://thedotmack.com
Tags: starkers, naked, clean, basic
*/

/* 051113  1223*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";



.show_mobile {display: none;}
.hide_mobile {display: block;}


em strong {
font-style: italic;
}

body {
	background: url(../images/bg_home.jpg) no-repeat center center fixed !important; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-font-smoothing: antialiased;
	word-wrap:break-word;
}

.footer a {color: #4B233F;}


a {text-decoration: none;}
p { font-family:"actor", Arial, Helvetica, sans-serif; font-size: 0.95em;  }
.header { padding: 0 0 5px 0 ; }
.content { padding: 75px 0 75px 0; overflow: visible;}
.logo {padding: 10px 0 0 10px; display: block;}
/*.current-menu-item, .current_page_item menu {text-decoration:underline !important;}*/

/*NAVIGATION*/
.toggle_nav{display: none;}
.nav_mobile {display: none;}
.nav1, .nav2 {display: block }
.nav1 {text-align: right}
.nav2 {text-align: left;}
.nav { margin-top: 10%; border-top: 2px dotted #4B233F; border-bottom: 2px dotted #4B233f; padding: 5px 0;}
.nav ul { /*border-bottom: 1px solid #4B233F; border-top: 1px solid #4B233F;*/ position: relative;}

.nav ul ul {
	display: none;
}

	.nav ul li:hover > ul {
		display: block;
		margin: 0 !important;
		padding: 0 !important;
	}

.nav ul:after {content: ""; clear: none; display: block;}
.nav ul li {
	display: inline;
	text-decoration: none;
	padding: 3%;
	font-size: 1.07em;
}
.nav ul ul {
	background: rgba(75, 35, 63, 0.65);
	border-radius: 0px;
	z-index: 100;
	position: absolute;
	width: 100%;
	top: 130%;
}

.nav ul ul ul {
position: absolute;
width: 50%;
left: 100%;
top: 0;
}

.nav ul ul li {
	float: none;
	position: relative;
	padding: 5px 10px !important;
	display: block;
}

.nav ul ul li a { color:  #fff;}	
.nav ul ul li a:hover {text-decoration: underline;}
					
.nav a { 
	font-family: "actor", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #4B233F;
}	
.nav a:hover { text-decoration:underline;}
/*END NAVIGATION*/



/*BODY*/
.headline { padding: 10px 0px 20px 0px;}
.headline h1 {
	color: #4B233F;
	font-family:"allura", cursive;
	font-weight:100;
	font-size: 3em;
}

.main {/*background: rgba(255,255,255,0.65);*/ padding: 20px 60px 20px 0; clear: both; position: static;}
.main_text { line-height: 1.5em; }

.componentControls {display: none !important; }
.slider {
display: block;
padding-top: 20px;
}
/*END BODY*/

/*.about_content {background: rgba(255,255,255,0.65); padding: 20px; overflow: auto;}*/
.about img{ margin-top: 55px;}


/*BOOK TOUR*/
.book {overflow: auto;}
.book .sevencol.last{float: left;}

.book_title {
	background: rgba(75,35,63,0.65);
	color: #fff;
	font-family:"actor", Arial, Helvetica, sans-serif;
	
	font-weight: 300;
	text-align: right;
	padding: 5px 20px;
}

.book_headline {
	font-family:"actor", Arial, Helvetica, sans-serif;
	
	font-style: italic;
	text-align: right;
	padding: 25px 25px 25px 0;
	font-size: 1.3em;
}

.book_headline.hide_desktop {display: none;}
.book_image.hide_desktop{display: none; width: 28% !important;}

.book_tour_container { background: rgba(75,35,63,0.25); overflow: auto; padding: 5px 0 11px;}
.book_tour_container2 { background: rgba(75,35,63,0.1); overflow: auto; padding: 5px 0 11px;}
.book_top, book_bottom {width: 100%; height: auto; overflow: auto; padding-bottom: 10px;}
.book_date { width: 22.05%; margin-right: 3.8%; float: left;}
.book_date h3 { font-family:"actor", Arial, Helvetica, sans-serif; font-size: 1.3em; text-align: right; }
.book_time {width: 48%; margin-right: 3.8%; float: left;}
.book_time h3 {font-family:"actor", Arial, Helvetica, sans-serif; font-size: 1.3em; }
.book_more {float: right;}
.book_more a{color: #000;}
.book_more a:hover{color: #fff;}
.book_more h3 { font-family:"actor", Arial, Helvetica, sans-serif;  text-align: center; font-size: 1em; background: rgba(75,35,63,0.65); padding: 5px;}
.book_location { width: 22.05%; margin-right: 3.8%; float: left;}
.book_location p {text-align: right;}
.book_description {width: 74.05%; float: left;}

/*.trio {width: 17% !important; margin-left: 0; }*/
/*END ALT BOOK TOUR*/


/*LOCATIONS*/
.location {overflow: auto;}
.location .headline { margin-bottom: 20px; font-style:italic}
.location_neigborhood {text-align: right;}
.location h2 {font-family:"actor", Arial, Helvetica, sans-serif; font-size: 1.8em; text-align: center;}
.location h3 {font-family:"actor", Arial, Helvetica, sans-serif; font-size: 1em; font-style:italic }
.location_section {margin-bottom: 40px; overflow: auto;}
.location_section h2 {text-align: left !important;}
.location a {color:#4B233F !important}
.tacoma {font-size: .6em;}
/*END LOCATIONS*/


/*TEAM*/
.team {padding: 10%;}
.team_chef{ clear: both; padding-bottom: 5px;}
.team_chef img{width: 31.4%; float: left;}
.team_staff {clear: both;}
.team_staff_col {  width: 13.45%; float: left;}
.team_staff_img {width: 100%;}
.team_chef_img a:hover {background: rgba(0,0,0,0.3);}

/*END TEAM*/


/*FOOTER*/
.footer { margin-top: 25px; /* margin-bottom: 50px; border-top: 1px solid #4B233F;*/ padding: 0 0 50px 0px;}

.footer_section {
	width: 26%; 
	margin-right: 3%;
	float: left;
	padding: 2%;
	border-radius:3px;
	max-width:520px;
	font:13px/17px "actor",Helvetica,Arial,sans-serif;
	color:#333;
	/*border-top: 1px solid #4B233F;
	border-bottom: 1px solid #4B233F;*/
}

.footer_img { padding: 5px; background: #fff; margin: 0 10px 10px 10px;}
.social {float: left;}
.social ul li { display: inline; float: left; }
/*END FOOTER*/

/*FEEDS*/
.widget-title{
	font-size: 1.5em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	/*border-bottom: 1px solid #000;*/
}
/*END FEEDS*/

/*FOOD TRUCK*/
#searchForm {display: none !important;}
.location_distance { display: none !important;}
.results_entry:hover { background: rgba(75, 35, 63, 0.65) !important;}
/*END FOOD TRUCK*/


@media only screen and (max-width: 1023px) {
.nav ul li { padding: 5px;}
}

@media handheld, only screen and (max-width: 800px) {
	
.show_tablet {display: block;}
.hide_tablet {display: none;}
.book_headline.hide_desktop { display: block; float: left; text-align: left;}
/*.book_image.hide_desktop { display: block; float: left;}*/
.about img {width: 85%; margin-left: 7.5%; margin-right: 7.5%; height: auto;}
	
.logo {width: 70% !important; max-width: 337px; margin: 0 auto !important;}
.slider {width: 100%; max-width: 600px; height: auto; margin: 0 auto; padding-top: 0; padding-bottom: 20px;}

/*NAV*/

.toggle_nav h2 {padding:5px 0; font-size:1.1em; cursor: pointer;}
.togglebox .content {padding: 20px;}
.toggle_nav {display: block; margin-top: 20px;}
.togglebutton {font-family: "Actor", Arial, Helvetica, sans-serif; /*background: rgba(75,35,63,0.75);*/ border-top: 2px dotted #4B233F; border-bottom: 2px dotted #4B233f; color: #4B233F; text-align: center;  width: 95%; margin: 0 auto;  }
.nav_mobile {display: block; overflow: auto;}
.nav1, .nav2 {display: none; }
.nav { float: none !important; margin-top: 0; border: none;}
.nav ul {border-bottom: none;}
.nav ul li { display: block; padding: 0; list-style-type: none;}
.nav ul ul { display: block;}

.nav ul ul ul {
position: static;
width: 100%;
}

.nav ul ul {background: none; border-radius: 0px; padding: 0; position: relative; top: 0; z-index: 100; left: 0; margin-top: 0; }
.nav ul ul li {
	float: none;
	position: relative;
	padding: 0 20px !important;
	display: block;
	font-size: 13pt;
}

.nav ul ul li a {color: #4B233F;}	
.nav ul ul li a:hover {text-decoration: underline;}
/*END NAV*/		
			

.header { border-bottom: none; margin-bottom: 50px;}
.footer { text-align: left;}
.main { padding: 20px 0 !important;}
.about img{ margin-top: 0; margin-bottom: 50px;}


/*BOOK TOURS*/
.book_padding { padding: 30px 20px;}
.book_location, .book_date { text-align: left; }
.book_more h3 {font-size: .7em; padding: 2px 5px;}
/*.trio{width: 100% !important; height: auto; margin: 25px auto !important;}*/
.trio img {display: none;}
/*.book_cover {width: 100% !important; max-width:250px; height: auto; margin: 25px auto !important;}*/
.twelvecol.last.book_cover img { width: 31%; margin: 1%; display: block; float: left;}
/*END BOOK TOURS*/

/*TEAM*/
.team {padding: 0 50px;}
/*END TEAM*/


/*LOCATIONS*/
.location_neigborhood {text-align: left;}
.location .headline {font-size: 1.5em; line-height: 1.5em; margin-bottom: 10px;}
.location a { color: #4B233F;}
.location h2 {text-align: left; line-height: 34px;}
.content {padding: 0;}
/*END LOCATIONS*/


/*FOOTER*/
.footer{ clear: both; }
.footer_section { width: 98%; margin: 0; float: none; padding: 2%; border-bottom: none;}
.widget-title{ padding-top: 20px;}


/*END FOOTER*/



}

@media handheld, only screen and (max-width: 480px) {
	
.show_mobile {display: block;}
.hide_mobile {display: none;}
.book_headline.hide_desktop { display: block; }
.book_image.hide_desktop { display: none !important;}
/*.trio {width: 60% !important; margin: 0 auto 50px auto !important;}*/
.trio img {display: none;}
.book_cover {width: 100% !important; max-width:250px; height: auto; margin: 25px auto !important;}
.book_cover img {width: 100% !important;}
/*TEAM*/
.team {padding: 50px;}
.team_chef img{width: 100%; float: left; padding-bottom: 10px;}
.team_staff {padding:0; clear: both; float: none;}
.team_staff_col { width: 33.33%;}
.team_staff_img {width: 100%; }
.team_chef_img, team_sous_chef_img, team_pastry_chef_img { padding: 0; margin: 0;}
/*END TEAM*/

}

/* START Locations Page styles */

.bistro-day {
  padding-top: 3px;
  font-weight: bold;
}

.bistro-hours {
  padding-left: 5px;
}

.bistro-reservations {
  padding-top: 4px;
  padding-bottom: 4px;
}

.bistro-more-info {
  font-style: italic;
}

.bistro-holiday-info {
  font-style: italic;
  font-size: 1.2em;
}

.bistro-special-notice {

}

.bistro-special-notice-small {
  font-size: 0.85em;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* END Locations Page styles */