/*
#
# USV.com "Frankie"
# Big props to paddy donnelly (http://lefft.com/) for the visual design
# CSS by Nick "I'll fix that stylesheet one day" Grossman (http://nickgrossman.is)
# November 2015 
#
*/

/* 
#
# Colors
# 
# USV green: #A3BD5B;
#
*/

/* 
# 
# Fonts
#
*/
h1 {
	font-size:50px;
	margin-top: 37px;
	letter-spacing:0.04rem;
}

span.bolded-word,
h2 b,
h3 b {
	font-weight:700
}

@font-face {
    font-family: 'mission-gothic-regular';
    src: url('/static/fonts/mission-gothic-regular.eot');
    src: local('mission-gothic-regular'), 
         local('mission-gothic-regular'), 
         url('/static/fonts/mission-gothic-regular.otf') format('opentype')
}
@font-face {
    font-family: "franklin-gothic";
    src: url("/static/fonts/franklingothic-book.otf");
    font-weight: normal;
}
@font-face {
    font-family: "franklin-gothic";
    src: url("/static/fonts/franklingothic-demi.otf");,
    font-weight: bold;
}
@font-face {
    font-family: "franklingothic-cond";
    src: url("/static/fonts/franklingothic-cd.otf");
}
@font-face {
    font-family: "franklin-gothic-cond";
    src: url("/static/fonts/franklingothic-demicd.otf");
    font-weight: bold;
}
@font-face {
    font-family: "franklin-gothic-comp";
    src: url("/static/fonts/franklingothic-comp.otf");
    font-weight: bold;
}
@font-face {
    font-family: "franklin-gothic-comp";
    src: url("/static/fonts/ITCFranklinGothicStd-BkCp.otf");
}
@font-face {
  font-family: 'Tiempos';
  src: url('/static/fonts/Tiempos-Headline-Medium.otf');
}


/* 
# 
# Elements
#
*/

h1, h2, h3, h4 {
	font-family: "franklin-gothic-urw-cond", "franklin-gothic-cond",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	/*visibility: hidden;*/ /* for typekit - to avoid flashing */
}
a {
	color: #A3BD5B;
}
.btn {
	padding: .275rem 1.95rem .245rem ;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing:0.06rem;
	border: .15rem solid transparent;
	border-width: 1px;
	background: transparent;
}
.btn-lg {
	font-size: 18px;
	padding: 1rem 2.5rem .8rem;
}
.btn-default {
	border-color: #999;
	color: #999;
}
.btn-default:hover {
	background-color: #999;
	color: #fff;
}
.btn-white {
	color: #fff;
	border-color: #fff;
	background: transparent;
}
.btn-white:hover {
	background: #fff;
	border-color: transparent;
	color: #000;
}
.btn.active {
	background: #A3BD5B;
	color: #fff;
}
.btn-primary {
	background: #A3BD5B;
	color: #fff;
}
.btn-success {
	background: green;
}
.btn-danger {
	background: red;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
	background: #A3BD5B;
	color: #fff;
}

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading p,
.wf-loading li,
.wf-loading a, {
visibility: hidden;
}

.wf-active h1, 
.wf-active h2, 
.wf-active h3, 
.wf-active h4, 
.wf-active p, 
.wf-active li, 
.wf-active a, 
.wf-inactive h1,
.wf-inactive h2,
.wf-inactive h3,
.wf-inactive h4,
.wf-inactive p,
.wf-inactive li,
.wf-inactive a {
visibility: visible;
}

}
.btn:hover {
	background:none;
}

.btn.follow {
	color:#fff;
	border-color:#fff;
	border-width:2px;
	font-family:"franklin-gothic-urw-comp", "franklin-gothic",sans-serif;
	padding: 0.8rem 2.5rem;
}

.btn.follow:hover {
	background-color:rgba(255,255,255,0.95);	
}


/* 
# =========================
# High level layout
# =========================
*/

html, body {
	background: #EDEDED;
	color: #717171;
	font-family: "franklin-gothic-urw",  "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 300;
	font-smoothing: antialiased;
	font-size:1.05rem;
}

#site-header {
	background: #232323 url("../img/usv-door-halftone-5.png") center center;
	background-size:cover;
	/* let's try green, as per mark 
	background: #A3BD5B;
	background: #232323;
	background: #383838; dark gray */
	position: relative;
	-moz-box-shadow: 0 0 20px #dddddd;
	-webkit-box-shadow: 0 0 20px #dddddd;
	box-shadow: 0 0 20px #dddddd;
}

