/*
Theme Name: Fold Gallery
Theme URI: http://www.novarising.com/
Description: Specifically developed for the Fold Gallery in London, so not really suitable for use on other sites.
Author: Darren Ross
Author URI: http://www.novarising.com/
Version: 2.0
License:
License URI:
*/

/* Artists */

#artist-grid{
	clear:both;
	padding:10px 2% 70px 2%;
	width:96%;
}

#artist-grid-title{
	padding:0 2%;
	width:96%;
}

#content_col_1{
	float:left;
	padding-right:5px;
	width:48%;
}

#content_col_2{
	float:left;
	padding-left:5px;
	width:48%;
}

#single-artist-masonry{
	padding-bottom:100px;
}

.artist{
	padding:0 2%;
	width:96%;
}

.artist-grid-item{
	height:auto;
	margin:auto 0 auto 0;
	padding-bottom:40px;
	text-align:left;
	vertical-align:middle;
	width:100%;
}

.artist-grid-item img{
	margin-bottom:10px;
}

/* Contact */

#contact-content{
	float:left;
	padding-top:8px;
	width:710px;
}

#contact-content-col-1{
	float:left;
	padding-right:5px;
	width:350px;
}

#contact-content-col-2{
	float:left;
	padding-left:5px;
	width:350px;
}


/* Editions */

.edition{
	float:left;
	width:460px;
}

.edition-buy-now{
	background-color:#000000;
	border-radius:10px;
	color:#ffffff;
	float:right;
	height:20px;
	padding:5px 15px 5px 0;
	text-align:right;
	width:80px;
}

.edition-details{
	float:left;
	padding-left:15px;
	width:275px;
}

.edition-details a{
	border:none;
}

.edition-image{
	float:left;
	min-width:165px;
	width:165px;
}

.edition-title{
	font-weight:bold;
}

/* Exhibitions */

.archive-exhibition{
	float:left;
	padding:0 0 40px 0;
	width:300px;
}

.archive-exhibition-details{
	clear:both;
	padding-bottom:55px;
}

.current-exhibition{
	margin-top:30px;
}

.current-exhibition-image img{
	height:auto;
	width:100%;
}

.exhibition_details{
	clear:both;
	margin:10px 0 30px 0;
}

#archive-exhibitions{
	clear:both;
	padding:25px 2% 0 2%;
	text-align:left;
	width:96%;
}

#archive_exhibitions_title{
	padding:0 2%;
	width:96%;
}

#back{
	padding-bottom:10px;
}

#current_exhibitions{
	clear:both;
	padding:0 2% 5px 2%;
	width:96%;
}

#exhibitions-content{
	clear:both;
	padding:0 2% 60px 2%;
	width:96%;
}

#exhibitions-content img{
	height:auto;
	width:100%;
}

#hide_info{
	cursor:pointer;
	display:none;
}

#show_info{
	cursor:pointer;
}

#show_hide_info_container{
	margin:35px 0 30px 0;
}

#single-exhibition-container{
	clear:both;
	padding:0 2%;
	width:96%;
}

#single-exhibition-masonry{
	padding-bottom:100px;
}

#single-record-content{
	display:none;
}

/* Foldspace */

#foldspace-content{
	padding:0 2%;
	width:96%;
}

#foldspace-content div{
	padding-top:10px;
}

#foldspace-content img{
	height:auto;
	width:100%;
}

/* Footer */
.footer_column{
	float:left;
	min-height:165px;
	width:20%;
}

#ben_carruthers_link{
	float:right;
}

#footer{
	clear:both;
	padding:0 2%;
	width:96%;
}

#footer_column_visit{
	background-color:#fff;
}
#footer_column_opening{
	background-color:#fff;
}
#footer_column_contact{
	background-color:#fff;
}
#footer_column_social{
	background-color:#fff;
	text-align:left;
	vertical-align:bottom;
}
#footer_column_signup{
	background-color:#fff;
}
#footer_column_top{
	float:left;
	text-align:left;
	width:100%;
}

#footer_dig_logo{
	color:rgb(117, 117, 117);
	font-size:14px;
	padding-bottom:10px;
}

#footer_dig_logo img{
	border:none;
	position:relative;
	top:2px;
}

