/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Menus
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */


/* general style for all menus */
nav.menu {
    position: fixed;
    z-index: 20;
    background-color: rgb(26,26,26);
    overflow: hidden ;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
nav.push-menu-left,
nav.push-menu-right {
	  overflow-y: scroll;
    overflow-x: hidden;
}
nav.push-menu-left::-webkit-scrollbar-track,
nav.push-menu-right::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #000000;
}

nav.push-menu-left::-webkit-scrollbar,
nav.push-menu-right::-webkit-scrollbar
{
	margin-left: -5px;
	width: 5px;
	background-color: rgb(204,0,0);
}

nav.push-menu-left::-webkit-scrollbar-thumb,
nav.push-menu-right::-webkit-scrollbar-thumb
{
	background-color: rgb(204,0,0);
}


nav.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
nav.menu a {
    font-weight: 300;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a.close-menu {
  display: inline-block;
  height: 79px;
  line-height: 79px;
  opacity: .3;
  padding: 0 20px;
  width: 140px;
  margin-right: -4px;
}
a.search-menu {
  display: inline-block;
  height: 79px;
  line-height: 79px;
  opacity: .3;
  padding: 0 20px;
  width: 140px;
  text-align: right;
}
.push-menu-right a.close-menu {
	text-align: left;
}

a.close-menu:focus,
a.search-menu:focus {
    outline: none
}
a.close-menu i {
	padding-right: 10px;
}
a.close-menu:hover,
a.search-menu:hover {
  opacity: 1;
}
/* slide menu left and right, push menu left and right */
nav.slide-menu-left,
nav.slide-menu-right,
nav.push-menu-left,
nav.push-menu-right {
    top: 0;
    width: 300px;
    height: 100%;
}
.admin-bar nav.slide-menu-left,
.admin-bar nav.slide-menu-right,
.admin-bar nav.push-menu-left,
.admin-bar nav.push-menu-right {
    top: 28px;
}
nav.push-menu-left li,
nav.push-menu-right li {
    display: block;
    text-align: left;
}
nav.push-menu-left #menu-primary-nav > li > a {
    display: block;
    padding: 8px 20px;
    font-size: 16px;
    border-top: solid 1px rgb(38,38,38);
    color: rgb(255,255,255);	
}
nav.push-menu-left #menu-primary-nav > li > a:hover {
	background-color: rgb(20,20,20);
  color: rgb(204,0,0);	
}
nav.push-menu-left #menu-primary-nav > li > ul.dropdown-menu {
	padding-bottom: 10px;
}
nav.push-menu-left #menu-primary-nav > li > ul.dropdown-menu > li > a {
    display: block;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    color: rgb(255,255,255);	
}
nav.push-menu-left #menu-primary-nav > li > ul.dropdown-menu > li > a:hover {
  color: rgb(204,0,0);	
}

nav.push-menu-left button.close-menu,
nav.push-menu-right button.close-menu {
    margin: 10px 0;
    padding: 10px 30px;
    background-color: #3184a1;
    color: #fff;
}
nav.push-menu-left {
    left: -300px
}
nav.push-menu-right {
    right: -300px
}
body.pml-open nav.push-menu-left {
    left: 0
}
body.pmr-open nav.push-menu-right {
    right: 0
}
body.pml-open #wrapper {
    left: 300px
}
body.pmr-open #wrapper {
    left: -300px
}
#menu-item-9027 ul {
	padding-bottom: 0;
}
#menu-item-9027 ul li a {
	height: 60px;
}
#menu-item-9027 ul li + li {
	border-top: solid 1px rgb(38,38,38);
}
nav.push-menu-left #menu-primary-nav > li#menu-item-9027 > ul.dropdown-menu {
	padding-bottom: 0;
}
nav.push-menu-left #menu-primary-nav > li#menu-item-9027 > ul.dropdown-menu > li > a {
	padding-top: 10px;
	padding-right: 130px;
	white-space: normal;
}

.nav .caret {
	position: absolute;
	top: 20px;
	right: 20px;
	color: rgb(38,38,38);
}

#menu-item-15705,
#menu-item-13587,
#menu-item-9034,
#menu-item-14599 {
	background-position: 190px bottom;
	background-repeat: no-repeat;
}
#menu-item-15705 a,
#menu-item-13587 a,
#menu-item-9034 a,
#menu-item-14599 a {
}
#menu-item-15705 { background-image: url(/web/20140626080238im_/http://modernistcuisine.com/wp-content/themes/modernist-cuisine-2/inc/images/menu/thumb-book-mc.png); }
#menu-item-9034 { background-image: url(/web/20140626080238im_/http://modernistcuisine.com/wp-content/themes/modernist-cuisine-2/inc/images/menu/thumb-book-mcah.png); }
#menu-item-13587 { background-image: url(/web/20140626080238im_/http://modernistcuisine.com/wp-content/themes/modernist-cuisine-2/inc/images/menu/thumb-book-pmc.png); }
#menu-item-14599 { background-image: url(/web/20140626080238im_/http://modernistcuisine.com/wp-content/themes/modernist-cuisine-2/inc/images/menu/thumb-book-mcah-app.png); }

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: rgb(20,20,20);
}