#site-content {

}

#site-footer {
	margin-top: 30px;
	padding: 50px 0;
	background: #404040;
	color: #eee;
}
#site-footer a {
	color: #eee;
}

#mobile-menu {
	display: none;
}

/* 
# =========================
# Nav
# =========================
*/

#site-header nav {
	background: none;
	font-size:16px;
	margin-top: 5px;
	padding-bottom: 4px;
}
#site-header .color-layer {
    background-color: #383838;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.96;
}
#site-header .nav-item {
	margin: 0;
	padding: 0;
}
#site-header .nav-item a {
	font-family: "franklin-gothic-urw-comp", "franklin-gothic-comp",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.1rem;
	/* visibility: hidden;*/ /* for typekit - to avoid flashing */
}
#site-header .nav-sections .nav-item > a{
	padding: .05em .3em .1em;
	margin: 10px 5px 0;
	border-bottom: 2px solid transparent;
}
#site-header .nav-sections > .nav-item > a:hover {
	/*background: #333;*/
	border-bottom: 2px solid #fff;
}
#site-header .nav-item.active a,
#site-header .nav-item.active a:hover {
	border-bottom: 2px solid #fff;
}
#site-header .nav-item.admin a:hover {
	border-bottom: 2px solid transparent;
}
#site-header .nav-item.admin div.dropdown-menu a {
	font-family: "franklin-gothic-urw", "franklin-gothic",sans-serif;
	text-transform: none;
	color: inherit;
	letter-spacing: 0;
	font-size: 90%;
}
.wf-active #site-header .nav-item a {
	visibility: visible;
}
nav.navbar {
	padding: 0rem;
}
a.navbar > img#logo {
	height:50px;
	border:4px solid #fff;
}

a.navbar-brand > img#logo {
	height:40px;
	margin-top:4px;
}

.navbar-brand {
	padding: 0;
	margin-right:1.2rem;
}
.navbar-nav .nav-link.navbar-brand-text {
	font-size: 22px;
	padding: .5rem 0;
}
.navbar-nav .nav-link {
	padding: .75rem 0 .425em 0;
}

.navbar-divider, .navbar-nav .nav-item+.nav-item, .navbar-nav .nav-link+.nav-link {
	margin-left:1.7rem;
}

.slicknav_menu {
	display:none;
}
#mobile-brand-logo {
	display:none;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10000000;
}
#mobile-nav {
	display:none;
}
#mobile-brand img {
	width: 32px;
	height: 32px;
}

@media screen and  (max-width: 62em) { 
	ul.brand-name{
		display:none !important;
	}
}

@media screen and (max-width: 48em) {
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	.navbar-brand {
		display: none;
	}
	#mobile-brand,
	#mobile-nav {
		display:block;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	.nav-sections, .navbar-brand-text {
		display: none !important;
	}
	.slicknav_nav li {
		text-align: center;
	}
	#site-header {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.post-type button {
		padding-left: 10px;
		padding-right: 10px;
	}
	.topic-card.small {
		display: none;
	}
	.section-footer {
		padding-top: 30px;
	}
	h3.section-footer-blurb {
		display: none !important;
	}
}

/*
#
# Flash messages
# 
*/
#flash-container .alert {
	border-radius: 0;
	border: 0;
	margin: 0;
	text-align: center;
}

/* 
# =========================
# Sections
# =========================
*/
.hero-unit {
	padding: 30px 0px 50px;
	margin: 0 0 40px;
	text-align: center;
	color: #fff;
	position: relative;
	/*background: #313131 url("../img/subway-tile-black.png") top left repeat;*/
	/*background: #414141 url("../img/subway-tile-black.png") top left repeat;*/
	/*background: #dcdcdc;
	color: #343434;*/
}	