#footer_hr{
	margin:40px auto 20px auto;
}

#footer_social_container{
	margin-top:15px;
	width:100%;
}

#footer_social_container img{
	margin-right:20px;
}

#signup_email{
	border:1px solid rgb(117, 117, 117);
	float:left;
	font:16px 'BaskervilleMTStd-Regular', Cambria, serif;
	height:28px;
	width:50%;
}

#signup_name{
	border:1px solid rgb(117, 117, 117);
	font:16px 'BaskervilleMTStd-Regular', Cambria, serif;
	height:28px;
	width:95%;
}

#signup_submit{
	background-color:#fff;
	border:1px solid rgb(117, 117, 117);
	float:right;
	font:20px 'BaskervilleMTStd-Regular', Cambria, serif;
	height:32px;
	left:-9px;
	position:relative;
	width:40%;
}

#social_media img{
	border:none;
}

#subForm input{
	margin-top:15px;
}

/* Galleria */

#galleria{
}

#galleria-container{
	display:none;
	padding-bottom: 40px;
}

/* Header */
body{
	background-color:#ffffff;
	color:rgb(117,117,117);
	font-size:100%;
	margin:0;
}

root { 
    display: block;
}

.header-home{
	float:left !important;	
	height:0px !important;
	overflow:visible !important;
	padding:0 2% !important;
	top:22px !important;
}

.wrapper{
	font:1.25em 'BaskervilleMTStd-Regular', Cambria, serif;
	margin:0 auto;
	width:1610px;
}

#fold_logo_black{
	display:block;
}

#header{
	padding:22px 2% 115px 2%;
	position:relative;
	width:96%;
}

#header_logo{
	float:left;
	margin-top:25px;
	text-align:left;
}

#header_logo img{
	border:none;
	height:auto;
	width:100%;
}

#nav_mobile_toggle_black{
	display:none;
}

#nav_mobile_toggle_container{
	display:none;
	float:right;
	margin-top:25px;
}

#nav_mobile_toggle_white{
	display:none;
}

/* Home */

.current-exhibitions-home-item{
	clear:both;
	width:100%;
}

.current-exhibitions-home-item-image{
	float:left;
	height:auto;
	padding:0;
	width:100%;
}

.current-exhibitions-home-item-image img{
	height:auto;
	width:100%;
}

.exhibition_details_home{
	clear:both;
	margin:0 auto;
	padding:20px 2% 0 2%;
	width:96%;
}

#current-exhibitions-home{
	height:auto;
	width:100%;
}

#home-content{
	clear:both;
	padding:0 2% 110px 2%;
	width:96%;
}

#home-content h1{
	margin-bottom:30px;
}

#home-content img{
	height:auto;
	width:100%;
}

#home-content-container-exhib{
	clear:both;
	padding:0 2%;
	width:96%;
}

#home-content-container-no-exhib{
	clear:both;
	width:100%;
}

/* HTML Guide */

#html-guide-content{
	float:left;
	padding-top:22px;
	width:700px;
}

/* Menu */

.menu a:link {color:rgb(117,117,117); text-decoration:none}
.menu a:visited {color:rgb(117,117,117); text-decoration:none}
.menu a:hover {color:rgb(25,25,25); text-decoration:none}
.menu a:active {color:rgb(117,117,117); text-decoration:none}

/* N.B.: current-menu-item hyperlink styles must follow menu hyperlink styles so they can take precedence in certain browsers */
.current-menu-item a:link {color:rgb(25,25,25); text-decoration:none}
.current-menu-item a:visited {color:rgb(25,25,25); text-decoration:none}
.current-menu-item a:hover {color:rgb(117,117,117); text-decoration:none}
.current-menu-item a:active {color:rgb(25,25,25); text-decoration:none}

.menu-foldmenu-container{
	color:rgb(25,25,25);
	float:right;
	margin-top:25px;
	width:891px;
}

.menu-item{
	width:202px;
}

.menu-item-separator{
	padding:0 22px 0 22px;
}

#menu-foldmenu{
	display:block;
	float:right;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#menu-foldmenu li{
	float:left;
	margin-left:95px;
	padding:0 0 15px 0;
}

 
/* Press */