nav .dropdown-menu {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
	float: none;
	min-width: 160px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 14px;
	background-color: rgb(20,20,20);
	border: 0;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.0);
	box-shadow: 0 6px 12px rgba(0,0,0,.0);
	background-clip: padding-box;
}	
nav .dropdown-menu>li>a:hover, nav .dropdown-menu>li>a:focus,
nav .nav>li>a:hover, nav .nav>li>a:focus {
	background-color: transparent;
	
}


nav.menu a.nav-sub-link {
  display: block;
  padding: 0 20px;
  border-top: solid 1px rgb(38,38,38);
	color: rgb(72,72,72);
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: left;
  background-color: rgb(26,26,26);
  font-size: 14px;
  font-style: italic;
}
nav.menu a.nav-sub-link:hover {
	color: rgb(204,0,0);
}


#login-links {
	display: block;
	width: 300px;
}
#login-links a {
  display: inline-block;
  padding: 0 20px;
  border-top: solid 1px rgb(38,38,38);
	color: rgb(255,255,255);
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: left;
  background-color: rgb(26,26,26);
}
#login-links a:hover {
	color: rgb(204,0,0);
}
.connect-header {
	display: block;
	padding: 20px 20px 0;
	border-top: solid 1px rgb(38,38,38);
}
.connect-header h3 {
	margin: 0;
	padding: 0;
	color: rgb(255,255,255);
}
.connect-header a {
	font-size: 14px;
	opacity: .3;
	line-height: 34px;
	padding: 0;
	margin: 0;
}
nav.menu .tweets {
	padding: 20px;
	font-size: 14px;
	color: rgb(255,255,255);
	line-height: 20px;
}
nav.menu .tweets a {
	color: #00aced;
}
nav.menu .tweets a:hover {
	color: rgb(204,0,0);
}
nav.menu .tweets .muted,
nav.menu .tweets br {
 display: none;
}

nav.menu .menu-posts {
	padding: 20px;
	font-size: 14px;
	color: rgb(255,255,255);
	line-height: 20px;
}
nav.menu .menu-posts a {
	color: rgb(228,167,41);
}
nav.menu .menu-posts a:hover {
	color: rgb(255,255,255);
}

.menu-social-links {
  border-top: solid 1px rgb(38,38,38);
	background-color: rgb(26,26,26);
}
.menu-social-links h3 {
	margin: 0;
	padding: 20px 20px 10px;
	color: rgb(255,255,255);
}
.menu-social-links a {
	text-align: center;
	margin-right: -4px;
	color: rgb(255,255,255);
	width: 42px;
	height: 42px;
	line-height: 42px;
}

.menu-social-links a.facebook { color: rgb(59,89,152); }
.menu-social-links a.twitter { color: rgb(0,172,237); }
.menu-social-links a.vimeo { color: rgb(170,212,80); }
.menu-social-links a.youtube { color: rgb(187,0,0); }
.menu-social-links a.pinterest { color: rgb(203,32,39); }
.menu-social-links a.instagram { color: rgb(81,127,164); }
.menu-social-links a.rss { color: rgb(255,102,0); }
.menu-social-links a.reddit { color: rgb(170,198,225); }
.menu-social-links a.google { color: rgb(221,75,57); }

.menu-social-links a:hover.facebook { background-color: rgb(59,89,152); color: rgb(255,255,255);}
.menu-social-links a:hover.twitter { background-color: rgb(0,172,237); color: rgb(255,255,255);}
.menu-social-links a:hover.vimeo { background-color: rgb(170,212,80); color: rgb(255,255,255);}
.menu-social-links a:hover.youtube { background-color: rgb(187,0,0); color: rgb(255,255,255);}
.menu-social-links a:hover.pinterest { background-color: rgb(203,32,39); color: rgb(255,255,255);}
.menu-social-links a:hover.instagram { background-color: rgb(81,127,164); color: rgb(255,255,255);}
.menu-social-links a:hover.rss { background-color: rgb(255,102,0); color: rgb(255,255,255);}
.menu-social-links a:hover.reddit { background-color: rgb(170,198,225); color: rgb(255,255,255);}
.menu-social-links a:hover.google { background-color: rgb(221,75,57); color: rgb(255,255,255);}


/*
     FILE ARCHIVED ON 08:02:38 Jun 26, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:43:28 Nov 06, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 278.074
  exclusion.robots: 0.185
  exclusion.robots.policy: 0.178
  RedisCDXSource: 29.38
  esindex: 0.009
  LoadShardBlock: 228.39 (3)
  PetaboxLoader3.datanode: 290.093 (5)
  CDXLines.iter: 16.868 (3)
  load_resource: 196.097 (2)
  PetaboxLoader3.resolve: 79.197 (2)
*/