.hero-unit .container {
	position: relative;
}
.hero-unit-logo {
	margin-bottom: 20px;
}
.hero-unit h1,
.hero-unit h2 {
    font-family: "franklin-gothic-urw-cond", "franklin-gothic-cond",sans-serif;
    font-weight: 400;
    margin-top: 0;
    padding: 0 50px;
    font-size: 42px;
    line-height: 40px;
    margin-bottom: 5px;
    text-transform: none;
	/*text-shadow: 0px 0px 5px #000;*/
}
.hero-unit h1 {
    
}
.hero-unit h1 b {
	
}
.hero-unit h1 span {
}
.hero-unit .editlink {
	position: absolute;
	top: 0;
	right: 25px;
}
.hero-unit-actions {
	position: absolute;
	right: 0;
	top: -5px;
}
.hero-unit .subhead {
	color: #eee;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	font-family: "franklin-gothic-urw-cond", "franklin-gothic-cond",sans-serif;
	letter-spacing: 0.03rem;
	padding: 0px 75px 10px;
	margin: 0 auto;
}

.hero-unit .credit {
	color: #888;
	font-size: 9px;
	position: absolute;
	bottom: -40px;
	right: 20px;	
}

.hero-unit-subtle {
	background: transparent;
	padding: 20px 75px 25px
}
.hero-unit-subtle h1 {
	font-size: 30px;
	font-weight: 500;
	color: #727272;
	margin-top: 20px;
}

h2.page-subhead {
	text-align: center;
	margin: 0 0 40px;
	font-size: 28px;
	font-weight: 400;
}

h2.page-subsection,
h3.page-subsection {
	padding: 0 0 15px;
	font-size: 30px;
	font-family: "franklin-gothic-urw-comp", "franklin-gothic-comp";
	text-align:center;
}

.section {
	padding:  0 0 45px 0;
}
.section:first {
	padding-top: 0;
}
.section-header {
	background: #A1BD55;
	margin-bottom: 50px;
}
.section-header h2 {
	font-weight: 200;
	font-size:30px;
	font-family: "franklin-gothic-urw-comp", "franklin-gothic",sans-serif;
	padding: 40px 0 30px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	float:left;
	letter-spacing:0.05rem;
}

.section-header .btn {
	float:right;
	margin: 30px 0;
}

h2.section-intro,
h3.section-intro {
	font-family: "franklin-gothic-urw-comp", "franklin-gothic-comp";
	text-transform: none;
	font-size: 32px;
	font-weight: 400;
	margin: 0 0 35px;
	text-transform: uppercase;
	letter-spacing:0.1rem;
	text-align:center;
}


/* 
# =========================
# Home
# =========================
*/

body.home .hero-unit h1 {
}

body.home img.hero-unit-logo {
	/*border: 2px solid #A3BD5B;*/
}
body.home .navbar-brand {
	
}

.section-divider {
	background: #A3BD5B;
	background: transparent;
	color: #444;
	padding: 0;
	margin-top: 30px;
	text-align: center;
}
.section-divider h3 {
	font-weight: 200;	
}
.section-divider .btn {
	background: transparent;
	border-color: #444;
	color: #444;
}

.section-footer {
	padding: 0;
	text-align: center;
	background:#A1BD55;
	margin: 40px 0 30px;
	padding:30px 0 20px 0;	
}

.section-footer {

}

.section-footer h3 {
	font-weight: 200;
	font-size:30px;
	font-family: "franklin-gothic-urw-comp", "franklin-gothic",sans-serif;
	padding: 0px 30px 0px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	/* float:left; */
	letter-spacing:0.05rem;	
	display:inline;
}
.section-footer .btn {
	color: #fff;
	border-color: #fff;
	border-width: 2px;
	padding: 10px 45px;
	background: transparent;
	font-size: 20px;
	/* float:right; 
	margin-top:30px; */
	font-family: "franklin-gothic-urw-comp", "franklin-gothic",sans-serif;	
	font-weight:500;
	margin-top:-12px;
}
.section-footer .btn:hover {
	background: #fff;
	color: #A1BD55;
}

.section-footer-alt {
	text-align: center;
	padding-top:22px;
}
.section-footer-alt h3 {
	font-weight: 100;
	font-size:28px;
	font-family: "franklin-gothic-urw-comp", "franklin-gothic",sans-serif;
	text-align: center;
	letter-spacing:0.05rem;	
}
.section-footer-alt .btn {
	color: #A1BD55;
	border-color: #A1BD55;
	border-width: 2px;
	padding: 10px 45px;
	background: transparent;
	font-size: 20px;
	margin-top:30px;
	font-family: "franklin-gothic-urw-comp", "franklin-gothic",sans-serif;	
	font-weight:500;
}
.section-footer-alt .btn:hover {
	color: #fff;
	background-color: #A1BD55;
}

