/*
Theme Name: Braun Ink 2018
Theme URI: http://dancollinsdesign.com
Description: The 2018 Braun Ink Website
Author: Nicholas Rhodes | Daniel Collins Design
Version: 1
*/


/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
    font-family: "goudy-old-style";
    font-weight: 400;
    color: #a79f89;
    font-size: 1.9em;
    line-height: 1.1em;
    text-align: center;
    font-style: italic;
    border-top: 1px solid #d2cec3;
    border-bottom: 1px solid #d2cec3;
    padding: 45px 0px;
    margin: 35px auto;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3{margin: 0; padding: 0; font-weight: normal; font-size: 1em}

h2 {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3em;
    font-family: "interface", sans-serif;
    color: #000000;
    padding-bottom: 15px;
}


h4 {
    font-family: "interface", sans-serif; 
    font-weight: 700;
	padding: 0px 0px;
	font-size: 1em;
	line-height: 1.3em;
    margin: 0px;
    color: #000000;

}


h6 {
    font-family: "goudy-old-style";
    font-weight: 400;
    color: #5b5b5b;
	padding: 0px 40px;
	font-size: 1em;
	line-height: 1.3em;
}

.news-head {
    font-family: "goudy-old-style";
	font-size: 1.5em;
    color: #000000;
    line-height: 1em;
}

.news-date {
    color: #a79f89;
    float: left;
    padding-right: 20px;
    padding-bottom:10px;
}

.category-float {
    float: left;
    padding-right: 10px;
    color: #a79f89;
}

.category {
    color: #a79f89;
}



.meta {
    font-family: "interface", sans-serif; 
    font-weight: 700;
    font-size: .875em;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin-bottom: 30px;
}

.meta div {
    display: inline-block;
    color: #a79f89;
}

input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea, select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}




img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

