/*
Theme Name: KBJ
Author: Articulation Agency
Author URI: http://articulationagency.com/
Version: 1.0
*/

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

}

html, body { height: 100%; margin: 0; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
sub, sup { font-size: 75%; line-height: 0; }
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
strong { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; border: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
form { margin: 0; }
legend { border: 0; *margin-left: -7px; }
input, select, textarea, button { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
input[type="button"], input[type="reset"], input[type="submit"], button { cursor: pointer; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
a { outline: none; }
.cf:before, .cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

body { width: 100%; margin: 0 auto; font-family: "NewCenturySchoolW01-Rg", Georgia, serif; font-size: 13px; line-height: 16px; color: #000;}
h1 { font-size: 32px; line-height: 32px; font-weight: normal; }
h2 { font-size: 24px; line-height: 24px; font-weight: normal; }
h3, h4, h5, h6 { font-size: 13px; line-height: 16px; font-family: "NewCenturySchoolW01-Bd", Georgia, serif; font-weight: normal; }
ul, ol { padding: 0 0 0 32px; }
h1, h2, h4, h5, h6, ul, ol, p { margin: 16px 0; }
h3 { margin: 16px 0 -16px; }
strong { font-family: "NewCenturySchoolW01-Bd", Georgia, serif; font-weight: normal; }
em { font-family: "NewCenturySchoolW01-It", Georgia, serif; font-style: normal; }
a { color: #000; }
hr { height: 1px; border: 0; background: #000; }
input, select, textarea, button { font-family: "NewCenturySchoolW01-Rg", Georgia, serif; font-size: 11px; line-height: 16px; }
input[type="button"], input[type="reset"], input[type="submit"], button { border: 0; background: #A46935; color: #fff; text-transform: uppercase; }
iframe { max-width: 100%; }

.fixed {max-width: 960px; margin: 0 auto;}
.fixed2 {width:100%; max-width: 960px; margin: 0 auto;}
.page .page, 
.single .collections,
.single .post { overflow: hidden; }

.header, #menu-header { text-align: center; background-color: #FFF;}
.header { padding: 0; width: 100%;}
.header .center { margin: 0 auto; max-width: 1024px; overflow: auto; padding: 16px; }
.logo { display: block; float: left;}
#menu-header { list-style: none; margin: 0; display: block; float: right; font-family: 'kbjregular'; font-size: 30px; line-height: 32px; margin: 96px 0 0; padding: 0;}
#menu-header li { display: inline-block; }
#menu-header li a { display: block; text-decoration: none; padding: 0 6px;}
#menu-header li a:hover {color: #A46935;}
#menu-header .button-instagram, #menu-header .button-facebook, #menu-header .button-twitter, #menu-header .button-youtube, #menu-header .button-linkedin, #menu-header .button-pinterest, #menu-header .button-editors {display: none;}

.home { position: relative; background: #fff;}
/*
.home .logo {display: none;}
.home #menu-header { margin: 0; padding: 0; display: block; width: 768px; height: 800px; margin: 32px auto; position: relative; float: none;}
.home #menu-header li { position: absolute; margin: 0; float: none; }
.home #menu-header li a { display: block; width: 100%; height: 100%; text-indent: -99999px; }
.home .button-home { top: 16px; left: 176px; width: 96px; height: 128px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/home.png); }
.home .button-about { top: 344px; left: 0px; width: 272px; height: 292px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/2016about.jpg); }
.home .button-gallery { top: 272px; left: 288px; width: 192px; height: 256px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/2016gallery.jpg); }
.home .button-print { top: 544px; left: 288px; width: 192px; height: 256px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/2016press.jpg); }
.home .button-events { top: 160px; left: 0px; width: 272px; height: 168px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/2016events.jpg); }
.home .button-alchemy { top: 0px; left: 288px; width: 192px; height: 256px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/2016alchemyb.jpg); }
.home .button-bridal { top: 224px; left: 496px; width: 272px; height: 352px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/2016bridal.jpg); }
.home .button-instagram { top: 592px; left: 496px; width: 32px; height: 32px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/instagram.png); display: block !important;}
.home .button-facebook { top: 592px; left: 528px; width: 32px; height: 32px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/sn-facebook.png); display: block !important;}
.home .button-twitter { top: 592px; left: 560px; width: 32px; height: 32px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/sn-twitter.png); display: block !important;} 
.home .button-youtube { top: 592px; left: 592px; width: 32px; height: 32px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/sn-youtube.png); display: block !important;}
.home .button-linkedin { top: 592px; left: 624px; width: 32px; height: 32px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/sn-linkedin.png); display: block !important;}
.home .button-pinterest { top: 592px; left: 656px; width: 32px; height: 32px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/sn-pinterest.gif); display: block !important;}
.home .button-editors { left: 696px; top: 596px; width: 80px; height: 24px; background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/editors.png); display: block !important;}
.home .header + .footer { margin-top: -48px; text-align: center; }
.home .header-menuControl {display: none !important;}
*/

.blog .wrapper, .archive .wrapper { width: auto; min-width: 960px; margin: 0 16px; }
.blog .post, .archive .post, .cta { position: relative; float: left; width: 192px; margin: 8px; background: #000; color: #fff; overflow: hidden; }
.blog .post a, .archive .post a, .cta a { display: block; color: #fff; text-decoration: none; }
.blog .post img, .archive .post img, .cta img { display: block; width: 100%; height: auto; }
.overlay { padding: 0 16px; overflow: hidden; background: url(img/overlay.png); }
a + .overlay { position: absolute; bottom: 0; left: 0; right: 0; }
.blog .post.category-noteworthy, .archive .category-noteworthy, 
.blog .post.category-events, .archive .category-events,
.blog .post.category-inspirations, .archive .category-inspirations { width: 400px; }
.blog .sidebar, .archive .sidebar { width: 160px; margin: 8px; padding: 0 16px; background: #A46935; color: #fff; overflow: hidden; }
.blog .sidebar a, .archive .sidebar a { color: #fff; text-decoration: none; }
.blog .sidebar hr, .archive .sidebar hr { background: #fff; opacity: 0.2; }
.single .sidebar { width: 208px; float: left; padding: 0 15px; overflow: hidden; border: 1px solid #000; }
/*.blog .header .center, .category-events .header .center { margin: 0 16px;}*/

.archive .post.category-events, .cta { background: #A46935; }
.archive .post.category-events .overlay, .cta .overlay { background: url(img/overlay-2.png); }
.archive .post.category-events.expired { background: #000; }
.archive .post.category-events.expired .overlay { background: url(img/overlay.png); }

#menu-alchemy { list-style: none; padding: 0; }
#menu-alchemy li { font-size: 24px; line-height: 24px; margin-top: 16px; }
#menu-alchemy li:first-child { margin-top: 0; }

.tweets { list-style: none; padding: 0; }
.tweets li { margin-top: 16px; }
.tweets li:first-child { margin-top: 0; }
.tweets .timesince { font-family: "NewCenturySchoolW01-It", Georgia, serif; font-style: italic; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

.single-collections { width: 960px; margin: 0 auto; }
.single .collections .gallery { width: 480px; height: 480px; overflow: hidden; float: left; }
.single .collections .gallery-content { width: 464px; height: 480px; overflow: auto; float: right; }
.single .collections .gallery-nav { width: 960px; clear: both; list-style: none; padding: 0; display: block; overflow: hidden; }
.single .collections .gallery-nav li { display: block; float: left; width: 96px; height: 96px; cursor: pointer; background: #000; }
.single .collections .gallery-nav li img { width: 96px; height: 96px; }
.single .collections .gallery-nav li.active img { opacity: 0.9; }
.sn { clear: both; height: 24px; padding-top: 16px; }
.postid-40 { padding-bottom: 60px;}

#menu-collections { list-style: none; padding: 0; }
#menu-collections li { display: inline; }
#menu-collections li:before { content: " | "; }
#menu-collections li:first-child:before { content: ""; }

.post-type-archive-collections { width: 960px; margin: 0 auto; }
.archive .collections { width: 240px; height: 320px; position: relative; float: left; }
.archive .collections .summary, .archive .collections .details { position: absolute; width: 240px; height: 320px; background: #fff; }
.archive .collections .summary img { width: 240px; height: 240px; }
.archive .collections .details { display: none; }
.archive .collections h2, .single .collections h1 { height: 32px; text-indent: -99999px; background-repeat: no-repeat; }
.archive .collections h2 { background-position: center; margin-top: 0; }
.archive .collections p { margin: 16px; }
.single .collections h1 { background-position: left; }
.archive .collections h2#post-40, .single .collections h1#post-40 { background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/twig.png); }
.archive .collections h2#post-122, .single .collections h1#post-122 { background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/vertebrae.png); }
.archive .collections h2#post-124, .single .collections h1#post-124 { background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/skipping-stones.png); }
.archive .collections h2#post-126, .single .collections h1#post-126 { background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/spider-web.png); }
.archive .collections h2#post-127, .single .collections h1#post-127 { background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/objects-organique.png); }
.archive .collections h2#post-128, .single .collections h1#post-128 { background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/spirit-animals.png); }
.archive .collections h2#post-129, .single .collections h1#post-129 { background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/body-armor.png); }
.archive .collections h2#post-130, .single .collections h1#post-130 { background-image: url(http://kbrunini.com/wp-content/themes/kbj/img/dna.png); }

.post-type-archive-print, .page-template-default { width: 100%; margin: 0 auto; }

.print { position: relative; }
.print-list { display: block; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; }
.print-list li { position: relative; width: 96px; height: 128px; margin: 0; padding: 0; display: inline-block;}
.print-list li img { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 96px; height: 128px; cursor: pointer; }
.print-nav { text-align: center; }
.print-nav .prev, .print-nav .next { display: inline-block; width: 16px; margin: 0 8px; background: #000; color: #fff; text-decoration: none; text-align: center; }
.pop-up { display: none; position: absolute; top: 0; left: 0; z-index: 200; width: 960px; height: 640px; background: #000; background: url(img/overlay.png); }
.pop-up:before { content: "X"; position: absolute; top: 128px; right: 336px; display: block; width: 16px; background: #000; color: #fff; text-decoration: none; text-align: center; }
.pop-up img { display: block; width: 288px; height: 384px; margin: 128px 336px 0; cursor: pointer; }
.pop-up .caption { margin: 16px 336px; color: #fff; text-align: center; font-family: "NewCenturySchoolW01-Rg", Georgia, serif; font-size: 13px; line-height: 16px; }

#slideshow { display: block; clear: both; max-width: 960px; width: 100%; margin: 0; padding: 0; list-style: none;}
#slideshow li { display: block; position: relative; float: left; width: 50%; margin: 0; padding: 0;}
#slideshow li img { display: block; width: 100%;}
#slideshow li span { display: block; text-align: center; }
#pagination { display: block; clear: both; list-style: none; margin: 16px 0; padding: 0; text-align: center; font-size: 24px; line-height: 24px; padding-bottom: 90px; }
#pagination li { margin: 0; padding: 8px; display: inline; cursor: pointer; }
#pagination li.current { color: #999; }
.cta { width: 304px; }
.primary { width: 624px; float: none; clear: both; margin: 16px auto; }

.wrapper { overflow: hidden; }
.pagination { display: block; padding: 15px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; padding-bottom: 80px; }
.footer { padding: 16px; clear: both; background-color: #000; bottom: 0; color: #fff; position: fixed; width: 100%; left: 0; z-index: 100;}
/*.home .footer {background-color: #fff; color: #000; position: static; width: 960px; margin: 0 auto;}*/
.footer a { color: #fff;}
.footer a:hover { color: #A46935;}
/*.home .footer a { color: #000;}*/

.alignleft { float: left; }
.alignright { float: right; }

.about-left{
  display: inline-block; 
  width: 48%; 
  vertical-align: top; 
  padding-right: 20px;
}

.about-right{
  display: inline-block; width: 48%;
}

.fb-like, .fb-comments { width: 100%; }
img#wpstats { position: absolute; top: 0; left: 0; width: 0px; height: 0px; overflow: hidden; }

.gallery img {min-width: 480px; min-height: 480px;}



.js-scroll__nav {
	z-index: 999;
	bottom: 48px;
    position: fixed;
    right: 48px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.js-scroll__prev, .js-scroll__next {
	display: block;
	margin: 0.75rem 0;
	background: rgba(255, 255, 255, 0.75);
	color: #A46935;
	height: 48px;
	width: 48px;
}
.js-scroll__prev:hover, .js-scroll__next:hover {
	background-color: rgba(164,105,53,0.75);
}
.js-scroll__prev:hover .down, .js-scroll__next:hover .down {
	fill: #fff;
}

.js-scroll__prev {
	display: none;
}

.section {
	display: table;
	width: 100%
}

.section__content {
	display: table-cell;
	vertical-align: bottom;
	overflow-x: hidden;
	text-align: center;
	padding: 96px;
}

.slider-link {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.collection-info{
	color: #000;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	line-height: 27px;
	vertical-align: top;
}


.collection-title{
	color: #000;
	font-family: "kbjregular";
	font-size: 64px;
	line-height: 64px;
	text-align: center;
	padding: 60px 0;
}

#slide-window
  {
  width:100%;
  height:100%;
  overflow:hidden;
  top:0px;
  left:0px;
  }

.img-3of4
  {
  width:70%;
  height:100%;
  overflow:hidden;
  top:0px;
  left:0px;
  display: inline-block;
  }

  #slides
  {
  height:100%;  
  position: relative;
  margin:0px;
  padding:0px;
  overflow: hidden;
  
  -webkit-transform: translate3d(0px,0px,0px);
  transform: translate3d(0px,0px,0px);
    
  transition: all 0.66s ease; -webkit-transition: all 0.66s ease; 
  
  }

  .slide 
  {
  list-style:none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 100%;
  background: #ccc;
  text-align: center;
  line-height: 300px; 
  background-size: cover; 
  background-position:50% 50%;
  color:#fff;
  -webkit-transform: translate3d(0px,0px,0px);
  visibility:hidden;
  -webkit-transform-style: preserve-3d;
  }

.alive { visibility:visible; }

.nav 
  { 
  position:fixed; 
  z-index:9; 
  top:50%; 
  cursor:pointer; 
  color:#fff; 
  opacity:0.7; 
  transition: all 0.66s ease; -webkit-transition: all 0.66s ease; 
  }

.nav:hover { opacity:1.0; }
#left { left:3%; }
#right { right:3%; }

.bg-img{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.link-container{
	background-color: #A46935;
	font-family: 'kbjregular';
	font-size: 24px;
	line-height: 32px;
	color: #000;
	float: right;
	width: 30%;
	height: 100%;

}
hr.coll-line{margin-left: 64px; margin-right: 64px;}
.link-container ul{padding: 12px; margin: 32px 52px;}
.link-container ul li{list-style: none; padding: 12px;}
.link-container ul li a{text-decoration: none;}
.link-container ul li a:hover{color:#fff}

.coll-header{ padding: 32px 32px 12px 32px; margin:32px; }

@media (min-width: 800px) and (max-width: 1024px) {
	#menu-header {
		font-size: 24px;
		line-height: 24px;
	}
}

@media (min-width: 800px) {
	.js-scroll__content:first-of-type .section__cta {
		margin-bottom: 152px;
	}
}

@media (max-width: 1024px) {
.link-container ul{margin-left: 12px; margin-right: 12px;}
.coll-header{margin-right: 0; margin-left: 0;}
hr.coll-line{margin-left: 24px; margin-right: 24px;}

}

@media (min-width: 1024px) {
.section__content {
	padding: 96px;
}
}

.section__content--bg {
	color: #fff;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #2D2926
}

.section__cta {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	background-color: rgba(164,105,53,0.75);
	text-transform: uppercase;
	color: #fff;
	padding: 12px;
	line-height: 24px;
	font-size: 24px;
}
.section__cta:hover {
	background-color: rgba(164,105,53, 1);
}
.u-s-heightFull {
	height: 100%
}
@media (max-width: 800px) {
	.u-s-heightFull {
		height: 66.7vw;
	}
	.js-scroll__nav {
		display: none;
	}
	.section__content {
		padding: 32px;
	}
	.js-scroll__content:last-of-type {
		margin-bottom: 48px;
	}
}

/* Mobile Menu
   ========================================================================== */

.header-menuControl {
   	color: #000;
    display: inline-block;
    float: right;
    font-family: Arial,sans-serif;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px;
    z-index: 234234;
}

@media ( min-width: 800px ) {
	.header-menuControl {
		display: none;
	}
}

.header-menuControl:before { content: '≡'; }
.header-menuControl.is-active:before { content: '×'; }
#menu-header .is-collapsed > ul { display: none; }
#menu-header .is-expanded > ul { display: block; }
/**
 * Mobile
 */


@media ( max-width: 800px ) {

	#menu-header {
		display: none;
	}

	#menu-header.is-visible {
		background: #fff none repeat scroll 0 0;
		display: block;
		margin: 0;
		position: absolute;
		right: 0;
		top: 152px;
		width: 100%;
		z-index: 1000;
	}

	#menu-header.is-visible li:hover {
		background-color: #000;	
	}
	#menu-header.is-visible li:hover a {
		color: #fff;
	}
	#menu-header ul {
		background: #fff;
	}

	#menu-header a:after {
		float: right;
		margin-left: 0.5em;
	}

	#menu-header .is-collapsed > a:after { content: '+'; }
	#menu-header .is-expanded > a:after { content: '−'; }

	/* active class */

	#menu-header .is-selected {
		background: #fff;
	}
	
	#menu-header.is-visible li {
		display: block;
		padding: 8px 0;
		width: 100%;
	}
	.img-3of4{width: 100%; height: 50%;}
	.link-container{font-size: 18px; line-height: 24px; width: 100%; height: 50%;}
	.link-container ul{column-count: 3;}
	.coll-header{font-size: 24px; line-height: 24px;}

}

@media ( max-width: 440px ) {
	.img-3of4{height: 30%;}
	.link-container{height: 610px;}
	.link-container ul{column-count: 1; height: 72%;}
}

@media ( max-width: 600px ) {
 .about-right{ width: 100%; padding-left: 20px; padding-right: 20px; }
 .about-left{width: 100%; padding-left:0;}
}

/*.home #menu-social {display: none;}*/
#menu-social {
    float: right;
    margin: 0;
    padding: 0 32px 0 0;
    width: auto;
}
#menu-social li {
    display: inline-block;
    list-style: outside none none;
    padding: 0 4px;
}


#menu-social li a {
    display: block;
    height: 16px;
    width: 16px;
}


.footer .textwidget {
    float: left;
    padding-left: 16px;
}

.has-caption {
    vertical-align: middle;
}


.caption {
    color: #000;
    font-family: "kbjregular";
    font-size: 64px;
    line-height: 64px;
}



@media ( max-width: 800px ) {
	.caption {
		font-size: 32px;
		line-height: 32px;
	}
}



.has-caption .section__cta {
    display: none;
}

.st0:hover { fill: #A46935;}