.post-excerpt-card {
	margin-bottom: 0;
}



/* 
# =========================
# Cards
# =========================
*/
.card-container {
}

.card {
	position: relative;
	background: #fff;
	padding: 30px 30px 30px 30px;
	margin-bottom: 1rem;
	border: none;
	border-radius: 0;
}
.card:hover {
	-moz-box-shadow: 0 0 20px #dddddd;
	-webkit-box-shadow: 0 0 20px #dddddd;
	box-shadow: 0 0 20px #dddddd;
}
.card-image {
	text-align: center;
	margin: 0 0 20px;
}
.card h3 {
	font-size: 26px;
	margin: 0 0 20px;
	text-align: center;
	text-transform: none;
}
.card h3 a {
	color: #717171;
}
.card h3 a:hover {
	color: #A3BD5B;
	text-decoration:none;
}
.card-action-cnt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px 30px;
	border-top: 1px dotted #ddd;
}
.card-footer {
	background: transparent;
	position: absolute;
	bottom: 0px;
	padding: 30px 30px 20px;
	left: 0;
	width: 100%;
	border-top: none;
}
.ideas-card .card-footer {
	padding-top: 0;
	position: static;
}
body.topics .card-footer,
body.home .card-footer {
	font-size: 90%;
	color: #ccc;
}
.card .card-actions {
}
.card .card-actions .btn {
	color: #717171;
	color: #999;
	border: 1px solid #999;
	font-family: "franklin-gothic-urw-cond", "franklin-gothic-comp",sans-serif;
}

.card .editlink {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	color: #ccc;
	z-index: 1000;
}

.card-preview {
	padding: 0px;
}
.topic-card.with-icon .card-preview {
	padding-bottom: 10px;
}

.card-meta {
	color: #999;
	font-weight: 400;
	font-family: "franklin-gothic-urw-comp", "franklin-gothic-comp",sans-serif;
	text-transform: uppercase;
	letter-spacing:0.06rem;
}
.card-meta .glyphicon {
	top: 3px;
}
.card .openquote,
.card .endquote {
	display: none;
}

/* 
# =========================
# Topics
# =========================
*/
body.topic .hero-unit {
	padding-bottom: 35px;
}
body.topic .hero-unit h1 {
	color: #fff;
	font-size: 42px;
	line-height: 46px;
	text-shadow: none;
}
body.topic .hero-unit .subhead {
	color: rgba(255,255,255,0.7);
}
body.topic .hero-unit .follow {
	margin-top: 20px;
}
body.topic .hero-unit-logo {
	max-width: 75px;
}
body.topic .featured-posts .post-card {
	
}
.post-card .hero-unit .container {
	text-align:center;
}
body.topic .featured-posts .post-card iframe {
	width: 100%;
}
.topic-card-container {
}
.topic-description {
	text-align: center;
	font-size: 20px;
	margin-bottom: 40px;
}
div.topic-icon {
	margin: 0 -30px;
}

.topic-icon img {
	max-height: 60px;
	margin-bottom: 20px;
}

.topic-icon a:hover {
	color:rgba(0,0,0,0);
}

.topic-card h3 {
	text-align: left;
}
.topic-card h3 a {
	color: #555;
}
.topic-card h3 a:hover {
}
.topic-card .topic-preview {

}
.topic-card .topic-editlink {

}
.topic-card .topic-meta {
	background: url("../img/icon_number_articles.png") 0 3px no-repeat;
	padding-left: 26px;
}
.topic-card .topic-actions {
	text-align: center;
}
body.topic .post-card h4,
body.person .post-card h4 {
	font-size: 28px;
}
.topic-card .topic-actions a.btn {

}

.topic-meta {
	
}
.topic-meta .glyphicon {
	
}

/* small version - bottom of list */
.topic-card.small {
	padding: 15px 15px 15px 15px;
	text-align:center;
}
.topic-card.small h3 {
	padding: 24px 0 26px 10px;
	margin: 0;
	display:inline;
	position:relative;
}
.topic-card.small .topic-meta,
.topic-card.small .topic-actions,
.topic-card.small .topic-preview,
.topic-card.small .card-action-cnt
{
	display:none; 
}
.topic-card.small .topic-icon {
	display:inline;
	margin:0 5px 0 0;
	width:75px;
}
.latest-posts-section {
	margin:40px 0;
}