a{color: #a79f89; text-decoration: underline}
a:hover {color: #000; text-decoration: underline;}
a:hover, input#searchsubmit:hover{cursor: pointer;}


p{
margin: 0 0 20px 0;
}

.imageright {
text-align: right;
}

img{max-width: 100%; height: auto}

.clear{clear: both}

/*End of Reset*/
html, body{padding: 0; margin: 0;}
body{font-size: 16px; line-height: 1.3em; background-color: #f9f7ee; overflow-x: hidden; font-family: "interface", sans-serif; font-weight: 400}
.wrap{width: 92%; max-width: 1170px; margin: 0 auto; padding: 0 0%; position: relative; clear: both;}

ul.strip{margin: 0; padding: 0; list-style-type: none;}

.nav-bar{overflow: hidden; padding-bottom: 50px;}
.logo{max-width: 170px; float: left; width: 100%; margin-top: 50px;}
#primary-nav{float: right; font-weight: 700; margin-top: 60px;}
#primary-nav li{display: inline-block;}
#primary-nav li a{color: #000; text-decoration: none}
#primary-nav li a:hover{color: #a79f89}
#primary-nav li.current-menu-item a{color: #a79f89; text-decoration: underline;}
#primary-nav li:after{content:"\00b7"; color: #6f7d7d; margin: 0 10px;}
#primary-nav li:nth-child(7):after{content: ""; margin: 0}
#primary-nav .social{display: none}

#mobile{display: none; z-index: 12; width: 25px; height: 25px; position: absolute; right: 4%; top: 23px; background: transparent url('images/mobile-sprite.png') 0 5px no-repeat;}
#mobile.active{background-position: 0 -75px}

.gform_wrapper .gform_fields .gfield {
    padding-right: 0px;
}

@media only screen and (min-width: 1076px){
	#primary-nav{display: block !important}
}

@media only screen and (max-width: 1075px){
	img {max-width: 95%;}
	#mobile{display: block}
	#primary-nav{display: none; background-color: #000; padding-bottom: 100px; padding-top: 100px; position: absolute; top: -70px; left: 0; width: 100%; text-align: center; z-index: 10; font-size: 20px;}
	.logo{margin-top: 20px;}
	.nav-bar{overflow: visible; padding-bottom: 20px;}
	#primary-nav li{display: block;}
	#primary-nav li:after{content: ""; margin: 0}
	#primary-nav li a{color: #6f7d7d; display: block; text-align: center; margin-bottom: 25px;}
	#primary-nav .social a{color: #000; display: inline-block; margin: 40px 10px 0px 10px;}
	#primary-nav .social{display: inline}
	#primary-nav .social .fa{line-height: 1em; font-size: 1em}
	#primary-nav .social .fa-facebook{font-size: 1.2em; position: relative; top: 5px; left: 2px;}
}


.main-wrap{background-color: #fff; clear: both; padding-top: 50px;}
.main-wrap h1{font-size: 4.063em; font-weight: 700; color: #6f7d7d; text-align: center; line-height: 1.0em; max-width: 970px;}
.main-wrap h2{font-size: 1.3em; color: #000; font-weight: 700; text-align: center; margin-top: 15px;line-height: 1.125em}

.basic-content{padding: 20px 0 50px 0; background-color: #fff;}
.basic-content .wrap{max-width: 1170px; font-family: "goudy-old-style"; font-weight: 400; color: #5b5b5b; font-size: 1.25em; line-height: 1.3em;}
.basic-content ul{list-style-type:disc}
.basic-content ul li{text-indent: 0em;}

.basic-content h3 {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 auto;
	line-height: 1.125em;
	color: #000;
	font-family: "interface", sans-serif;
    padding-bottom: 15px;
}

.line{ margin-top: 30px; padding-top: 30px; background: #fff url('images/circles-line.png') top center no-repeat;}
.home .line{display: none}

.home h1{font-family: "goudy-old-style"; font-weight: 400; color: #a79f89; margin-top: 85px; font-size: 3em; margin-bottom: 30px;}
.home .basic-content a{font-family: "interface"; line-height: 1em; font-size: 5em; font-weight: bold; color: #6f7d7d; border-bottom: 1px solid #d0cbbb;text-decoration: none}
.home .basic-content a:hover{color: #000; border-bottom: 1px solid #000; transition: all .5s}
.home .basic-content{margin-bottom: 50px; background-color: transparent; padding: 0;}
.home .basic-content .wrap{max-width: 1170px}


@media only screen and (max-width: 640px){
	.main-wrap h1{font-size: 3em;}
	.home .basic-content{margin-bottom: 20px;}
	.home .basic-content a{font-size: 2.65em}
	.home h1{font-size: 2.063em; margin-top: 50px;}
}

.samples{padding: 60px 0; overflow: hidden; background-color: #f2f2f2;}
.samples .wrap{max-width: 970px;}
.samples .sample{padding: 0 2%}
.samples-no-slide div.sample{width: 28%; float: left}
.samples-no-slide div:nth-child(3n+2){margin: 0 2%}
.samples h2{font-size: 1.563em; font-weight: 700; line-height: 1.3em;}
.samples h3{font-size: 1.25em; font-family: "goudy-old-style"; line-height: 1.3em;}
.samples .wrap .sample .content{font-size: 1.125em; color: #6f7d7d; line-height: 1.3em; margin: 0}
.samples .content p{margin: 0; padding: 0}
.samples .sep{display: block; width: 50px; height: 2px; background-color: #d3cfc4; margin: 20px 0}




@media only screen and (max-width: 1170px){
  .samples .wrap{max-width: 80%;}
}

@media only screen and (max-width: 860px){
	.samples-no-slide div.sample{width: 46%}	
  .samples-no-slide div:nth-child(3n+2){margin: 0;}
	.samples-no-slide div:nth-child(3){clear: both; margin-top: 30px;}
	
}

@media only screen and (max-width: 540px){
	.samples-no-slide div.sample{width: 100%; margin: 0; margin-bottom: 65px; padding: 0;}	
	.samples-no-slide div:nth-child(3){margin-top: 0}
}


.team{background-color: #fff; overflow: hidden; }
.team .wrap{max-width: 1170px; overflow: hidden; padding-top: 30px;}
.team .meta{width: 28%; float: left; padding-right: 4%; font-weight: 100;font-size: 1em;}
.team .meta .image img{border-radius: 1000px; overflow: hidden; max-width: 100%; margin-bottom: 20px;}
.team .meta a{color: #a79f89; margin-left: 10%; font-size: 1.063em; line-height: 1.5em;}
.team .meta a:hover{color: #5b5b5b}
.team .meta .fa{font-size: .889em; display: inline-block; width: 30px;}
.team .meta .email{text-decoration: underline}
.team .content{font-size: 1.25em; font-family: "goudy-old-style"; width: 68%; float: left; line-height: 1.3em}
.team .content h2{font-weight: 700; font-family: "interface"; margin-bottom: 15px;font-size: 1.2em;}
.team .content h2 span{font-weight: 400; font-family: "goudy-old-style"; color: #5b5b5b}
.team .content .bio{color: #5b5b5b}

.meta .image a{margin: 0}
.image a img{ transition: all .5s; margin: 0; padding: 0}
.image a:hover img{opacity: .8}


@media only screen and (max-width: 840px){
	.team .meta{width: 35%}
	.team .content{width: 60%}
}

@media only screen and (max-width: 680px){
	.team .meta{width: 100%; float: none; margin: 0 auto; margin-bottom: 30px; text-align: center;}
	.team .meta .image{max-width: 60%; margin: 0 auto;}
	.team .meta a{margin: 0;}
	.team .content{width: 100%; float: none; margin: 0}
}

.inside-line{ border-bottom: 1px solid #d3cfc4; clear: both; padding-top: 40px; margin-bottom: 30px;}

.partners{background-color: #fff; padding-top: 0px; overflow: hidden}
.parnters .wrap{max-width: 970px; overflow: hidden; }
.partners h2{font-size: 1.563em; font-weight: 700; max-width: 785px; text-align: center; margin: 0 auto; line-height: 1.3em}
.partners .partner{float: left; width: 20%; margin: 0 0 20px 0}
.partners .image img{border-radius: 1000px; width: 100%;}
.partners .image{text-align: center; margin-bottom: 20px}
.partners h3{font-size: 1.25em; text-align: center; font-weight: 700; margin: 0 0 5px 0; padding: 0}
.partners h4{font-size: 1.125em; font-family: "goudy-old-style"; color: #5b5b5b; margin: 0; font-weight: 400; text-align: center;}
.partners .partner:nth-child(4n+5){clear: both;}
.partners .partner:nth-child(4n+2){margin: 0 6%}
.partners .partner:nth-child(4n+4){float: right}
.partner-wrap{max-width: 870px; margin: 0 auto; margin-top: 40px; padding-bottom: 40px; overflow: hidden}

.partners-footnote {background-color: #f2f2f2; padding: 30px;}

@media only screen and (max-width: 840px){
	.partners .partner{width: 29%;}
	.partners .partner:nth-child(4n+5){clear: none;}
  .partners .partner:nth-child(4n+2){margin: 0}
  .partners .partner:nth-child(4n+4){float: left}
	.partners .partner:nth-child(3n+4){clear: both}
	.partners .partner:nth-child(3n+2){margin: 0 6%}
.home .basic-content a {font-size: 4.5em;}

	
}

@media only screen and (max-width: 640px){
	.partners .partner{width: 44%;}
	.partners .partner:nth-child(4n+5){clear: none;}
  .partners .partner:nth-child(4n+2){margin: 0}
  .partners .partner:nth-child(4n+4){float: left}
	.partners .partner:nth-child(3n+4){clear: none}
	.partners .partner:nth-child(3n+2){margin: 0}
	.partners .partner:nth-child(2n+1){clear: both}
	.partners .partner:nth-child(2n+2){float: right;}
	
	
}


footer{clear: both; background-color: #000; overflow: hidden; padding: 60px 0}
footer .b{max-width: 170px; float: left; width: 100%;}
footer .contact-info{float: left; width: 22%;  color: #6f7d7d; font-size: 1.125em; line-height: 1.3em; margin: 0 2%}
footer .contact-info h3{font-weight: 700; color: #6f7d7d}
footer .contact-info a{color: #6f7d7d}
footer .contact-info a:hover{color: #fff}
footer .nav{float: left; width: 22%; border-right: 1px solid #383f3f}
footer .nav a{color: #fff; font-weight: 700; text-decoration: none;}
footer .nav a:hover{color: #6f7d7d}
footer .logos {float: right; width: 31%;}
footer .logos2 {float: right; width: 31%;}
footer .logos img:nth-child(1){max-width: 170px; margin-bottom: 20px;}
footer .logos2 img:nth-child(1){max-width: 285px; margin-bottom: 20px;}
footer .logos img:nth-child(2){max-width: 285px}
footer .contact-info .fa{font-size: .889em; display: inline-block; width: 30px;}
footer .contact-info .email{text-decoration: underline}
.social{margin-top: 30px;font-size: 16px}
.social a{display: inline-block; background-color: #a79f89; color: #000; width: 25px; height: 25px; border-radius: 5px; font-size: 1.125em; text-align: center; line-height: 25px;}
.social a:hover{background-color: #6f7d7d}
.social .fa-facebook{font-size: 1.2em; color: #000; position: relative; top: 5px; left: 2px;}
.social span{color: #000;}
.social li{display: block; float: left; margin: 0 20px 0 0}
	
@media only screen and (max-width: 990px){
	footer .contact-info{width: 26%}
	footer .b{max-width: 140px;}
	footer .nav{width: 26%}
	.line{max-width: 92%; margin: 0 auto; margin-top: 30px;}
	
	footer .logos{width: 50%; float: left}
	footer .logos2{width: 50%; float: left}
	footer .contact-info{width: 35%;}
	footer .nav{border: 0; width: 40%;}
	footer .logos{clear: both; width: 79%;}
	footer .logos2{clear: both; width: 79%;}
	footer .logos img{display: inline; margin: 20px 20px 0 0 !important}
	footer .logos2 img{display: inline; margin: 20px 20px 0 0 !important}	
}

@media only screen and (max-width: 860px){
	footer .b{width: 20%;}
	footer .logos{width: 50%; float: left}
	footer .logos2{width: 50%; float: left}
	footer .contact-info{width: 35%;}
	footer .nav{border: 0; width: 40%;}
	footer .logos{clear: both; width: 79%;}
	footer .logos2{clear: both; width: 79%;}
	footer .logos img{display: inline; margin: 20px 20px 0 0 !important}
	footer .logos2 img{display: inline; margin: 20px 20px 0 0 !important}

}

@media only screen and (max-width: 640px){
	footer .b{width: 50%;}
	footer .contact-info{width: 60%; margin: 0; float: right;}
	footer .nav{border: 0; width: 35%; clear: both; margin-top: 30px;}
	.home .basic-content a {font-size: 3em;}
	footer .logos{width: 100%; float: none; clear: both; padding: 0}
	footer .logos2{width: 100%; float: none; clear: both; padding: 0}	footer .contact-info{width: 100%; margin: 0; float: none; margin-bottom: 20px;}

.category-float {
    display: none;
}

}





@media only screen and (max-width: 480px){
	footer .wrap{position: relative; overflow: hidden; padding-bottom: 170px;}
	footer .b{width: 100%; position: absolute; bottom: 0;}
	footer .logos{width: 100%; float: none; clear: both; padding: 0}
	footer .logos2{width: 100%; float: none; clear: both; padding: 0 0 30px 0}	
	footer .contact-info{width: 100%; margin: 0; float: none; margin-bottom: 20px;}
	footer .nav{border: 0; width: 100%; clear: both; margin-top: 30px; border-bottom: 1px solid #383f3f; padding-bottom: 50px; margin-bottom: 30px;}
	ul.strip {list-style-type: none; line-height: 1.5em;}
	.home .basic-content a {font-size: 2.25em;}

}