/* -- Social -- */

.social .icon {
	display: block;
	width: 14px;
	height: 14px;
}

.social .icon span {
	display: none;
}

.social-instagram {
	background: url(../images/social-instagram.svg) center center no-repeat;	
}

.social-facebook {
	background: url(../images/social-facebook.svg) center center no-repeat;	
}

.social-twitter {
	background: url(../images/social-twitter.svg) center center no-repeat;	
}

.social a span {
	display: none;	
}

.mail-list {
	position: relative;
	text-align: left;
}

.mail-list .form-contain input[type=email] {
	width: 97px;
	padding-left: 0;
	padding-right: 0;
  padding-top: 0;
	background: 0;
	border: 0;
	border-bottom: 1px solid transparent;
	text-align: left;
  display: inline;
}

.mail-list .form-contain input[type=email]:focus {
	border-bottom: 1px solid #A4A5BC;
}

.mail-list .form-contain button {
	width: 10px;
	height: 25px;
	border: 0;
	outline: 0;
	background: url(../images/arrow-submit.svg) center center no-repeat;
	background-size: 10px 7px;
	vertical-align: top;
	cursor: pointer;
}

.mail-list .form-contain button span {
	display: none;
}


/* -- Header -- */

header.fl-builder-content {
	position: absolute;
	width: 100%;
	z-index: 999;
	top: 0;
	background: #FFF3E3;
  font-size: 12px;
}

/* space beaver main from header */
#fl-main-content {
  padding-top: 163px;
}
/* cancel padding on pages when we don't use the header */
.woocommerce-cart #fl-main-content,
.woocommerce-checkout #fl-main-content {
  padding-top: 0;
}

/* override margin from beaver */
header.fl-builder-content .fl-module-content {
  margin: 0 0;
}

.compact-header header.fl-builder-content {
	position: fixed;
}

.admin-bar.compact-header header.fl-builder-content {
  top: 30px;
}

header.fl-builder-content .nav {
	position: relative;
	height: 163px;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #2A317D;
}

.compact-header header.fl-builder-content .nav {
	height: 55px;
}

header.fl-builder-content li {
	margin: 0;
	padding: 0;	
  text-align: center;
}

header.fl-builder-content .selected > a, header.fl-builder-content a.selected, footer a.selected {
	color: #EC2027;
}

/* place carat under menu item */
header.fl-builder-content .nav li.selected a:after,
header.fl-builder-content .nav li.selected a:before {
	bottom: -95%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

header.fl-builder-content .nav li.selected a:after {
	border-color: rgba(255, 243, 227, 0);
	border-bottom-color: #FFF3E3;
	border-width: 7px;
	margin-left: -7px;
}

header.fl-builder-content .nav li.selected a:before {
	border-color: rgba(44, 54, 121, 0);
	border-bottom-color: #2C3679;
	border-width: 8px;
	margin-left: -8px;
}

.compact-header header.fl-builder-content .nav li.selected a:after,
.compact-header header.fl-builder-content .nav li.selected a:before {
  bottom: -130%;
}

header.fl-builder-content li ul {
	display: none;
}

header.fl-builder-content #nav-menu-button {
	display: none;
	position: absolute;
	z-index: 9;
	width: 18px;
	height: 15px;	
	left: 20px;
	top: 19px;
	background: url(../images/nav-menu-blue.svg) center center no-repeat;
	cursor: pointer;
}

header.fl-builder-content.menu-open #nav-menu-button {
	background-image: url(../images/nav-close-blue.svg);
}

header.fl-builder-content .nav-my-account {
	position: absolute;
	z-index: 5;
	top: 50px;
	left: 50%;
	margin-left: -277px;
}

.compact-header header.fl-builder-content .nav-my-account {
	top: 15px;
	margin-left: -483px;
}

header.fl-builder-content .nav-my-account a {
	display: block;
	width: 90px;
	height: 27px;
	margin: 0 auto;
	background: url(../images/sign-in-pressura-red.svg) center top no-repeat;
}