.topic-card.small .topic-icon img {
	margin-bottom:2px;
	max-height:36px;
	max-width:48px;
}


/* 
# =========================
# Posts
# =========================
*/
body.single #site-header {
	margin-bottom: 50px;	
}
body.single .post-card .company-logo {
	width: 220px;
}
body.single .post-card:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
body.single .hero-unit-mini {
	padding: 20px 0 30px;
}
body.single .hero-unit-mini h1 {
	font-size: 36px;
}
body.single .hero-unit-mini img.hero-unit-logo {
	height: 40px;
}
body.single .hero-unit-mini .slash {
	padding: 0 10px;
	color: #999;
}
body.single .hero-unit-mini a {
	color: #ddd;
	border-bottom: 1px dotted #777;
}
body.single .hero-unit-mini a:hover {
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}
.post-card .hero-unit {
	margin: -30px -30px 30px;
	padding-bottom: 30px;
}
.post-notes {
	margin-bottom: 20px;
}
.post-card .pinned-badge {
	/* using this trick: http://apps.eky.hk/css-triangle-generator/ */
	position: absolute;
	top: 0;
	left: 0;
	border-style: solid;
	border-width: 50px 50px 0 0;
	border-color: #A3BD5B transparent transparent transparent;
}
.post-card .pinned-badge .glyphicon {
	position: absolute;
	top: -42px;
    left: 8px;
	color: #fff;
}
.post-card h4 {
	text-transform: none;
	margin: 0 0px 8px 0;
	font-size: 36px;
	/*font-family: "Tiempos";*/
}
.post-card h4 a {
	color: #444;
}
.post-card h4 a:hover {
	color: #A3BD5B;
}

.post-byline {
	display: block;
	padding: 0;
	margin: 10px 0 10px;
	color: #777;
	font-size: 90%;
}
.post-byline.blog-byline {
	margin: 0 0 15px;
    padding: 0 0 20px;
    font-size: 16px;
}
.post-byline .post-source a {
	color: #777;
}
.post-byline.blog-byline  img.avatar {
	height: 36px;
	width: 36px;
	margin-right: 8px;
	margin-left: 0;
}
.post-byline img.favicon {
	height: 16px;
	width: 16px;
	margin-right: 8px;
}
.post-byline img.avatar {
	height: 20px;
	width: 20px;
	margin-left: 8px;
}
.post-timestamp {
/*	position: absolute;
	top: 30px;
	right: 30px; */
	text-transform: uppercase;
	font-family: "franklin-gothic-urw-comp", "franklin-gothic-comp",sans-serif;
	display:none;
}
.post-timestamp-simple {
	color: #999 !important;
	font-size: 90%;
}

.blog-post-timestamp {
	display:block;
	margin-bottom:15px;
}

.post-card .pinit {
	position: absolute;
	top: 10px;
	right: 30px;
	font-size: 12px;
}

.post-contributor {
	
}

.post-contributor .avatar {
	border: 1px dotted #ddd;
}

body.topic .small .post-card {
	padding-top: 20px;
	padding-bottom: 20px;
}
body.topic .small .post-byline {
	padding-bottom: 20px; /* not sure why */
}
body.topic .small .post-card h4 {
	font-size: 20px;
}
.post-card-new h3 {
	text-align: left
}

.small .post-timestamp {
	top: 20px;
}
.small .post-card .avatar {
	width: 20px;
	height: 20px;
}
.small .post-card .post-notes {
	display:none;
}
.post-notes p {
	text-align:left;
}
.post-notes p img {
	text-align:center;
	margin: 1rem auto;
	display:block;
}

/*
# =========================
# Quote cards
# =========================
*/
.post-card-quote {
	background: #F5F5F5;
}
.post-card-quote h4,
.post-card-quote .pinned-badge {
	display: none;
}
.post-card-quote .post-notes {
	color: #808080;
	font-size: 115%;
	text-align: center;
	padding: 0 60px;
}
.post-card-quote cite {
	display: block;
	text-transform: uppercase;
	text-align: center;
	font-style: normal;
	font-size: 125%;
	letter-spacing: 1px;
	font-family: "franklin-gothic-urw-comp", "franklin-gothic-comp",sans-serif;
}

