/* General Styles */
@font-face {font-family: ebgarabond12reg;	src: url(customfonts/EBGaramond12-Regular.ttf);}
@font-face {font-family: leander;	src: url(customfonts/Leander.ttf);}
@font-face {font-family: printclearly;	src: url(customfonts/PrintClearly.otf);}

h1		{font-size: 500%;}
html	{
		position: relative;
		min-height: 100%;
		}
body	{
		font-family: printclearly;
		font-size: 14pt;
		margin-bottom: 100px;
		min-height: 100%;
		padding-top: 70px;
		}
a		{color:#000000; text-decoration: none;}
a:hover	{color:#666666; text-decoration: none;}

/*
.div-header-main {
	background-image: url("IMG_0013.JPG");
	background-repeat: no-repeat;
	background-position: center;
/* 	background-attachment: fixed; */
/* 	display: table-cell; */
/*
	height: 600px;
	padding: 0px;
	}
 */

/* Homepage Styles */
.home-background	{		background-image: url("foxley2015_5_lg.jpg");
							background-repeat: no-repeat;
							background-position: center;
							height: 100%;
							min-height: 100%;
							position: absolute;
							top: 0;
							width: 100%;
							-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
							}
.home-navbar		{		position: relative;
							top: 50%;
							transform: translateY(-50%);
							background-color: rgba(0,0,0,0.5);
							padding: 20px;
							}

h1.home-title	{color: #ffffff; margin: 0px; padding: 0px 15px; text-decoration:none;}
.home-text		{color: #ffffff; font-size:20pt; margin: 0px; height: 100%; padding: 15px; line-height: 20px;}
@media(max-width:767px)
	{.home-text	{padding-left: 30px;}}
.navbar-fixed-top			{-webkit-font-smoothing: subpixel-antialiased;}
/* .navbar-header				{margin: 0px;} */

.home-navbar a	{color: #ffffff;}
.home-navbar a:hover	{
	background-color: transparent;
	color: #cccccc;
	text-decoration:none;
	}

.navbar-default {background-color: #ffffff; border-bottom: 1px solid #999999;}
.navbar-toggle	{background-color: transparent; border: none;}
.navbar-toggle:hover > .icon-bar,.navbar-toggle:focus > .icon-bar	{background-color: #333333;}
/* button.navbar-toggle.collapsed:hover {background-color: transparent;} */

a.navbar-brand
	{
	font-size: 20pt;
	}

.nav.navbar-nav.navbar-right li a
	{
/* 	color: #ffffff; */
font-size: 18pt;
	}

.nav.navbar-nav.navbar-right li a:hover	{background-color: transparent;}

.navbar-transparent	{margin: 0px;}

.navbar-transparent .navbar-toggle .icon-bar			{background-color: #ffffff;}
.navbar-transparent .navbar-toggle:hover > .icon-bar	{background-color: #cccccc;}

.footer	{
		border-top: 1px solid #999999;
		bottom: 0;
		height: 60px;
		padding: 10px;
		position: absolute;
		width: 100%;
		}

.footer p {margin: 5px 0px;}

.about-image > img	{width: 100%;}

.custom-gallery-div /* Size this using Bootstrap */
	{overflow: hidden;
	padding: 15px;
	}

.custom-gallery-background
	{background: black;
	margin: 0px;
	padding: 0px}

.custom-gallery-image /* Wrap this in a Bootstrap-sized div */
	{background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
    /*color:#ffffff;*/
	/*opacity: 0.9;*/
    overflow:hidden;
	position:relative;
	 text-shadow: 0px 0px 5px #ffffff;
	}
.custom-gallery-image.heading	{padding-bottom: 20%;}
.custom-gallery-image.square	{padding-bottom: 100%;}
.custom-gallery-image.text-light	{color: #ffffff; text-shadow: 0px 0px 5px #000000;}


.custom-gallery-image:hover
	{opacity: 0.9;}


.custom-gallery-content
	{position:absolute;
	height:	100%;
    width:	100%;
    padding: 10%;
	}


/*
.custom-gallery-table
	{display:table;
    height:100%;
    width:100%;
	}
 */

.custom-gallery-table-cell{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
    text-align:center;
		font-size:20pt;
		/*text-shadow: 2px 2px #000000;*/
	}

.custom-gallery-active
	{/* background-color: #333333; */
-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
	}

.custom-gallery-detail	{/* color: #ffffff; */ padding: 15px 0px 0px 0px;}

/*.modal-lg		{padding-top: 10vh;}*/
.modal-content	{color: #ffffff; background-color: transparent;  box-shadow: none; -webkit-box-shadow: none; border:none;}
.modal-header	{border: none; padding-top:0px; padding-bottom:0px; margin: 0px;}
.modal-body		{padding: 0px;}
.modal-footer	{border: none; padding-top:0px; text-align: left;}
/* .item-size img	{max-height: 80vh; margin-left: auto; margin-right:auto;} */
/*.modal-body .carousel .carousel-inner .item img {max-height: 80vh; margin-left: auto; margin-right:auto;}*/
/*.modal-body .carousel .carousel-inner .item img {max-height: 80vh; margin-left: auto; margin-right:auto; margin-top: auto; margin-bottom:auto;}*/
/*.modal-dialog	{width: 80vw; height: 80vh;}*/
.modal-backdrop.in {
  filter: alpha(opacity=80);
  opacity: .8;
}

.mimi-modal-dialog 	{height: 80vh; margin: 10vh auto; width: 80vw;}
.mimi-item					{height: 80vh; background-position: center center; background-repeat:no-repeat; background-size: contain; width: 80vw;}

@media(max-width:767px)
	{	.mimi-modal-dialog 	{height: 100vh; margin: 0; width: 100vw;}
		.mimi-item					{height: 100vh; width: 100vw;}
		}

/*button.close, button.close:hover	{color: #ffffff; font-size: 40pt;}*/


.carousel .carousel-control	{background-image: none; opacity: 0;}
.carousel .carousel-control:hover {opacity: 0.5;}
.carousel-caption {display: none;}

.btn-carousel-close {margin-right: 15px; position:absolute; top: 0; right: 0; z-index: 9999; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); color: #ffffff; font-size: 50pt; opacity: 0.4;}
.btn-carousel-close:hover {color: #ffffff; opacity: 0.6;}

.exhibition-image {width: 300px;}

.social-logo {margin: 5px 0px 5px 16px; height: 27px; width: 27px;}