.logged-in header.fl-builder-content .nav-my-account a {
	background: url(../images/my-account-pressura-red.svg) center top no-repeat;
}

header.fl-builder-content .nav-my-account span {
	display: none;
}

header.fl-builder-content .nav-logo {
	position: absolute;
	z-index: 5;
	width: 269px;
	height: 34px;
	top: 43px;
	left: 50%;
	margin-left: -134px;
}

.compact-header header.fl-builder-content .nav-logo {
	width: 156px;
	height: 20px;
	top: 18px;
	margin-left: -78px;
}

header.fl-builder-content .nav-logo a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/metrograph-logo-blue.svg) center top no-repeat;
}

header.fl-builder-content .nav-logo a:hover, .logged-in header.fl-builder-content .nav-logo a {
	background-image: url(../images/metrograph-logo-red.svg);
}

.logged-in header.fl-builder-content .nav-logo a:hover {
  background-image: url(../images/metrograph-logo-blue.svg);
}

header.fl-builder-content .nav-logo span {
	display: none;
}

header.fl-builder-content .nav-search {
	position: absolute;
	z-index: 5;
	width: 19px;
	height: 19px;
	top: 50px;
	left: 50%;
	margin-left: 225px;
}

.compact-header header.fl-builder-content .nav-search {
	top: 19px;
	margin-left: 462px;
}

header.fl-builder-content .nav-search a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/search-icon-red.svg) center top no-repeat;
}

header.fl-builder-content .nav-search span {
	display: none;
}

header.fl-builder-content .nav .icon {
	display: block;
	position: relative;
	width: 75px;
	height: 15px;
	padding-top: 30px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 32px 28px;
}

header.fl-builder-content .divider:after {
	display: block;
	content: "";
	position: absolute;
	width: 8px;
	height: 13px;
	bottom: 0;
	right: -26px;
	background: url(../images/menu-separator-blue.svg) bottom right no-repeat;	
}

.compact-header header.fl-builder-content .divider:after {
	display: none; /* remove separator but not carat */
}


/* menu positioning */

header.fl-builder-content .nav-membership {
	position: absolute;
	top: 104px;
	left: 50%;
	margin-left: -329px;
}

.compact-header header.fl-builder-content .nav-membership {
	top: 20px;
	margin-left: -370px;
}

header.fl-builder-content .nav-at-home {
	position: absolute;
	top: 104px;
	left: 50%;
	margin-left: -212px;
}

.compact-header header.fl-builder-content .nav-at-home {
	top: 20px;
	margin-left: -275px;
}

header.fl-builder-content .nav-in-theater {
	position: absolute;
	top: 104px;
	left: 50%;
	margin-left: -94px;
}

.compact-header header.fl-builder-content .nav-in-theater {
	top: 20px;
	margin-left: -180px;
}

header.fl-builder-content .nav-metrograph-pictures,
header.fl-builder-content .nav-commissary {
	position: absolute;
	top: 104px;
	left: 50%;
	margin-left: 23px;
}

.compact-header header.fl-builder-content .nav-metrograph-pictures,
.compact-header header.fl-builder-content .nav-commissary {
	top: 20px;
	margin-left: 130px;
}

header.fl-builder-content .nav-editions {
	position: absolute;
	top: 104px;
	left: 50%;
	margin-left: 136px;
}

.compact-header header.fl-builder-content .nav-editions {
	top: 20px;
	margin-left: 245px;
}

header.fl-builder-content .nav-journal {
	position: absolute;
	top: 104px;
	left: 50%;
	margin-left: 250px;
}

.compact-header header.fl-builder-content .nav-journal {
	top: 20px;
	margin-left: 345px;
}

header.fl-builder-content .nav-membership .icon {
	background-image: url(../images/key-blue.svg);
}