.attachment-post-thumbnail{
	float:left;
}

.press-details{
	float:left;
	width:50%;
}

.press-item{
	clear:both;
	float:left;
	padding:35px 0 15px 0;
	width:100%;
}

.press-item-image{
	float:left;
	min-width:150px;
	padding:4px 40px 0 0;
	width:150px;
}

.press-source{
	font-style:italic;
}

#press{
	float:left;
	padding:0 2% 150px 2%;
	width:96%;
}

#press_content{
	margin-bottom:200px;
	width:50%;
}

#single-press{
	padding:0 2%;
	width:96%;
}

#single-press img{
	width:50%;
}

#single-press-details{
	float:left;
	margin:3px 0 30px 0;
}


/* Publications */

#publications{
	clear:both;
	padding:10px 2% 70px 2%;
	width:96%;
}

#publications-title{
	padding:0 2%;
	width:96%;
}

.publication-buy-now{
	background-color:#fff;
	border: 1px solid rgb(117, 117, 117);
	clear:both;
	color:rgb(25,25,25);
	float:left;
	font: 20px "BaskervilleMTStd-Regular",Cambria,serif;
	height:22px;
	margin-top:20px;
	padding:5px 0 5px 0;
	position:relative;
	text-align:center;
	width:110px;
}

.publication-details{
	float:left;
	padding:5px 0 30px 0;
}


/* User Guide */

#user-guide-content{
	float:left;
	padding-top:22px;
	width:700px;
}


/* Sidebar */

.sidebar-exhibition-item{
	clear:both;
	padding-top:30px;
}

.sidebar-exhibition-item-thumbnail{
	float:right;
}

#sidebar-exhibitions{
	float:right;
	padding:0 0 10px 10px;
	width:210px;
}

/* User manual */
#user-manual-content{
	padding:0 2%;
	width:96%;
}

/* Universal styles */
a{
	color:rgb(117,117,117);
	text-decoration:none;
}
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover {color:rgb(33,33,33); text-decoration:underline}
a:active {text-decoration:none}

a.artist_name{
	font-style:italic;
}

hr{
	border:2px solid rgb(25,25,25);
	width:100%;
}

img{
	border:none;
}

.artist_list{
	padding:0 0 2px 0;
}

.display_block{
	left:100%;
}

.fancybox-skin .fancybox-title{
	color:rgb(117,117,117);
	font:16px 'BaskervilleMTStd-Regular', Cambria, serif;
}

.fancybox-skin .fancybox-nav.fancybox-prev{
	left:-5% !important;
}

.fancybox-skin .fancybox-nav.fancybox-next{
	right:-5% !important;
}

.fifty_percent{
	width:50%;
}

.hide_horizonally{
	position:absolute;
	right:100%;
}

.spacer{
	clear:both;
	width:100%;
}

.text_dark{
	color:rgb(25,25,25);
}

#single-record-content{
	display:none;
	width:50%;
}

/* WYSIWYG Content */

h1, h2, h3, h4{
	color:rgb(25,25,25);
	font-weight:normal;
	margin:0;
}

h1{
	font-size:36px;
}

h2{
	font-size:32px;
}

h3{
	font-size:28px;
}

h4{
	font-size:24px;
}

.content-opening-para{
	font-weight:bold;
}

/* GOOGLE MAP */
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#map-canvas {
	height: 300px;
	width: 100%;
}

/* MASONRY */
.masonry-item img{
	height:auto;
	width:100%;
}
.eye{
	display:none;
	height:0;
	overflow:visible;
	position:absolute;
	top:30px;
	width:0;
	height:36px;
	width:56px;
}
.showeye .eye{
	display:block;
}
.showeye .eye img{
	height:36px;
	width:56px;
}
.eye{
	right:9px;
}
.w1 .eye, .w3 .eye{
	right:30px;
}
#single-exhibition-masonry .masonry-item, #single-artist-masonry .masonry-item{
	height:auto;
	padding:20px 0;
	width:100%;
}
#single-exhibition-masonry .masonry-item.w1, #single-artist-masonry .masonry-item.w1{
}
#single-exhibition-masonry .masonry-item.w2, #single-artist-masonry .masonry-item.w2{
}
#single-exhibition-masonry .masonry-item.w3, #single-artist-masonry .masonry-item.w3{
}
#archive-exhibitions .masonry-item{
	height:auto;
}
#artist-grid .masonry-item{
	height:auto;
}