.post-card-quote .openquote, 
.post-card-quote .endquote {
	display: block;
	font-family: "mission-gothic-regular";
	font-size: 150px;
	position: absolute;
	top: -30px;
}
.openquote {
	left: 30px;
}
.endquote {
	right: 30px;
}

/* 
# =========================
# USV blog
# =========================
*/
#blog-year-filter {
	position: absolute;
	right: 0;
	top: 32px;
	color: #999;
}

/* 
# =========================
# Profiles
# =========================
*/
body.person .hero-unit {
	text-align: left;
}
body.person .hero-unit h1 {
	color: #fff;
	font-size: 42px;
	line-height: 46px;
}
body.person .hero-unit p.subhead {
	text-transform: none;
	max-width:1000px;
	padding-left:0;
	padding-right:0;
	margin-bottom:10px;
}

body.person .hero-unit p.subhead a {
	color: #ddd;
}
body.person .hero-unit p.subhead a:hover {
	color: #ddd;
	text-decoration: underline;
}


body.person .hero-unit-logo {
	width: 90%;
	border: 1px solid #fff;
	/*-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;  */
}


/* person & topic detail */
.sidebar h3 {
	text-align: center;
	margin: 1em 0;
}
body.person .person-bio,
body.topics .topic-preview,
body.home .topic-preview {
	margin-bottom: 25px;
}
body.person .person-bio {
	text-align:left;
}
body.person .person-links ul,
body.topic .topic-links {
	display: none;
}

body.topic .topic-links ul
 {
	margin: 0 0 0px;
	padding :0;
}
body.person .person-links ul li a {
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	font-size:14px;
	padding: 0 2rem 0 0;
}
body.person .person-links li,
body.topic .topic-links li {
	display: inline;
	margin: 0 0px 7px;
}
body.person .person-videos ul {
	margin: 0 0 20px;
	padding: 0;
}
body.person .person-videos li {
	display: block;
	margin-bottom: 10px;
}
body.person .person-videos img {
	width: 100%;
	margin-bottom: 5px;
}
body.person .person-videos a {
	color: #444;
}
/* 
# =========================
# Portfolio
# =========================
*/
.company-card-container {
}

.company-card {
}
div.company-logo {
	margin: -30px -30px 25px;
	border-bottom: 1px dotted #ddd;
}
.company-logo img {
	width: 100%;
}
.company-card h3 {
	
}
.company-card .company-description {
	padding-bottom: 65px;
}
.company-card .company-actions {

}
.company-actions a.btn {
	padding: .2rem .75rem .1rem
}
.company-actions a.btn .glyphicon {
	
}
.company-actions a span {
	display:none;
}

.company-meta {
	bottom: 22px;
	font-size: 90%;
	text-align:center;
	padding-bottom:8px;
}

.portfolio-choosers {
	text-align:center;
}


.portfolio-choosers > li {
	display:inline;
	float:none !important;
}

/*
# =========================
# Team 
# =========================
*/
body.about .hero-unit {
	
}
body.about .hero-unit h1 {
	font-size: 36px;
}
body.about .hero-unit p.subhead {
	color: #fff;
}
.team-headshot {
	max-width: 220px;
	margin: 0 20px 20px 0;
}
.person-card {
	text-align: center;
	height: 395px;
	padding: 0 0 20px;
}
.person-card p.more {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}
.alumni-card {
	height: 250px;
}
.alumni-card img.face {
}
/* pitch mode */

#pitchmode {
	margin: 50px auto;
}
#pitchmode h1, #pitchmode h2 {
	text-transform: none;
	text-decoration: none;
}
#pitchmode p {
	clear: both;
}
#pitchmode img {
	width: 100%;
	margin: 0 0 20px;
}
#pitchmode .person-card {
	width: 200px;
	float: left;
	margin-right: 20px;
	height: 275px;
}
.person-card.alumni-card h4 {
	font-size: 18px;
}
.person-card img.face {
	width: 100%;
	margin-bottom: 20px;
	/* circle avatars: */
	/*border:1px solid #;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;*/
}
.person-card h4 {
	text-transform: none;
	font-size: 21px;
}
.person-card h4 a {
	color: #444;
}
.person-card h4 a:hover {
	color: #A3BD5B;
}
.person-card p {
	margin: 0;
}
.person-card p.title {
	text-transform: uppercase;
	font-family: "franklin-gothic-urw-cond", "franklin-gothic-cond",sans-serif;
	margin-bottom: 10px;
	letter-spacing: .5px;
	font-size: 90%;
}
.person-card p.twitter,
.person-card p.blog {
	font-size: 90%;
}
.person-card .btn {
	margin: 15px 0 0;
}


/*
# =========================
# Videos
# =========================
*/
.section.videos {
	background: #eee;
}
.video-card {
	padding: 0;
}
.video-card .card-description {
	padding: 30px 30px 65px;
}
.video-card img {
	width: 100%;
}
.video-card a {
	
}
.video-card .card-footer {
	border-top: 1px dotted #ddd;
	padding: 15px 30px;
}

/*
# =========================
#  Jobs
# =========================
*/

.job {
	border-top: 1px solid #ccc;
	padding: 10px 20px;
	margin: 0 0 10px;
}
.job-title {
	font-family: "franklin-gothic-urw-cond", "franklin-gothic-cond",sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #333;	
}
.job-title:hover {

}
.filter-menu {
	clear: both;
}

.filter-menu h3 {
	clear: both;
	font-size: 18px;
	font-weight: 400;
	padding-top: 20px;
}
ul.filter-tabs {
	clear: both;
	padding: 0 20px 20px 0 !important;
}
.filter-tabs li {
	display: block;
	float: left;
	margin: 0;
}
.filter-tabs a {
	border: 1px solid #ddd;
	padding: 2px 5px;
	display: block;
	margin: 0 5px 5px 0;
	font-size: 14px;
	color: #444;
	background: #fff;
}
.filter-tabs li.active a {
	background: #A3BD5B;
	border-color: #A3BD5B;
	color: #fff;
}

/*
# =========================
#  Events
# =========================
*/
table.table-events thead th {
	border-bottom: none;
}
table.table-events tbody td,
table.table-events tbody th {
	border-top: 1px solid #ccc;
	padding: 25px 0 25px 10px;
}
table.table-events tbody td.network-leader {
	background: url('../img/network_leader.png') left center no-repeat;
	padding-left: 70px;
}
.table-events .event-date,
.table-events .event-city,
.table-events .event-type {
	white-space: nowrap;
}
table.table-events tbody td.event-name {
	font-weight: bold;
}

/*
# =========================
#  Analyst Hiring /apply
# =========================
*/

.alert-apply {
	border-radius: 0;
	padding: 40px 20px;
	font-size: 20px;
}

#top-notification {
	padding: 5px 10px;
	background: #A3BD5B;
	color: #fff;
	text-align: center;
}
#top-notification a {
	color: #fff;
}



/*
# =========================
#  Slick Nav overwrites
# =========================
*/

.slicknav_btn {
	background-color:none;
}

.slicknav_menu .slicknav_menutxt, .slicknav_btn {
	letter-spacing:0.04rem;
}

.slicknav_menu .slicknav_menutxt, .slicknav_btn, .slicknav_nav a {
	text-shadow:none;
	font-family: "franklin-gothic-urw-cond", "franklin-gothic-cond",sans-serif;
}

.slicknav_nav a {
	font-size: 1rem;
	text-transform:uppercase;
	letter-spacing:0.1rem;
}

/*
# =========================
#  Embedded tweet backup CSS
# =========================
*/


blockquote.twitter-tweet {
  display: inline-block;
  font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-color: #eee #ddd #bbb;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
  padding: 0 16px 16px 16px;
  max-width: 468px;
}
 
blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}
 
blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}
 
blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}



/*
# =========================
#  New Post / Edit Post form
# =========================
*/
.post-form-field textarea {
	height: 150px;
}
#contribute-modal .modal-body {
	padding: 25px 25px 30px;
}
#dupe_url_message {
	margin: 5px 0 0;
}
#dupe_url_message a {
	color: #a94442;
	text-decoration: underline;
}

/*
# =========================
# Network
# =========================
*/
body.network .search-box {
	margin-top: 50px;
}
.search-box h2 {
	text-align: center;
}
#network-search {
	background: #fff;
	padding: 30px;
	text-align: center;
	margin-bottom: 50px;
}
.search-box .btn {
	padding: .6em 1.5em;
}
.search-box .row {
	margin-bottom: 0;
}
#search-results {
	padding: 0;
}
#search-results div.row {
	background: #fff;
	padding: 10px;
	display: block;
	margin: 0 0 10px;
}
#search-results .job-title {
	font-size: 90%;
}
#search-results .participation {
	font-size: 70%;
}
#search-results .participation .glyphicon {
	font-size: 70%;
}
#search-results .person-photo {

}
#search-results .avatar {
	height: 40px;
}
#search-results .company-logo-small {
	text-align: right;
}
#search-results .company-logo-small img {
	height: 40px;
}

pre {
	background: #fff;
	color: blue;
	padding: 20px;
	border-radius: 20px;
}

/* Network Comments */
div.row.comment {
	margin-bottom: 25px;
}
.comment-text {
	background: #fff;
	border-radius: 10px;
	padding: 11px;
}

.network-principles {
	background: #fff;
	padding: 25px;
}
.network-principles ol li {
	margin-bottom: 20px;
}

/*
# =========================
#  MISC
# =========================
*/
/* subscribe modal */
.email-input #subscribe-container {
	margin-top: 20px;
}
.email-input label {;
	display: inline;
}

/* network slideshow */
#slideshow {
	margin: -40px 0 30px;
}
#slideshow img {
	width: 100%
}
.network-stat {
	font-size: 200%;
	font-weight: bold;
}

/* Pill nav labels */
.nav-pills .nav-item span.dropdown-label {
	display: inline;
	padding: .7em 0 .5em 1em;
	font-family: "franklin-gothic-comp", "franklin-gothic-urw-comp";
	text-transform: uppercase;
}
.nav-pills .nav-item.select-chooser {
	padding: .5em 1em;
	width:40px;
}
.nav-pills .nav-item.select-chooser select.form-control {
	padding: .5em 1em;
	display:inline;
	width:60px;
}
.nav-pills .nav-item.select-chooser select.active {
	background: #A3BD5B;
    color: #fff;
    border-color: #A3BD5B;
}
/*
# =========================
# TagsInput
# =========================
*/ 
.bootstrap-tagsinput {
  background-color: #fff;
  display: inline-block;
  padding: 8px 10px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  width: 100%;
  line-height: 22px;
  cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto !important;
  max-width: inherit;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
	color: white;
	padding: 4px 8px 3px;
	font-size: 14px;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/*
# =========================
# Alert
# =========================
*/ 

.alert-info {
	background-color: #A1BD55;
	color: #fff;
}


/*
# =========================
# 5 column layout
# =========================
*/ 
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }

}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media all and (max-device-width: 480px) {
   
    .navbar-brand {
    	margin-right:0.8rem;
    }

    .hero-unit h1 {
		font-size: 36px;
		padding:0;
    }

    body.about .hero-unit h1, body.network .hero-unit h1, body.portfolio .hero-unit h1 {
    	font-size:24px;
    	line-height:120%;
    }

    body.person .hero-unit p.subhead {
    	font-size:18px;
    	text-align:left;
    	line-height:130%;
    }

    .hero-unit .subhead {
    	max-width: none;
    	padding: 0px 0px 10px;
		max-width:100%;
    }

    .hero-unit {
    	padding: 15px 0 25px;
    }

	#site-header {
		background-position: 80% 0%;
	}

	.section-footer {
		padding: 20px 0 25px 0;
	}

	.section-footer h3 {
		text-align:center;
		line-height:140%;
		display:block;
		font-size:24px;
		margin-bottom:24px;
	}

	body.person .person-links ul, body.topic .topic-links ul {
		text-align:center;
	}

	body.person .person-links li, body.topic .topic-links li {
		display: block;
	}

	.filter-menu {
		display:none;
	}
	.post-notes img {
		width:80%;
		margin: 0px auto 20px auto;
		text-align:center;
	}

}


@media all and (max-device-width: 320px) {

	.hero-unit h1 {
		font-size: 30px;
    }

    .hero-unit .subhead, body.about .hero-unit h1, body.network .hero-unit h1, body.portfolio .hero-unit h1 {
    	font-size:18px;
    }

    body.person .hero-unit p.subhead {
    	font-size:16px;
    }

    h2.section-intro {
    	font-size: 26px;
    }

    .card h3 {
    	font-size: 24px
    }

    .topic-card-container {
    	padding-left: 0.525rem;
    	padding-right: 0.525rem;
    }

    .post-notes img {
		width:80%;
		margin: 0px auto 20px auto;
		text-align:center;
	}

}

/* bootstrap responsive utils */
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}