header.fl-builder-content .nav-membership .icon:hover, header.fl-builder-content .nav-membership.selected .icon {
	background-image: url(../images/key-red.svg);
}

header.fl-builder-content .nav-at-home .icon {
	background-image: url(../images/tv-blue.svg);
}

header.fl-builder-content .nav-at-home .icon:hover, header.fl-builder-content .nav-at-home.selected .icon {
	background-image: url(../images/tv-red.svg);
}



header.fl-builder-content .nav-in-theater .icon {
	background-image: url(../images/camera-blue.svg);
}

header.fl-builder-content .nav-in-theater .icon:hover, header.fl-builder-content .nav-in-theater.selected .icon {
	background-image: url(../images/camera-red.svg);
}

.in-theater .nav-in-theater .icon {
	background-image: url(../images/camera-red.svg);
	color: #EC2027;
}

.in-theater.compact-header .nav-in-theater .icon {
	background: none;
}

.in-theater .subnav-in-theater {
	display: block;
}



header.fl-builder-content .nav-editions .icon {
	background-image: url(../images/shopping-bag-blue.svg);
}

header.fl-builder-content .nav-editions .icon:hover, header.fl-builder-content .nav-editions.selected .icon {
	background-image: url(../images/shopping-bag-red.svg);
}

header.fl-builder-content .nav-commissary .icon {
	background-image: url(../images/martini-glass-blue.svg);
}

header.fl-builder-content .nav-commissary .icon:hover, header.fl-builder-content .nav-commissary.selected .icon {
	background-image: url(../images/martini-glass-red.svg);
}

header.fl-builder-content .nav-metrograph-pictures .icon {
	background-image: url(../images/clapper-blue.svg);
}

header.fl-builder-content .nav-metrograph-pictures .icon:hover, header.fl-builder-content .nav-metrograph-pictures.selected .icon {
	background-image: url(../images/clapper-red.svg);
}

header.fl-builder-content .nav-journal .icon {
	background-image: url(../images/book-blue.svg);
}

header.fl-builder-content .nav-journal .icon:hover, header.fl-builder-content .nav-journal.selected .icon {
	background-image: url(../images/book-red.svg);
}

.compact-header header.fl-builder-content .nav .icon {
	padding-top: 0;
	background: none;
}

.compact-header header.fl-builder-content .nav .icon:hover {
	background: none;
}

header.fl-builder-content .subnav {
	position: relative;
	display: none;
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 30px;
	border-bottom: 1px solid #2A317D;
  text-align: center;
}
header.fl-builder-content .subnav.selected {
  display: block;
}



header.fl-builder-content .subnav li {
	display: inline-block;
	margin: 0 50px;
	padding: 0;	
}

header.fl-builder-content .mail-list {
	display: none;
	padding-top: 25px;
	text-align: center;	
}

header.fl-builder-content .social {
	display: none;
	text-align: center;
	margin: 0;
	padding: 20px 0 25px;
	list-style: none;
}

header.fl-builder-content .social li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}

header.fl-builder-content .social .icon  {
	width: 16px;
	height: 16px;
}

header.fl-builder-content .social .social-instagram {

	margin: 3px 10px;
}

header.fl-builder-content .social .social-facebook {
	margin: 3px 10px;	
}

header.fl-builder-content .social .social-twitter {
	margin: 3px 10px;
}



/* -- Footer -- */

footer {
	position: relative;
	width: auto;
	height: auto;
	border-top: 1px solid #2A317D;
	min-height: 77px;
	clear: both;
  font-size: 12px;
}


footer .mail-list {
	position: absolute;
	top: 27px;
	left: 50%;
	margin: 0;
	padding: 0;
	margin-left: -420px;
}

footer .social {
	position: absolute;
	top: 27px;
	left: 50%;
	margin: 0;
	padding: 0;
	margin-left: -218px;
	list-style: none;
}

footer .social li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}

footer .social .social-instagram {
	margin: 3px 10px;
}

footer .social .social-facebook {
	margin: 3px 10px;	
}

footer .social .social-twitter {
	margin: 3px 10px;
}

footer .badge {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background: url(../images/7-ludlow-stamp-red.svg) center center no-repeat;
  display: block!important; /* overrides bootstrap .badge:empty */
}

footer .nav {
	position: absolute;
	top: 31px;
	left: 50%;
	margin: 0;
	padding: 0;
	margin-left: 80px;
}

footer .nav a {
	position: relative;
	float: left;
	margin: 0 20px;
	padding: 0;
}


/* -- LAPTOP -- */

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



}


/* -- TABLET -- */

@media screen and (max-width: 1020px) {
	
  /* space beaver main from header */
  #fl-main-content {
    margin-top: 51px;
		padding-top: 0;
  }
	/* cancel padding on pages when we don't use the header */
	.woocommerce-cart #fl-main-content,
	.woocommerce-checkout #fl-main-content {
	  margin-top: 0;
	}
  
  header.fl-builder-content .nav li.selected a:after,
  header.fl-builder-content .nav li.selected a:before {
    border: none;
  }
  
  header.fl-builder-content .subnav:after, 
  header.fl-builder-content .subnav:before {
  	bottom: 100%;
  	left: 50%;
  	border: solid transparent;
  	content: "";
  	height: 0;
  	width: 0;
  	position: absolute;
  	pointer-events: none;
  }

  header.fl-builder-content .subnav:after {
  	border-color: rgba(255, 243, 227, 0);
  	border-bottom-color: #FFF3E3;
  	border-width: 7px;
  	margin-left: -7px;
  }

  header.fl-builder-content .subnav:before {
  	border-color: rgba(44, 54, 121, 0);
  	border-bottom-color: #2C3679;
  	border-width: 8px;
  	margin-left: -8px;
  }
  
	header.fl-builder-content {
		position: fixed;
		height: 53px;
		overflow: hidden;
		border-bottom: 1px solid #2A317D;
	}
  .admin-bar header.fl-builder-content {
    top: 30px;
  }
	
	header.fl-builder-content #nav-menu-button {
		display: block;
	}

	header.fl-builder-content.menu-open {
		height: 100%;
		overflow-y: visible;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	header.fl-builder-content.menu-open::-webkit-scrollbar {
		display: none;
	}
	
	.compact-header header.fl-builder-content .nav {
		margin-top: 53px;	
	}

	header.fl-builder-content .nav,
	.compact-header header.fl-builder-content .nav  {
		height: auto;
		margin-top: 53px;
		padding: 30px 0;
		border-top: 1px solid #2A317D;
		text-align: center;
		font-size: 14px;
	}
	
	header.fl-builder-content.menu-open .nav-my-account,
	header.fl-builder-content.menu-open .nav-membership,
	header.fl-builder-content.menu-open .nav-at-home,
	header.fl-builder-content.menu-open .nav-in-theater,
	header.fl-builder-content.menu-open .nav-editions,
  header.fl-builder-content.menu-open .nav-metrograph-pictures,
	header.fl-builder-content.menu-open .nav-commissary,
	header.fl-builder-content.menu-open .nav-journal {
		position: relative;
		width: 100%;
		height: auto;
		top: initial;
		left: initial;
		margin-left: 0;
		padding: 10px 0;
	}
	
	header.fl-builder-content .nav .icon,
  header.fl-builder-content .nav .selected .icon,
	header.fl-builder-content .nav .icon:hover,
	.in-theater header.fl-builder-content .nav .icon {
		display: inline;
		padding: 0;
		background: none;
	}

	header.fl-builder-content.menu-open li ul {
		display: block;
		position: relative;
		list-style: none;
		padding: 20px 10%;
		margin: 30px 20px 10px;
		text-align: center;
		font-size: 12px;
		border-top: 1px solid #2A317D;
		border-bottom: 1px solid #2A317D;
	}

	header.fl-builder-content.menu-open li ul:after, 
	header.fl-builder-content.menu-open li ul:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	header.fl-builder-content.menu-open li ul:after {
		border-color: rgba(255, 243, 227, 0);
		border-bottom-color: #FFF3E3;
		border-width: 7px;
		margin-left: -9px;
	}
	
	header.fl-builder-content.menu-open li ul:before {
		border-color: rgba(44, 54, 121, 0);
		border-bottom-color: #2C3679;
		border-width: 8px;
		margin-left: -10px;
	}

	header.fl-builder-content.menu-open li ul li {
		display: inline-block;
		margin: 10px 20px;
	}

	header.fl-builder-content .subnav,
	.in-theater header.fl-builder-content .subnav,
  header.fl-builder-content .subnav.selected {
		display: none;
	}	
		
	.in-theater header.fl-builder-content.menu-open .nav-in-theater ul {
		display: block;
		height: 50px;
		padding-top: 15px;
	}

	.in-theater header.fl-builder-content.menu-open .nav-in-theater ul li {
		display: block;
		float: left;
		width: 33%;
		margin: 0;
		padding: 6px 0;
	}

	header.fl-builder-content .nav-logo,
	.compact-header header.fl-builder-content .nav-logo {
		width: 148px;
		height: 22px;
		top: 18px;
		margin-left: -74px;
	}

	header.fl-builder-content .nav-search,
	.compact-header header.fl-builder-content .nav-search {
		top: 18px;
		left: initial;
		right: 20px;
		width: 18px;
		height: 18px;
		margin: 0;
	}	

	header.fl-builder-content.menu-open .mail-list,
	header.fl-builder-content.menu-open .social {
		display: block;
	}
		

	footer {
		min-height: 140px;
	}
	
	footer .mail-list {
		top: 27px;
		left: 50%;
		margin-left: -300px;
	}
	
	footer .social {
		top: 27px;
		left: 50%;
		margin-left: 200px;
	}
	
	footer .nav {
		position: relative;
		top: initial;
		left: initial;
		margin: 50px auto 0;
		max-width: 300px;
		padding: 20px;
		list-style: none;
		text-align: center;
    display: block;
	}
	
	footer .nav a {
		display: inline-block;
		margin: 0 10px;
		padding: 6px 0;
		float: none;
	}
	
	footer .nav .sub {
		display: block;
		font-size: 10px;
	}			

	
					
}

/* -- PHONE -- */

@media screen and (max-width: 706px) {
	
  .admin-bar header.fl-builder-content,  .admin-bar.compact-header header.fl-builder-content {
    top: 0px;
  }
  
	.mobile {
		display: block;	
	}
	
	.mobile-hidden {
		display: none;	
	}

	.in-theater header.fl-builder-content.menu-open .nav-in-theater ul {
		padding-left: 0;
		padding-right: 0;
	}
	
	footer .mail-list {
		left: 20px;
		margin-left: 0;
	}
	
	footer .social {
		left: initial;
		right: 20px;
		margin-left: 0;
	}
		
			
}


/* -- SMALL PHONE -- */

@media screen and (max-width: 400px) {
	
	footer .nav li {
		margin: 0 7px;
	}
	
}



/* -- VERY SMALL PHONE -- */

@media screen and (max-width: 360px) {
	
	
	header.fl-builder-content .nav-logo,
	.compact-header header.fl-builder-content .nav-logo {
		width: 120px;
		height: 15px;
		top: 19px;
		margin-left: -60px;
	}
	
	footer .mail-list {
		top: 25px;
		left: 0;
		margin: 0;
		width: 100%;
		text-align: center;
	}
	
	footer .social {
		top: 108px;
		left: 0;
		margin: 0;
		width: 100%;
		text-align: center;
	}
	
	footer .badge {
		top: 60px;
	}
	
	footer .nav {
		top: 80px;
	}		

}