/* MOBILE */
@media only screen and (max-width: 1610px){
	body{
		font-size:85% !important;
	}
	h1{
		font-size:31px !important;
	}

	h2{
		font-size:27px !important;
	}

	h3{
		font-size:24px !important;
	}

	h4{
		font-size:20px !important;
	}
	hr{
		border-top:3px solid rgb(25,25,25);
	}
	.menu-foldmenu-container{
		width:801px !important;
	}

	.menu-item{
		width:172px !important;
	}
	.wrapper{
		width:100% !important;
	}
	#header_logo{
		margin-top:35px !important;
	}
	#header_logo img{
		width:85% !important;
	}
	#menu-foldmenu li{
		margin-left:95px !important;
	}
	#hide_info img, #show_info img{
		height:auto !important;
		width:16px !important;
	}
}

@media only screen and (max-width: 1280px){
	.footer_column{
		width:300px !important;
	}
	#menu-foldmenu li {
		margin-left:50px !important;
	}
	.menu-foldmenu-container{
		width:666px !important;
	}
}

@media only screen and (max-width: 1024px){
	#menu-foldmenu .current-menu-item a, #menu-foldmenu .current-menu-item a:link{
		color:rgb(117, 117, 117) !important;
	}
	.hr_first{
		display:none !important;
	}
	.menu-foldmenu-container{
		background-color:#000 !important;
		margin-bottom:10px !important;
		margin-top:0 !important;
		padding-top:10px !important;
		width:100% !important;
	}
	.menu-item{
		padding:10px 0 !important;
		width:100% !important;
	}
	.publication-details{
		clear:both !important;
		float:none !important;
	}
	
	#archive-exhibitions .masonry-item, #artist-grid .masonry-item{
	}
	#fold_logo_white{
		display:block !important;
	}
	#fold_logo_black{
		display:none !important;
	}	
	#header{
		background-color:#000 !important;
		height:50px !important;
		overflow:visible !important;
		padding:0 !important;
		position:relative !important;
		top:0 !important;
		width:100% !important;
	}
	#header_logo{
		margin-left:2% !important;
	}
	#header_logo, #nav_mobile_toggle_container{
		margin-top:15px !important;
	}
	#header_logo img{
		height:20px !important;
		width:auto !important;
	}
	#menu-foldmenu{
		display:none;/* Do not make important - Javascript needs to be able to toggle. */
		float:left !important;
		margin:31px 0 13px 2% !important;
	}
	#menu-foldmenu a, #menu-foldmenu a:link{
		color:#fff !important;
	}
	#menu-foldmenu a:hover{
		color:rgb(117,117,117) !important;
	}
	#menu-foldmenu li{
		float:block !important;
		margin-left:0 !important;
		text-align:left !important;
	}
	#nav_mobile_toggle_black{
		display:none !important;
	}
	#nav_mobile_toggle_white{
		display:block !important;
	}
	#nav_mobile_toggle_container{
		display:block !important;
		margin-right:2% !important;
	}
	#publications .masonry-item{
		margin-top:35px !important;
	}
	#single-record-content{
		width:100% !important;
	}
}

@media only screen and (max-width: 768px){
	.masonry-item.w1,.masonry-item.w2,.masonry-item.w3{
		width:98%;
	}
	#archive-exhibitions .masonry-item, #artist-grid .masonry-item{
		width:96%;
	}
}

@media only screen and (max-width: 640px){
	.fifty_percent{
		width:100% !important;
	}
	.footer_column{
		margin-bottom:20px !important;
		min-height:1px !important;
		width:100% !important;
	}
	.masonry-item{
		width:98%;
	}
	#content_col_1{
		float:none !important;
		width:96%;
	}
	#content_col_2{
		float:none !important;
		width:96%;
	}
	#home-content img{
		width:100% !important;
	}
	#press_content{
		width:100%;
	}
	#single-press img{
		width:100% !important;
	}
}