/*
  Theme Name: PJT Website
  Description: PJT Website Theme
  Version: 0.1
  Author: MBLM
  Author URI: http://mblm.com/
  Tags: HTML5, CSS3
*/


/* Font
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
 	font-family: 'SeroBold';
  src: url('../fonts/SeroWeb-Bold.woff') format('woff'); /* Pretty Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SeroExtraThin';
  src: url('../fonts/SeroWeb-Extrathin.woff') format('woff'); /* Pretty Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SeroLight';
  src: url('../fonts/SeroWeb-Light.woff') format('woff'); /* Pretty Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sero';
  src: url('../fonts/SeroWeb.woff') format('woff'); /* Pretty Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body { height: 100%; background-color: #FFF; }
body { font-family: 'SeroLight', Helvetica, Arial; font-size: 16px; color: #6F7880; }
section { margin: 0 0 40px 0; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
p { margin: 0 0 10px; }

a { color: #0691BD; text-decoration: none; outline: 0 !important; }
a:hover, a:focus { color: #0691BD; text-decoration: underline; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'SeroExtraThin';
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

h1, .h1 { font-size: 68px; }
h2, .h2 { font-size: 48px; }
h3, .h3 { font-size: 34px; }
h4, .h4 { font-size: 28px; }
h5, .h5 { font-size: 24px; }
h6, .h6 { font-size: 22px; font-family: 'SeroLight'; }

.h1.condensed, .h2.condensed, .h3.condensed, .h4.condensed, .h5.condensed, .h6.condensed, 
h1.condensed, h2.condensed, h3.condensed,  h4.condensed, h5.condensed, h6.condensed  { margin-bottom: 0; }

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, 
h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-weight: 400;
	line-height: 1;
	color: #777
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, 
h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
	font-size: 65%
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, 
h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-size: 75%
}

.lead { font: 24px/30px 'SeroExtraThin'; }

.page-header.no-line { border-bottom: none; }
.page-header .back { font-size: 13px; }
.page-header .title { font: 18px/20px "SeroBold"; }
.page-header.condensed { margin-bottom: 0; }

strong, .strong { font-family: 'SeroBold'; font-weight: normal; }

address {
	color: #6F7880;
	font-size: 14px;
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.42857143
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a.link-arrow { font-size: 14px; text-decoration: none; font-family: "Sero"; }
a.link-arrow:after {
  position: relative;
  top: 0px;
  font-size: 16px;
  font-family:'pjt-iconography';
  font-style:normal;
  font-weight:400;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content: ' \e60f';
  color: #0691BD;
}
a.link-arrow:hover span { text-decoration: underline; }
a.link-arrow:hover:after {
  content: ' \e610';
}
a.link-inherit-color:after { color: inherit; }
h1 a, h1 a.link-arrow:after { font-size: 68px !important; }
h2 a, h2 a.link-arrow:after { font-size: 48px !important; }
h3 a, h3 a.link-arrow:after { font-size: 34px !important; }
h4 a, h4 a.link-arrow:after { font-size: 28px !important; }
h5 a, h5 a.link-arrow:after { font-size: 24px !important; }
h6 a, h6 a.link-arrow:after { font-size: 22px !important; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn { border-radius: 0; font-size: 16px; line-height: 1.33333; padding: 7px 12px 5px 12px; }
.btn-group-lg > .btn, .btn-lg { font-size: 18px; }
.btn-group-sm > .btn, .btn-sm { font-size: 14px; }
.btn-group-xs > .btn, .btn-xs { font-size: 12px; }

.btn-default { color: #0691BD; background-color: #FFF; border-color: #BBC2C8; }
.btn-default:hover { color: #768592; background-color: #F1F3F4; border-color: #BBC2C8; }

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-secondary {
  color: #768592;
  background-color: #F1F3F4;
  border-color: #BBC2C8;
}

.btn-primary { color: #768592; background-color: #FFF; border-color: #BBC2C8; }
.btn-primary:hover {
  color: #FFF;
  border: none;
  padding: 7px 13px;
  background: #46657A; /* Old browsers */
  background: -moz-linear-gradient(left,  #6F94AA 0%, #1E384C 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6F94AA), color-stop(100%,#1E384C)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #6F94AA 0%,#1E384C 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #6F94AA 0%,#1E384C 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #6F94AA 0%,#1E384C 100%); /* IE10+ */
  background: linear-gradient(to right,  #6F94AA 0%,#1E384C 100%); /* W3C */
}

.btn-lg.btn-primary:hover {
    padding: 7px 13px 7px;
}
.btn-sm.btn-primary:hover {
    padding: 7px 13px 7px;
}
.btn-xs.btn-primary:hover {
    padding: 7px 13px 7px;
}

.btn-secondary { 
	color: #FFF;
	background-color: #768692;
	border-color: #768692;
}
.btn-secondary.focus, .btn-secondary:focus { 
	color: #FFF; background-color: #768692; border-color: #768692; 
}
.btn-secondary:hover { color: #FFF; background-color: #0691BD; border-color: #0691BD; }
.btn-secondary.active,
.btn-secondary:active,
.open > .dropdown-toggle.btn-secondary {
  color: #FFF;
  background-color: #0691BD;
  border-color: #0691BD;
}
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus, 
.btn-secondary:active:hover,
.open > .dropdown-toggle.btn-secondary.focus,
.open > .dropdown-toggle.btn-secondary:focus,
.open > .dropdown-toggle.btn-secondary:hover {
  color: #FFF;
  background-color: #0691BD;
  border-color: #0691BD;
}

.btn-transparent { color: #FFF; border-color: #BBC2C8; background-color: transparent; }
.btn-transparent.focus, .btn-transparent:focus { color: #FFF; background-color: #768692; border-color: #768692; }
.btn-transparent:hover { color: #6f94aa; background-color: #FFF; border-color: #BBC2C8;  }

/* Tabs / Navs
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav-tabs > li > a { border-radius: 0; }
.tab-pane { border-top: none; padding: 15px; }
.nav-tabs { border-bottom: 1px solid #768592; }
.nav-tabs > li > a,
.nav-tabs > li > a:hover { font-size: 14px; color: #768592; border-radius: 0; border: 1px solid #E8E8E8; background-color: #FFFFFF; border-bottom-color: #768592; /*border-bottom-color: transparent;*/ }
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover { color: #FFFFFF; border: 1px solid #768592; background-color: #768592; border-bottom-color: #768592; }
.tab-content > .tab-pane { padding: 20px 0; border-left: none; border-right: none; border-bottom: none; }
.panel { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.panel-group .panel { margin-bottom: 0; border-radius: 0; }
.panel-default { border-color: #E8E8E8; }
.panel-default > .panel-heading { font: 14px/24px 'Sero'; color: #586370; background-color: #fff; border: none; padding: 0; }
.panel-default > .panel-heading a { display: inline-block; width: 100%; padding: 10px 15px; vertical-align: baseline; text-decoration: none; }
.panel-default > .panel-heading a:hover { text-decoration: none; color: #0691BD; text-decoration: none; }
.panel-default > .panel-heading a span { position: absolute; right: 30px; margin-top: 3px; color: #BBC2C8 }
.panel-default > .panel-heading a span:hover { color: #0691BD; }
.panel-default > .panel-heading a[aria-expanded="true"] { background-color: #768592; color: #FFFFFF; text-decoration: none; }
.panel-group .panel-heading + .panel-collapse > .list-group, 
.panel-group .panel-heading + .panel-collapse > .panel-body { border-top: none; padding: 15px 0; }
.panel-default > .panel-collapse.in { border: none; }

/* Media Object
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.lined-box {
  border-left: 1px solid #BBC2C8;
  padding-left: 20px;
}


/* ========================================================================== 
   Featured
   ========================================================================== */
.featured {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	position: relative;
	border-bottom: 1px solid #CCC;
}
.featured.no-line {
	border-bottom: none;
}
.featured.condensed {
	margin: 0;
}
.featured.condensed-inner {
	padding: 0;
}
.featured .featured-subheader {
	font-size: 14px;
	margin-bottom: 10px;
}
.featured img {
	margin: 0 0 10px 0;
	width: 100%;
	display: block;
}
.featured .img-crop {
	margin: 0 0 10px 0;
}
.featured .img-crop > img {
	margin: 0;
}
.featured h1,
.featured h2,
.featured h3,
.featured h4,
.featured h5,
.featured h6 {
	margin: 0 0 10px 0;
}
.featured h1 a,
.featured h2 a,
.featured h3 a,
.featured h4 a,
.featured h5 a,
.featured h6 a {
	color: inherit;
}
.featured h1 a:hover,
.featured h2 a:hover,
.featured h3 a:hover,
.featured h4 a:hover,
.featured h5 a:hover,
.featured h6 a:hover {
	color: #0691BD;
}
.featured p {
	margin: 0 0 10px 0
}
.featured .featured-footer {
	position: absolute;
	bottom: 10px;
}

.featured.featured-links-2 { padding-bottom: 60px; }
.featured.featured-links-3 { padding-bottom: 90px; }

@media (max-width: 768px) {
	.featured {
		height: auto !important;
	}
}



/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */