/*
Theme Name: Aperture Foundation
Theme URI: http://www.aperture.org/
Description: Aperture is a multi-platform photography publisher and center for the photo community.
Version: 1.0
Author: Manyfold
Author URI: http://www.wearemanyfold.com/
*/

/* Import Stylesheets
-----------------------------------------------------------*/
@import url("stylesheets/master.css");

/* CSS Breakdown */
@import url("stylesheets/benefit.css");
@import url("stylesheets/benefit2014.css");
@import url("stylesheets/benefit2015.css");
@import url("stylesheets/benefit2015full.css");
@import url("stylesheets/benefit2016new.css");
@import url("stylesheets/benefit2017.css");
@import url("stylesheets/blog.css");
@import url("stylesheets/donate.css");
@import url("stylesheets/fly-out.css");
@import url("stylesheets/fonts.css");
@import url("stylesheets/learn.css");
@import url("stylesheets/magazine.css");
@import url("stylesheets/pbr.css");
@import url("stylesheets/photobook-awards.css");
@import url("stylesheets/summer-open.css");
@import url("stylesheets/openroad.css");
@import url("stylesheets/membership.css");
@import url("stylesheets/playdate.css");
@import url("stylesheets/portfolio-prize.css");
@import url("stylesheets/pp-announcement.css");
@import url("stylesheets/search.css");
@import url("stylesheets/uniform.default.css");
@import url("stylesheets/responsive.css");
@import url("stylesheets/footer.css");
@import url("stylesheets/footer-link.css");
@import url("stylesheets/education.css");
@import url("stylesheets/entry.css");
@import url("stylesheets/exhibits.css");
@import url("stylesheets/flexslider.css");
@import url("stylesheets/navigation.css");


/* Required WordPress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft { float: left; }
.alignright { float: right; }

/* Make all custom CSS changes in a Child Theme.  Any custom
changes you make here will be overidden when you upgrade the theme.
-----------------------------------------------------------*/

#mega-menu-wrap-nav-1 .mega-menu-toggle.mega-menu-open:before {
	content: "\f335";
}

#mega-menu-wrap-nav-1 .mega-menu-toggle.mega-menu-open:after {
	content: "CLOSE MENU";
}

#mega-menu-wrap-nav-1 #mega-menu-nav-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a:hover, #mega-menu-wrap-nav-1 #mega-menu-nav-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a:focus {
	color: #fff;
}
#featured-exhibition .widget{list-style:none;}

#rightCol .widget{margin-bottom:15px;}

/****************************************************
*****************************************************
					BENEFIT 2016 
*****************************************************
****************************************************/

#benefit-2016 { background-color: #FEFAEF; margin-top: -30px; font-family: 'Courier New'; }
#benefit-2016 .benefit_wrapper {
    padding: 60px 20px;
    max-width: 73%;
    margin: 0 auto;
}
#benefit-2016 h1{
	font-family: 'Neue Hass Grotesk 75';
	font-size: 65px;
    color: #EC4A24;
    line-height: 120%;
    word-spacing: 4px;
}
#benefit-2016 .column{ 
	float: left; 
	width: 50%; 
}
#benefit-2016 .column.column-smaller{
	width: 52%;
	margin-right: -37px;
}
#benefit-2016 h6{
	display: inline-block;
	color: #EA4C27;
	border-bottom: 1px solid #F6A28A;
	font-size: 18px;
    font-weight: 700 !important;
    margin-top: 68px;
    padding-bottom: 3px;
    margin-bottom: 11px;
}
#benefit-2016 .column.column-smaller{
	font-size: 18px;
    font-weight: bold;
}
#benefit-2016 #benefit_header-image{
	float: right;
	width: 50%;
    text-align: right;
}
#benefit-2016 #benefit_header-image small{
	font-size: 11px;
    font-weight: bold;
}
#benefit-2016 #second-bgbox{
	background-color: #EC4A24;
	text-align: center;
}
#benefit-2016 #second-bgbox h2,
#benefit-2016 #third-bgbox h2{
	font-family: 'Neue Hass Grotesk 75';
	font-size: 47px;
	color: #ffffff;
	margin: 15px 0;
	text-align: center;
}
#benefit-2016 #second-bgbox p{
	color: #ffffff;
	font-size: 18px;
}
#benefit-2016 #second-bgbox .benefit_wrapper{
	padding: 35px 0;
}
#benefit-2016 #third-bgbox h2{ 
	color: #EC4A24; 
}
#benefit-2016 #third-bgbox .benefit_wrapper{
	width: 715px;
}
#benefit-2016 #third-bgbox hr{
	clear: both;
    width: 130px;
    border: 0;
    border-top: 2px solid #FBCDBD;
    margin: 30px auto;
}
#benefit-2016 #third-bgbox p{
	font-size: 18px;
    font-weight: bold;
}
#benefit-2016 #third-bgbox .button{
    color: #fff;
    background-color: #EC4A24;
    border-radius: 10px;
    padding: 17px 45px;
    width: 100px;
    display: block;
    text-align: center;
    margin: 0 auto 20px;
    transition: all linear 0.4s;
}
#benefit-2016 #third-bgbox .button:hover{
	opacity: 0.7;
}
#benefit-2016 #third-bgbox p small{
	font-size: 12px;
	text-align: center;
	display: block;
}
#benefit-2016 #third-bgbox p small a{
	color: #EC4A24;
	transition: all linear 0.4s;
}
#benefit-2016 #third-bgbox p small a:hover{
	opacity: 0.5;
}
.clear{ clear: both; }

@media only screen and (max-width: 1200px){
	#benefit-2016 .column.column-smaller{ width: 100%; }
	#benefit-2016 h6{margin-top:25px;}
}
@media only screen and (max-width: 991px){
	#benefit-2016 .column{width:100%; float: none; text-align:center; }
	#benefit-2016 #benefit_header-image{ width: 100%; float: none; text-align: center; margin: 20px 0 0;}
	#benefit-2016 h1{font-size: 45px;}
}
@media only screen and (max-width: 767px){
	#benefit-2016 .benefit_wrapper{max-width:94%;}
	#benefit-2016 h1{font-size: 30px;}
	#benefit-2016 #second-bgbox h2, #benefit-2016 #third-bgbox h2{font-size: 25px; }
	#benefit-2016 #third-bgbox p,
	#benefit-2016 #second-bgbox p,
	#benefit-2016 .column.column-smaller{font-size:16px;}
}

/*** end Benefit ***/

@media only screen and (max-width: 899px){
	#mega-menu-wrap-nav-1 #mega-menu-nav-1 { background: #4d4d4d !important; margin-bottom: 15px !important; overflow:hidden; }
	#aperture-navigation {display: inline-block; width: auto;}
	#mega-menu-wrap-nav-1 .mega-menu-toggle {text-align: left;}
	#mega-menu-wrap-nav-1 .mega-menu-toggle:before{float:left;}

	#mega-menu-wrap-nav-1 #mega-menu-nav-1 > li.mega-menu-flyout ul.mega-sub-menu {
		background: transparent;
		padding-left: 10px;
	}

	#mega-menu-wrap-nav-1 #mega-menu-nav-1 li.mega-menu-item.mega-toggle-on > a {
		font-weight: 500 !important;
	}
	
}

@media only screen and (min-width: 700px) and (max-width: 899px) {
	#aperture-navigation { width: 50% !important; }

	#mega-menu-wrap-nav-1 .mega-menu-toggle.mega-menu-open { text-align: right !important; }
	#mega-menu-wrap-nav-1 .mega-menu-toggle.mega-menu-open:before { float: right; }
}

@media only screen and (max-width: 699px){
	#mega-menu-wrap-nav-1 .mega-menu-toggle {text-align: center;}
	#mega-menu-wrap-nav-1 .mega-menu-toggle:before {float: none;vertical-align: bottom;}
	#aperture-navigation {float:none;display:block}
}

@media screen and (max-width: 730px){
	.header .quick-access {
	  top: 262px;
	  right: 4%;
	}
}
@media only screen and (max-width: 899px){
	#mega-menu-wrap-nav-1 .mega-menu-toggle {
	  text-align: left !important;
	}
	#mega-menu-wrap-nav-1 .mega-menu-toggle:before {
	  float: left !important;
	}
}
#mega-menu-wrap-nav-1 .mega-menu-toggle.mega-menu-open:before {
  content: "\f335" !important;
}
#mega-menu-wrap-nav-1 .mega-menu-toggle.mega-menu-open:after {
  content: "CLOSE MENU" !important;
}
@media only screen and (max-width: 899px) and (min-width: 700px){
#mega-menu-wrap-nav-1 .mega-menu-toggle.mega-menu-open:before {
  float: right !important;
}
}


@font-face {
  font-family: 'Neue Hass Grotesk 75';
  src: url('stylesheets/fonts/nhaasgrotesktxpro-75bd.eot'); /* IE9 Compat Modes */
  src: url('stylesheets/fonts/nhaasgrotesktxpro-75bd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('stylesheets/fonts/nhaasgrotesktxpro-75bd.woff2') format('woff2'), /* Super Modern Browsers */
       url('stylesheets/fonts/nhaasgrotesktxpro-75bd.woff') format('woff'), /* Pretty Modern Browsers */
       url('stylesheets/fonts/nhaasgrotesktxpro-75bd.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('stylesheets/fonts/nhaasgrotesktxpro-75bd.svg#nhaasgrotesktxpro-75bd') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'Courier New';
	src: url('stylesheets/fonts/CourierNewPSMT.eot');
	src: url('stylesheets/fonts/CourierNewPSMT.eot?#iefix') format('embedded-opentype'),
		url('stylesheets/fonts/CourierNewPSMT.woff2') format('woff2'),
		url('stylesheets/fonts/CourierNewPSMT.woff') format('woff'),
		url('stylesheets/fonts/CourierNewPSMT.ttf') format('truetype'),
		url('stylesheets/fonts/CourierNewPSMT.svg#CourierNewPSMT') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'typewriterbold';
    src: url('stylesheets/fonts/typewriter_bold_pro-webfont.eot');
    src: url('stylesheets/fonts/typewriter_bold_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('stylesheets/fonts/typewriter_bold_pro-webfont.woff2') format('woff2'),
         url('stylesheets/fonts/typewriter_bold_pro-webfont.woff') format('woff'),
         url('stylesheets/fonts/typewriter_bold_pro-webfont.ttf') format('truetype'),
         url('stylesheets/fonts/typewriter_bold_pro-webfont.svg#typewriterlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'typewriterlight';
    src: url('stylesheets/fonts/typewriter_regular_pro-webfont.eot');
    src: url('stylesheets/fonts/typewriter_regular_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('stylesheets/fonts/typewriter_regular_pro-webfont.woff2') format('woff2'),
         url('stylesheets/fonts/typewriter_regular_pro-webfont.woff') format('woff'),
         url('stylesheets/fonts/typewriter_regular_pro-webfont.ttf') format('truetype'),
         url('stylesheets/fonts/typewriter_regular_pro-webfont.svg#typewriterlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Cousine:400,700);

/****************************************************
*****************************************************
					BENEFIT 2016 NEW
*****************************************************
****************************************************/

#benefit-2016-new { background-color: #FEFAEF; margin-top: -30px; font-family: 'Courier New'; }
#benefit-2016-new .benefit_wrapper {
    padding: 60px 20px;
    max-width: 73%;
    margin: 0 auto;
}
#benefit-2016-new h1{
	font-family: 'Neue Hass Grotesk 75';
	font-size: 65px;
    color: #EC4A24;
    line-height: 120%;
    word-spacing: 4px;
    /*margin-top: 25px;*/
    margin-bottom: 115px;
}
#benefit-2016-new .h3 {
	font-family: 'typewriterlight';
	font-size: 33px;
	color: #000;
	margin: 20px 0;
	font-weight: 300;
}
#benefit-2016-new p {
	font-size: 18px;
	line-height: 160%;
	font-weight: bold;
}
#benefit-2016-new p.center {
	text-align: center;
}
#benefit-2016-new .column{ 
	float: left; 
	width: 50%; 
    font-weight: bold;
}
#benefit-2016-new .column3 {
	width: 33%;
	float: left;
	padding-right: 30px;
    box-sizing: border-box;
}
#benefit-2016-new .column1 {
	text-align: center;
	margin-bottom: 70px;
	padding-top: 30px;
	clear: both;
}
#benefit-2016-new .column .column {
	margin: 20px auto;
	width: 50%;
}
#benefit-2016-new .column.column-smaller{
	width: 47%;
	margin-right: 3%;
}
#benefit-2016-new .h6{
	display: inline-block;
    font-size: 16px;
    font-weight: 700 !important;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #EC4A24;
}
#benefit-2016-new #benefit_header-image{
	float: right;
	width: 38%;
    text-align: right;
    margin: 0 0 2% 2%;
}
#benefit-2016-new p small{
	font-size: 11px;
	line-height: 160%;
	display: block;
}
#benefit-2016-new .colored{
	background-color: #EC4A24;
	text-align: center;
}
#benefit-2016-new .colored p a{ color: #fff; }
#benefit-2016-new .colored .h2,
#benefit-2016-new #third-bgbox .h2,
#benefit-2016-new #fifth-bgbox .h2 {
	font-family: 'Neue Hass Grotesk 75';
	font-size: 45px;
	color: #ffffff;
	margin: 15px 0;
	text-align: center;
}
#benefit-2016-new .colored p{
	color: #ffffff;
	font-weight: normal;
}
#benefit-2016-new .colored hr{
    border: 0;
    border-top: 1px solid #fff;
    margin: 30px 0;
}
#benefit-2016-new #first-bgbox > div > .column {
	width: 60%;
}
#benefit-2016-new #first-bgbox p{
	font-size: 16px;
	font-weight: 500;
}
#benefit-2016-new #second-bgbox .benefit_wrapper{
	padding: 35px 0;
}
#benefit-2016-new #second-bgbox .small {
	max-width: 60%;
    margin: 0 auto;
}
#benefit-2016-new #third-bgbox .h2,
#benefit-2016-new #fifth-bgbox .column .h2 { 
	color: #EC4A24; 
}
#benefit-2016-new #third-bgbox .column .h2,
#benefit-2016-new #fifth-bgbox .column .h2 {
	text-align: left;
    border-bottom: 2px solid #FBCDBD;
    font-size: 35px;
    padding-bottom: 8px;
}
#benefit-2016-new #third-bgbox hr{
	clear: both;
    width: 150px;
    border: 0;
    border-top: 1px solid #f4a088;
    margin: 30px auto;
}
#benefit-2016-new #third-bgbox .button{
    color: #fff;
    background-color: #EC4A24;
    border-radius: 10px;
    padding: 17px 45px;
    width: 100px;
    display: block;
    text-align: center;
    margin: 0 auto 20px;
    transition: all linear 0.4s;
}
#benefit-2016-new #third-bgbox .button:hover{
	opacity: 0.7;
}
#benefit-2016-new #third-bgbox p small{
	font-size: 12px;
	text-align: center;
	display: block;
}
#benefit-2016-new #third-bgbox p small a{
	color: #EC4A24;
	transition: all linear 0.4s;
}
#benefit-2016-new #third-bgbox p small a:hover{
	opacity: 0.5;
}
#benefit-2016-new .ticket {
	float: left;
	width: 23%;
	margin-top: 2%;
	margin-right: 2.5%;
}
#benefit-2016-new .ticket:nth-child(5) {
	margin-right: 0;
} 
#benefit-2016-new .ticket .h4 {
	color: #fff;
    font-size: 27px;
    font-weight: bold;
    line-height: 200%;
}
#benefit-2016-new .ticket p{
	font-size: 14px;
	line-height: 140%;
	height: 50px;
}
#benefit-2016-new .ticket .button{
	background-color: #fff;
	color: #EC4A24;
	text-transform: uppercase;
	border-radius: 10px;
    margin-top: 20px;
    display: inline-block;
    padding: 12px;
    width: 130px;
    transition: all 0.3s linear;
    font-weight: bold;
}
#benefit-2016-new .ticket .button:hover {
    box-shadow: 0 0 10px #881E05;
    background-color: #F3C4B9;
    text-shadow: 0 0 6px #fff;
}
#benefit-2016-new #fourth-bgbox hr {
	width: 160px;
	margin: 30px auto;
}
#benefit-2016-new #fourth-bgbox .small {
	max-width: 44%;
    margin: 0 auto;
    text-align: left;
}
#benefit-2016-new #fourth-bgbox small {
	margin-bottom: 35px;
}
#benefit-2016-new #fourth-bgbox p {
	font-size: 16px;
}

#benefit-2016-new #fifth-bgbox .column .h2 {
    border: none;
    text-align: center;
}
#benefit-2016-new #fifth-bgbox hr {
    width: 110px;
    border: 0;
    border-top: 1px solid #ee7556;
}
#benefit-2016-new .col2 {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    text-align: center;
    line-height: 150%;
    margin: 30px 0 50px;
    max-width: 93%;
}
#benefit-2016-new #fifth-bgbox p {
	font-size: 15px;
    padding-right: 10px;
}
#benefit-2016-new #fifth-bgbox p span{
    color: #ee7556;
    text-decoration: underline;
}
#benefit-2016-new #sixth-bgbox .col2 {
	margin: 0;
}
#benefit-2016-new #sixth-bgbox .col2 p {
	font-size: 15px;
	text-align: left;
}

#benefit-2016-new #seventh-bgbox {
	text-align: center;
}
#benefit-2016-new #seventh-bgbox .h5 {
	font-family: 'Neue Hass Grotesk 75';
    font-size: 25px;
    color: #EC4A24;
}
#benefit-2016-new #seventh-bgbox ul {
    margin: 35px -60px 70px;
}
#benefit-2016-new #seventh-bgbox li {
    display: inline-block;
    max-width: 103px;
    padding: 0 10px;
}
#benefit-2016-new #seventh-bgbox .big li {
	max-width: 32%;
	margin: 0 7%;
}

.clear{ clear: both; }

@media only screen and (max-width: 1200px){
	#benefit-2016-new .column.column-smaller{ width: 100%; }
	#benefit-2016-new #third-bgbox .column .h2, 
	#benefit-2016-new #fifth-bgbox .column .h2 { text-align: center; }
	#benefit-2016-new h6{margin-top:25px;}
	#benefit-2016-new .ticket { margin: 3% 7%; width: 35%; }
	#benefit-2016-new h1 { font-size: 50px; }
}
@media only screen and (max-width: 991px){
	#benefit-2016-new .column{width:100%; float: none; text-align:center; }
	#benefit-2016-new #benefit_header-image{ width: 100%; float: none; text-align: center; margin: 20px 0 0;}
	#benefit-2016-new h1{font-size: 45px;}
	#benefit-2016-new .column,
	#benefit-2016-new .column .column,
	#benefit-2016-new #first-bgbox > div > .column { margin-bottom: 20px; width: 100%; }
	#benefit-2016-new #fourth-bgbox .small { max-width: 72%; }
	#benefit-2016-new .col2 {-webkit-columns: 1; -moz-columns: 1; columns: 1; width: 100%; max-width: 100%; margin: 3% 0; }
}
@media only screen and (max-width: 767px){
	#benefit-2016-new .benefit_wrapper{max-width:94%;}
	#benefit-2016-new h1{font-size: 30px;}
	#benefit-2016-new #third-bgbox p,
	#benefit-2016-new #second-bgbox p,
	#benefit-2016-new .column.column-smaller{font-size:16px;}
	#benefit-2016-new .h3 { font-size: 30px; margin: 25px 0; }
	#benefit-2016-new .colored .h2, 
	#benefit-2016-new #third-bgbox .h2, 
	#benefit-2016-new #fifth-bgbox .h2{font-size: 25px; }
	#benefit-2016-new #third-bgbox .column .h2, 
	#benefit-2016-new #fifth-bgbox .column .h2 { font-size: 22px; border: none; padding-bottom: 0; }
	#benefit-2016-new .ticket { width: 100%; margin: 7% 0; }
	#benefit-2016-new #fourth-bgbox .small { max-width: 100%; }
	#benefit-2016-new .ticket .button { margin-top: 0; }
	#benefit-2016-new .ticket p { height: auto; margin-bottom: 10px; }
	#benefit-2016-new #seventh-bgbox h1 { font-size: 24px; }
	#benefit-2016-new #seventh-bgbox ul { margin: 30px 0; }
	#benefit-2016-new #seventh-bgbox li { max-width: 100%; width: 180px; margin: 10px 0; }
	#benefit-2016-new #seventh-bgbox .big li { max-width: 100%; margin: 2% 0; width: 100%; }
	#benefit-2016-new .column3 { width: 100%; text-align: center; margin-bottom: 15px; padding-right: 0; }
}

@media(min-width: 768px) {
    #benefit-2016-new .ticket .h4 { min-height: 110px; }
}