/*------------------------------------------------------------------
Copyright 2017 Jeremy Buff

[Table of Contents]

To be completed...



[Colors]

p{} on light
	color: #6a6c74;

p{} on dark
	color: #bdbdca;

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
1. Fonts
-------------------------------------------------------------------*/
@font-face {
	font-family: 'Gotham-ExtraLight';
	src: 	url('Gotham-ExtraLight.eot?#iefix') format('embedded-opentype'), 
			url('https://static.jeremybuff.com/fonts/Gotham-ExtraLight.otf')  format('opentype'),
	     	url('https://static.jeremybuff.com/fonts/Gotham-ExtraLight.woff') format('woff'), 
	     	url('https://static.jeremybuff.com/fonts/Gotham-ExtraLight.ttf')  format('truetype'), 
	     	url('https://static.jeremybuff.com/fonts/Gotham-ExtraLight.svg#Gotham-ExtraLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Light';
	src: 	url('https://static.jeremybuff.com/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
  			url('https://static.jeremybuff.com/fonts/Gotham-Light.otf')  format('opentype'),
	    	url('https://static.jeremybuff.com/fonts/Gotham-Light.woff') format('woff'), 
	    	url('https://static.jeremybuff.com/fonts/Gotham-Light.ttf')  format('truetype'), 
	    	url('https://static.jeremybuff.com/fonts/Gotham-Light.svg#Gotham-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Book';
	src: 	url('https://static.jeremybuff.com/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  
			url('https://static.jeremybuff.com/fonts/Gotham-Book.otf') format('opentype'),
	    	url('https://static.jeremybuff.com/fonts/Gotham-Book.woff') format('woff'), 
	    	url('https://static.jeremybuff.com/fonts/Gotham-Book.ttf')  format('truetype'), 
	    	url('https://static.jeremybuff.com/fonts/Gotham-Book.svg#Gotham-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Medium';
	src: 	url('https://static.jeremybuff.com/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), 
			url('https://static.jeremybuff.com/fonts/Gotham-Medium.otf')  format('opentype'), 
			url('https://static.jeremybuff.com/fonts/Gotham-Medium.woff') format('woff'), 
			url('https://static.jeremybuff.com/fonts/Gotham-Medium.ttf')  format('truetype'), 
			url('https://static.jeremybuff.com/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Gotham-Bold';
	src: 	url('https://static.jeremybuff.com/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  
			url('https://static.jeremybuff.com/fonts/Gotham-Bold.otf')  format('opentype'),
	    	url('https://static.jeremybuff.com/fonts/Gotham-Bold.woff') format('woff'), 
	    	url('https://static.jeremybuff.com/fonts/Gotham-Bold.ttf')  format('truetype'), 
	    	url('https://static.jeremybuff.com/fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}










/*------------------------------------------------------------------
2. Body and Container
-------------------------------------------------------------------*/
html, body {
	background-color: #333;
	font-family: "Gotham-Book";
}

body > .container {
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.container {
    max-width: 1450px;
    width: 100%;
}

.container > section {
	background-color: #fff;
}

@media screen and (min-width: 991px) {
	.img-col {
		padding: 0 25px !important;
	}
}

p {
	color: #6a6c74;
	font-family: "Gotham-Light";
	font-size: .9em;
}

.dark p {
	color: #bdbdca;
}

p strong {
	font-family: "Gotham-Book";
}

a {
	color: #67adbb;
}







/*------------------------------------------------------------------
3. Utilities
-------------------------------------------------------------------*/
.flex {
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}


.stripe {
	max-width: 150px;
}

.corner-ribbon{
  width: 300px;
  background: #e43;
  position: absolute;
  left: -100px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  font-family: "Gotham-Medium";
  line-height: 1;
  padding: 10px;
}

.corner-ribbon small {
	display: block;
	padding-top: 3px;
}

.link-arrow {
	position: relative;
	display: inline-block;
}

.link-arrow:hover {
	text-decoration: none;
}

.link-arrow::after {
	position: absolute;
	top: 6px;
	right: -12px;
	content: '';
	display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid;
    -o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

.link-arrow:hover::after {
	right: -16px;
}

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.corner-ribbon.caps{
  text-transform: uppercase;
}

/* Different positions */

.corner-ribbon.top-left{
  top: 50px;
  left: -75px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 50px;
  right: -75px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 50px;
  left: -75px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -75px;
  bottom: 50px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.earth{background: #7b7777;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.darkblue{background: #1a5474;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}
.corner-ribbon.gray{background:#3e4144;}

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

ul.tags li {
	background: #68acbb;
    color: #fff;
    margin: 0 0 5px;
    padding: 5px;
    display: inline-block;
    cursor: default;
}

.block-tooltip {
	display: block;
}

.ellipse-col-2 > div[class^="col"][class$="6"]:first-of-type {
	padding-right: 30px;
}

.ellipse-col-2 > div[class^="col"][class$="6"]:last-of-type {
	padding-left: 30px;
}


.inset {
	margin-top: 25px;
	margin-left: 10px;
    border-left: 3px solid #a9c7d0;
    padding: 5px 25px;
}

.inset ul:not(.tags) {
	list-style: none;
	color: #6a6c74;
	margin-top: 10px;
	padding: 0 0 0 15px;
}

.inset ul:not(.tags) li::before {    
	font-family: "Font Awesome 5 Solid";
	content: "\f005";
	margin:0 5px 0 -15px;
	color: #999a9e;
	display: none;
}

.inset ul:not(.tags) li svg {
	margin-right: 10px;
}

.inset ul:not(.tags) li {
	line-height: 1.8;
    font-size: 1.1em;
}

.mean-container .mean-bar {
	position: fixed !important;
    top: 0 !important;
    background: #212f37 !important;
}

.mean-bar .main-logo {
	position: absolute;
    top: 6px;
    left: 10px;
}

.mean-bar .main-logo img {
    height: 40px;
    width: auto;
}

.mean-bar .has-children a svg {
	display: none;
}

@media screen and (max-width: 670px) {
	.main-logo {
		display: none;
	}
}

[hidden]{ 
	display:none!important
}


/*------------------------------------------------------------------
4. Link and Button Treatment
-------------------------------------------------------------------*/
a {
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}


.dark p a {
	color: #59a5b1;
	text-decoration: underline;
}

.dark p a:hover {
	color: #8ff6e4;
}

.light p a:not(.btn) {
	color: #59a5b1;
	text-decoration: underline;
}

.light p a:not(.btn):hover {
	color: #b15917;
}

a.text-cta {
	color: #fff;
	text-transform: uppercase;
	border-bottom: 2px solid #22ddbc;
	font-family: "Gotham-Book";
	letter-spacing: .05em;
	word-spacing: .2em;
	padding-bottom: 3px;
}

a.text-cta:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid #fff;
}

.btn {
	border-radius: 0;
}

.btn-dark {
	background-color: #4f5051;
	color: #fff;
	text-transform: uppercase;
	font-size: .9em;
	padding: 10px;
	border: none;
}

.btn-dark i, 
.btn-dark:hover i {
	color: #fff;
	background-color: #3b3c3e;
	padding: 10px;
	margin-right: 5px;
}

.btn-dark:hover {
	color: #8ff6e4;
	background-color: #2e2f2f;
}







/*------------------------------------------------------------------
5. Headings
-------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	font-family: "Gotham-Light";
}

.light h1, .light h2, .light h3, .light h4, .light h5 {
	color: #2b2c30;
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5 {
	color: #fff;
}

h1 span, h2 span, h3 span, h4 span, h5 span {
	font-family: "Gotham-Bold";
}


h1 {

}

h2 {
	font-size: 2em;
}

h3 {
	font-family: "Gotham-ExtraLight";
	font-size: 1.75em;
	color: #2b2c30;
	font-weight: 100;
	position: relative;
}

h3.ellipse.top {
	margin-top: 0 !important;
}

h3.ellipse::before {
	content: "\f141"; /* fa-ellipsis-h */
    font-family: "Font Awesome 5 Solid";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1.4em;
    padding-right: 0.5em;
    position: absolute;
    top: -4px;
    left: -35px;
    display: none;
}

h3.ellipse svg {
	position: absolute;
    top: 2px;
    left: -35px;
	color: #018bae;
}

body.page h3:not(.statusboard-flipbox) {
	margin-top: 40px;
    font-family: "Gotham-Book";
    font-size: 1.5em;
    color: #018bae;
    letter-spacing: .1em;
} 


body.page h3:not(.statusboard-flipbox) a {
	color: #018bae;
}

body.page h3:not(.statusboard-flipbox) a:hover {
	color: #67adbb;
	text-decoration: none;
}

body.page h3.ellipse::before {
	color: #dadbde;
}

body.page h4:not(.statusboard-flipbox) {
	margin-top: 40px;
    color: #68acbb;
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: "Gotham-Bold";
} 

h4 {
	color: #999a9e;
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: "Gotham-Bold";
}

h4.subhead {
	color: #018caf;
    text-transform: uppercase;
    font-size: .6em;
}

h4.subhead.large {
	color: #67adbb;
	font-size: 1.1em;
}








/*------------------------------------------------------------------
6. Header and Nav
-------------------------------------------------------------------*/
section header.focused {
	text-align: center;
	font-family: 'Gotham-Book';
}

section header.focused .preheader {
	color: #fff;
	text-transform: uppercase;
	font-size: .6em;
	font-family: 'Gotham-Medium';
	letter-spacing: .05em;
	margin-bottom: 10px;
}

section header.focused h2 {
	color: #4ab2c3;
	font-family: 'Gotham-ExtraLight';
	font-weight: 100;
	font-size: 2.5em;
}

section header.focused .punch {
	color: #cdcdd8;
	font-family: 'Gotham-Light';
	font-size: .8em;
}

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: rgba(12, 25, 35, 0.15);
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #0c1923;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 31px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}







/*------------------------------------------------------------------
7. Masthead
-------------------------------------------------------------------*/
#masthead {
	min-height: 675px;
	background: url('https://static.jeremybuff.com/img/home-masthead.jpg') center center no-repeat;
	background-position: 40% 25%;
}

body.page.services #masthead, 
body.page.about #masthead, 
body.page.portfolio #masthead,
body.page.notebook #masthead {
	/*border-bottom: 6px solid #22ddbc;*/
	position: relative;
}

.triangle {
	width: 0;
	height: 0;
	border-top: 140px solid #018bae; /*#dddee1*/
	border-right: 140px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
}

.triangle img.svg, 
.triangle svg {
	height: 50px;
    width: 50px;
    position: absolute;
    top: -125px;
    left: 15px;
    display: none;
}

.triangle svg {
	display: block;
}

.triangle svg .icon {
	fill: #fff; /*#ababab*/
}

.triangle svg .icon.darker {
	fill: #d6d2d2;
}

/*body.page.services #intro::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 75px;
	height: 75px;
	background: url('https://static.jeremybuff.com/img/beaker.svg') no-repeat;
	background-size: 60%;
	background-position: center center;
}*/

/*body.page.about #intro::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 75px;
	height: 75px;
	background: url('https://static.jeremybuff.com/img/head.svg') no-repeat;
	background-size: 60%;
	background-position: center center;
}*/

/*body.page.portfolio #intro::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 75px;
	height: 75px;
	background: url('https://static.jeremybuff.com/img/briefcase.svg') no-repeat;
	background-size: 60%;
	background-position: center center;
}*/

/*body.page.notebook #intro::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 75px;
	height: 75px;
	background: url('https://static.jeremybuff.com/img/quill.svg') no-repeat;
	background-size: 40%;
	background-position: center center;
}*/

body.page.statusboard-page #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/statusboard.jpg') center center no-repeat;
	background-size: cover;
}

body.page.casestudy.jeremiahs #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/casestudy-jeremiahs.jpg') center center no-repeat;
	background-size: cover;
}

body.page.casestudy.jeremiahs .highlight,
body.page.casestudy.jeremiahs h2::after,
body.page.casestudy.jeremiahs h3.ellipse::before {
	color: #f3684a;
	border-color: #f3684a;
}

body.page.casestudy.services #design-services h2::after {
	color: #be7cbc;
    border-color: #be7cbc;
}

body.page.casestudy.services #dynamics-services h2::after {
	color: #00b7c3;
    border-color: #00b7c3;
}

body.page.default #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/default-masthead.jpg') center center no-repeat;
	background-size: cover;
	height: 450px;
}

body.page.casestudy.services #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/services.jpg') center center no-repeat;
	background-size: cover;
	height: 450px;
}

body.page.casestudy.services.realestate #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/real-estate-web-design.jpg') center center no-repeat;
	background-size: cover;
	height: 450px;
}

body.page.casestudy.about #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/alchemist.jpg') center center no-repeat;
	background-size: cover;
	background-position: 10%;
	height: 450px;
}

body.page.casestudy.about.testimonials #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/testimonials-masthead.jpg') center center no-repeat;
	background-size: cover;
	height: 450px;
}

body.page.casestudy.contact #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/business-suit.jpg') center center no-repeat;
	background-size: cover;
	background-position: 10%;
	height: 450px;
}

body.page.casestudy.portfolio #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/about-header.jpg') center center no-repeat;
	background-size: cover;
	background-position: 10%;
	height: 450px;
}

body.page.casestudy.notebook #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/about-header.jpg') center center no-repeat;
	background-size: cover;
	background-position: 10%;
	height: 450px;
}

body.page.casestudy.cv #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/cv.jpg') center center no-repeat;
	background-size: cover;
	background-position: 10%;
	height: 450px;
}

body.page .highlight,
body.page h1::after  {
	color: #68acbb;
	border-color: #68acbb;
}

body.page.article article {
	position: relative;
}

body.page.notebook .article-excerpt {
	margin-bottom: 50px;
}

body.page.article article .subsection {
	margin-left: 25px;
}

body.page.article article .subsection h4 {
	border-bottom: 1px solid #eaeaea;
}

body.page.article #masthead {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/default-masthead.jpg') center center no-repeat;
	background-size: cover;
}

body.page.article #masthead.marketingautomation {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/blog/marketing-automation-mastead.jpg') center center no-repeat;
	background-size: cover;
}

body.page.article #masthead.gtd {
	background: url('https://static.jeremybuff.com/img/gtd.jpg') center center no-repeat;
}

body.page.article #masthead.websitevspresence {
	background: url('https://static.jeremybuff.com/img/websites-vs-web-presences.jpg') center center no-repeat;
}

body.page.article #masthead h4.fancy {
	color: #fff;
}

body.page.article #masthead.expertiseaward {
	background: url('https://static.jeremybuff.com/img/blog/expertise-award-jeremy-buff-2018.jpg') center center no-repeat;
}

body.page.article #masthead.freelancenightmare {
	min-height: auto;
	background: url('https://static.jeremybuff.com/img/blog/web-design-freelance-nightmare.jpg') center center no-repeat;
	background-size: cover;
}

#masthead #header {
	padding: 25px 100px;
	overflow: visible;
}

.header-essentials {
	clear: both;
	overflow: auto;
}

#masthead #header nav {
	float: right;
	margin-top: 10px;
}

#masthead #header nav ul {
	padding: 0;
}

#masthead #header nav ul li {
	list-style: none;
	display: inline;
	padding: 0px;
}

#masthead #header nav ul li:hover, 
#masthead #header nav ul li a:hover {
	cursor: pointer;
}

#masthead #header nav ul li.has-children {
	position: relative;
}

#masthead #header nav ul li.has-children a {
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

#masthead #header nav ul li.has-children:not(.active):hover > a {
	background-color: #dddee1; 
	color: #6a6c74 !important;
}

#masthead #header nav ul > li > ul {
	opacity: 0;
	display: block;
	position: absolute;
	top: 23px;
    left: 0;
	right: 0;
	min-width: 250px;
	background-color: #dddee1;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	pointer-events: none;
	z-index: 1000;
}

#masthead #header nav ul li.has-children:hover ul {
	opacity: 1;
	pointer-events: all;
	cursor: pointer;
}

#masthead #header nav ul li ul a {
	color: #000;
}

#masthead #header nav ul li.active ul {
	background-color: #67adbb;
}

#masthead #header nav ul li ul li a:hover {
	background-color: #ababab;
}

#masthead #header nav ul li.active ul li a:hover {
	background-color: #4c838e;
	color: #fff;
}

#masthead #header nav ul li ul li {
	display: block;
}

#masthead #header nav ul li ul li a {
	padding: 5px 10px;
	display: block;
}

#mobile-nav {
	display: none;
	float: right;
	color: #fff;
	font-size: 2em;
	margin-top: 3px;
}

#mobile-nav:hover {
	cursor: pointer;
}

#masthead #header {
	transition: background-color ease .5s;
}

#masthead #header.expanded {
	background-color: #3d4852;
	overflow: auto;
}

#masthead #header nav ul li a {
	color: #d3d6e0;
	letter-spacing: .05em;
	font-family: 'Gotham-Light';
	font-size: .9em;
	text-decoration: none;
	padding: 5px;
}

/*#masthead #header nav > ul > li:last-child {
	border: 1px solid #68acbb;
	border-radius: 2px;
}

#masthead #header nav ul li:last-child i {
	display: inline;
}

#masthead #header nav > ul > li:last-child:hover, 
#masthead #header nav > ul > li.active:last-child {
	background-color: #68acbb;
}

#masthead #header nav ul li:last-child:hover a {
	color: #fff;
}*/

#masthead #header nav ul li.active a {
	color: #fff;
    background: #68acbb;
    padding: 5px 10px;
}

#masthead #header nav ul li:not(:last-child) a:hover {
	color: #fff;
	text-decoration: none;
}

#masthead #header nav ul li.active a:hover {
	color: #fff;
}

#masthead .masthead-content {
	padding: 25px 100px;
}

#masthead .masthead-content img {
	margin: 50px auto 0;
	display: block;
	width: 600px;
}

#masthead .masthead-content p {
	margin-top: 50px;
	color: #fff;
	max-width: 1000px;
	text-align: center;
}

#masthead .masthead-content p strong {
	font-family: "Gotham-Bold";
	color: #8ff6e4;
}










/*------------------------------------------------------------------
8. Intro
-------------------------------------------------------------------*/
#intro {
	background-color: #252528;
	/*min-height: 675px;*/
	border-top: 6px solid #22ddbc;
	position: relative;
}

body.homepage #intro {
	border-top: none;
}

#intro .intro-content {
	padding: 75px 0;
	color: #fff;
}

#intro > #intro header {
	margin-bottom: 65px;
}

#intro .intro-content h2 {
	margin-bottom: 50px;
}

#intro .intro-content h2 span {
	font-family: "Gotham-Bold";
}

#intro .intro-content p {
	color: #bdbdca;
}

.jb-photo-col img {
	margin-top: 60px !important;
}

.jb-photo-inline {
	display: none;
}


@media screen and (min-width: 769px) and (max-width: 991px) {
	.jb-photo-col {
		display: none;
	}

	.jb-photo-inline {
		display: block;
		width: 30%;
	}

	#intro .intro-content h2 {
		margin-left: 30%;
	}
}









/*------------------------------------------------------------------
9. Banner
-------------------------------------------------------------------*/
#banner {
	min-height: 125px;
	background-color: #1e1e20;
	overflow: hidden;
	padding: 10px 100px;
}

#banner .laurel {
    position: relative;
    padding: 0 55px;
    display: block;
    padding-top: 20px;
    text-align: center;
    margin: 0 auto;
    width: 75%;
}

#banner .laurel p {
	color: #fff;
	margin-bottom: 0;
}

#banner .laurel p span {
	display: block;
	color: #4ab2c3;
	font-size: 1.2em;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

#banner .laurel::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100px;
	width: 50px;
	background: url('https://static.jeremybuff.com/img/laurel-left.svg') center center no-repeat;
}

#banner .laurel::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100px;
	width: 50px;
	background: url('https://static.jeremybuff.com/img/laurel-right.svg') center center no-repeat;
}

#banner .laurel p a:hover, 
#banner .laurel p a:hover span {
	color: #fff !important;
	text-decoration: none;
}





/*------------------------------------------------------------------
10. ROI
-------------------------------------------------------------------*/
#roi {
	background-color: #252528;
	min-height: 675px;
}

#roi header {
	margin: 50px 0 65px;
}

.roi-point {
	padding: 20px;
}

.roi-point .inner {
	border-top: 3px solid #38383b;
}

.roi-point h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: .8em;
	margin: 25px 0 10px;
}

.roi-point p {
	color: #b4b4bf;
	font-size: .8em;
}

.roi-more {
	margin-top: 50px;
	color: #4ab2c3;
}

.roi-more img {
	max-width: 25px;
}

.roi-more h5 {
	margin: 0;
    padding: 0;
    line-height: .6;
}

.roi-more h5 span {
	display: block;
	margin-top: 10px;
	color: #b8bbc4;
	font-size: .5em;
}

.roi-more a {
	color: #5aa5b1;
	font-size: .7em;
}

.icon-r-col {
	padding-right: 0;
}









/*------------------------------------------------------------------
11. Web Presence
-------------------------------------------------------------------*/
#web-presence {
	background-color: rgb(213, 215, 222);
	min-height: 500px;
	background: -webkit-radial-gradient(30% 50% circle, #fff 0%, #d5d7de 45%);
    background: -o-radial-gradient(30% 50% circle, #fff 0%, #d5d7de 45%);
    background: radial-gradient(circle at 30% 50%, #fff 0%, #d5d7de 45%);
}

#web-presence::before {
	pointer-events: none;

}

#web-presence h2 {
	font-family: "Gotham-Light";
	margin-bottom: 50px;
}

#web-presence h2 span {
	font-family: "Gotham-Bold";
}

#web-presence p {
	text-align: justify;
	font-size: .9em;
}

#web-presence p strong {
	font-family: "Gotham-Medium";
}









/*------------------------------------------------------------------
12. Text Banner
-------------------------------------------------------------------*/
#textbanner, .textbanner {
	padding: 0;
	position: relative;
	background-image: -ms-linear-gradient(right, rgb(3,159,198) 0%, rgb(2,138,172) 15%, rgb(1,117,145) 50%, rgb(2,138,172) 85%, rgb(3,159,198) 100%);
	background-image: -moz-linear-gradient(right, rgb(3,159,198) 0%, rgb(2,138,172) 15%, rgb(1,117,145) 50%, rgb(2,138,172) 85%, rgb(3,159,198) 100%);
	background-image: -o-linear-gradient(right, rgb(3,159,198) 0%, rgb(2,138,172) 15%, rgb(1,117,145) 50%, rgb(2,138,172) 85%, rgb(3,159,198) 100%);
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgb(3,159,198)), color-stop(15, rgb(2,138,172)), color-stop(50, rgb(1,117,145)), color-stop(85, rgb(2,138,172)), color-stop(100, rgb(3,159,198)));
	background-image: -webkit-linear-gradient(right, rgb(3,159,198) 0%, rgb(2,138,172) 15%, rgb(1,117,145) 50%, rgb(2,138,172) 85%, rgb(3,159,198) 100%);
	background-image: linear-gradient(to left, rgb(3,159,198) 0%, rgb(2,138,172) 15%, rgb(1,117,145) 50%, rgb(2,138,172) 85%, rgb(3,159,198) 100%);
}

#textbanner p, .textbanner p {
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden; 
	display: block;
	text-align: center;
	color: #d2d2d2;
	font-size: .9em;
	padding: 10px 0;
}

#textbanner::before, .textbanner::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 25%;
	content: "";
	background-image: -ms-linear-gradient(left, rgba(2,152,189, .65) 40%, transparent 100%);
	background-image: -moz-linear-gradient(left, rgba(2,152,189, .65) 40%, transparent 100%);
	background-image: -o-linear-gradient(left, rgba(2,152,189, .65) 40%, transparent 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(2,152,189, .65)), color-stop(100, transparent));
	background-image: -webkit-linear-gradient(left, rgba(2,152,189, .65) 40%, transparent 100%);
	background-image: linear-gradient(to right, rgba(2,152,189, .65) 40%, transparent 100%);
}

#textbanner::after, .textbanner::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 25%;
	content: "";
	background-image: -ms-linear-gradient(right, rgba(2,152,189, .65) 40%, transparent 100%);
	background-image: -moz-linear-gradient(right, rgba(2,152,189, .65) 40%, transparent 100%);
	background-image: -o-linear-gradient(right, rgba(2,152,189, .65) 40%, transparent 100%);
	background-image: -webkit-gradient(linear, right top, right top, color-stop(0, rgba(2,152,189, .65)), color-stop(100, transparent));
	background-image: -webkit-linear-gradient(right, rgba(2,152,189, .65) 40%, transparent 100%);
	background-image: linear-gradient(to left, rgba(2,152,189, .65) 40%, transparent 100%);
}









/*------------------------------------------------------------------
13. Points of Interest Quadrant
-------------------------------------------------------------------*/
#poi {
	overflow: hidden;
}

#poi h4.subhead {
	text-align: center;
	position: relative;
}

#poi h4.subhead::after {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	right: 0;
	border-bottom: 2px solid #018caf;
	width: 25px;
	margin: 0 auto;
}

#poi h3 {
	font-size: 2.5em;
	text-align: center;
	margin: 50px 0;
	text-transform: capitalize;
}

#poi p {
	font-size: .8em;
	text-align: center;
	padding: 0 50px 50px;
}

#poi .poi {
	padding-top: 50px;
}

#poi .poi:nth-child(1), 
#poi .poi:nth-child(2), 
#poi .poi:nth-child(3),
#poi .poi:nth-child(4) {
	position: relative;
}

#poi .poi:nth-child(1)::after {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	width: 2px; 
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(207,209,209,1)), color-stop(90%, rgba(207,209,209,0)));
	background: -webkit-linear-gradient(bottom, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 90%);
	background: -o-linear-gradient(bottom, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 90%);
	background: linear-gradient(to top, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 90%);
	display: block;
}

#poi .poi:nth-child(2)::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	height: 2px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(207,209,209,1)), to(rgba(207,209,209,0)));
	background: -webkit-linear-gradient(left, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 100%);
	background: -o-linear-gradient(left, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 100%);
	background: linear-gradient(to right, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 100%);
	display: block;
}

#poi .poi:nth-child(3)::after {
	position: absolute;
	left: 0;
	right: 0;
	top: -2px;
	content: "";
	height: 2px;
	background: -webkit-gradient(linear, right top, left top, from(rgba(207,209,209,1)), to(rgba(207,209,209,0)));
	background: -webkit-linear-gradient(right, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 100%);
	background: -o-linear-gradient(right, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 100%);
	background: linear-gradient(to left, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 100%);
	display: block;
}

#poi .poi:nth-child(4)::after {
	position: absolute;
	left: -2px;
	top: 0;
	bottom: 0;
	content: "";
	width: 2px; 
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(207,209,209,1)), color-stop(90%, rgba(207,209,209,0)));
	background: -webkit-linear-gradient(top, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 90%);
	background: -o-linear-gradient(top, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 90%);
	background: linear-gradient(to bottom, rgba(207,209,209,1) 0%, rgba(207,209,209,0) 90%);
	display: block;
}









/*------------------------------------------------------------------
14. Service Icons
-------------------------------------------------------------------*/
#services h2 {
	font-family: "Gotham-Light";
}

#services h2 span {
	font-family: "Gotham-Medium";
}

#services p strong {
	font-family: "Gotham-Medium";
}

#services .service figure {
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
} 

#services .service img {
	display: block;
	max-width: 80px;
	max-height: 80px;
	margin: 0 auto;
}

#services .service h4 {
	text-transform: uppercase;
	font-family: "Gotham-Medium";
	text-align: center;
	line-height: 1.3;
}

#services .service h4 span {
	text-transform: uppercase;
	font-family: "Gotham-ExtraLight";
}

#service-callouts {
	margin-bottom: 50px;
}

#service-callouts > div {
	padding-bottom: 75px;
}

#service-callouts h2, 
#testimonials h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #6a6c74;
	border-bottom: 2px solid #018bae;
	padding-bottom: 5px;
}

#service-callouts h2 span,
#testimonials h2 span {
	display: table;
    font-size: .7em;
    background: darkgrey;
    color: #fff;
    padding: 2px 5px;
    font-family: Gotham-Light;
    margin-bottom: 5px;
}

#service-callouts h2::after,
#testimonials h2::after{
	display: none;
}

.testimonial-row {
	margin-top: 30px;
}

.testimonial-row > div {
	margin-bottom: 40px;
	width: 100%;
}
.recent-testimonial {
	padding: 25px 50px;
    background: #f7f7f7;
    position: relative;
}

#testimonials .recent-testimonial::before {
	display: block;
    height: 0;
    content: "\201c";
    font: italic 800%/1 Cochin,Georgia,"Times New Roman", serif;
    color: #018bae;
    position: absolute;
    top: -25px;
    left: -30px;
}

#testimonials h2 {
	border-bottom: 2px solid #a9a9a9;
	color: #018bae;
	font-family: "Gotham-Medium";
}

#testimonials h3 {
	margin-top: 20px;
	font-size: 1.3em;
	line-height: 1.3;
	font-family: "Gotham-Light";
	color: #717171;
}

#testimonials blockquote {
	position: relative;
}


#testimonials blockquote cite {
	font-style: italic;
	color: #8a8a8a;
}

ul.fancy {
	padding: 0;
    list-style: none;
    margin: 15px 0;
}

ul.fancy li {
	position: relative;
    padding-left: 35px;
    color: #6a6c74;
    margin-bottom: 15px;
    font-family: "Gotham-Light";
}

ul.fancy li strong {
	font-family: "Gotham-Book";
}

ul.fancy li::before {
	background: url(https://static.jeremybuff.com/img/circular-check.png) center center no-repeat;
    content: '';
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    background-size: 15px 15px;
}

.readmore-dedicated-col {
	position: relative;
	height: 50px;
	width: 100%;
	margin-top: 50px;
}

.readmore-dedicated-col a.readmore {
	font-family: "Gotham-Medium";
	font-size: 1.2em;
	letter-spacing: .1em;
	color: #fff;
	background: #68acbb;
    padding: 5px;
}

.readmore-dedicated-col a.readmore:hover {
	background: #018bae;
}

p.readmore-bottom {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
	border-top: 1px dashed #018bae;
	border-bottom: 1px dashed #018bae;
	/*background: #c1c1c1;*/
}

a.readmore {
	overflow: hidden;
	text-align: center;
	font-size: .8em;
	text-transform: uppercase;
	display: block
}

a.readmore:hover {
	text-decoration: none;
}

a.readmore:before,
a.readmore:after {
  background-color: #dedede;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

a.readmore:before {
  right: 0.5em;
  margin-left: -50%;
}

a.readmore:after {
  left: 0.5em;
  margin-right: -50%;
}

body.casestudy.services section.wide h2 {
    margin: 0;
    font-size: 2em;
    letter-spacing: .12em;
    margin-bottom: 50px;
    font-family: "Gotham-Bold";
    text-transform: uppercase;
    color: #fff;
}

body.casestudy.services section.wide h2.calm {
	margin-bottom: 5px;
}

body.casestudy.services section.wide h2.calm::after {
	display: none;
}

body.casestudy.services section.wide .calm-subhead {
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: .1em;
}


.realestate-perk {
    border-bottom: 25px solid #fff;
    padding: 0 !important;
    position: relative;
}

.realestate-perk .initial {
	position: relative;
	padding: 50px 100px;
	height: 100%;
}

.realestate-perk .initial:before {
	position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .1;
    background-color: #456D80;
    pointer-events: none;
}

.realestate-perk:last-of-type {
    border-bottom: none;
}

body.casestudy #real-estate-custom-website {
	min-height: 650px;
    background: -webkit-radial-gradient(65% 50% circle, #5E2A5F 0%, #552454 20%, #4C1E49 40%, #42193F 60%, #391334 80%, #300D29 100%);
    background: -o-radial-gradient(65% 50% circle, #5E2A5F 0%, #552454 20%, #4C1E49 40%, #42193F 60%, #391334 80%, #300D29 100%);
    background: radial-gradient(circle at 65% 50%, #5E2A5F 0%, #552454 20%, #4C1E49 40%, #42193F 60%, #391334 80%, #300D29 100%);
    position: relative;
    overflow: hidden;
}

body.casestudy #real-estate-custom-website .initial::before {
    background-image: url(https://static.jeremybuff.com/img/real-estate-door-key.jpg), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMV…HwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat, repeat;
    background-position: center center, center center;
    background-size: cover, auto;
    pointer-events: none;
}

body.casestudy #real-estate-custom-website h3 {
	color: #eaab72;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
}

body.casestudy .secondary-features h3 {
	font-size: 1em !important;
	margin-top: 15px;
}

body.casestudy #real-estate-seo h3 {
	color: #faebd7;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
}

body.casestudy .expanded-content {
	display: none;
	width: 100%;
}

body.casestudy .expanded-content .expanded-callout{
	background: rgba(255,255,255,.1);
	padding: 15px;
}

body.casestudy .secondary-features {
	background: rgba(255,255,255,.15);
	padding: 50px 100px;
}

body.casestudy .secondary-features > div {
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

.section-cta {
	padding: 50px 0 30px;
}

a.btn.btn-service-cta {
	color: #fff;
	font-size: 1.3em;
	letter-spacing: .1em;
	background: #68acbb;
    padding: 1rem;
    text-transform: uppercase;
    max-width: 100%;
    width: calc(100rem/2.5);
    display: block;
}

a.btn.btn-service-cta:hover {
	background: #49bcd6;
}

body.casestudy .secondary-features p {
	text-align: justify;
}

body.casestudy #real-estate-idx-integration {
	min-height: 650px;
    background: -webkit-radial-gradient(65% 50% circle, #7A7978 0%, #747372 20%, #6E6D6C 40%, #696867 60%, #636261 80%, #5D5C5B 100%);
    background: -o-radial-gradient(65% 50% circle, #7A7978 0%, #747372 20%, #6E6D6C 40%, #696867 60%, #636261 80%, #5D5C5B 100%);
    background: radial-gradient(circle at 65% 50%, #7A7978 0%, #747372 20%, #6E6D6C 40%, #696867 60%, #636261 80%, #5D5C5B 100%);
    position: relative;
    overflow: hidden;
}

#real-estate-idx-integration .icon {
	fill: #fff;
}

#real-estate-idx-integration h3 {
	color: #afd5dc;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
}

body.casestudy #real-estate-idx-integration .initial::before {
    background-image: url(https://static.jeremybuff.com/img/real-estate-interior.jpg), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMV…HwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat, repeat;
    background-position: center center, center center;
    background-size: cover, auto;
    pointer-events: none;
}

body.casestudy #real-estate-seo {
	min-height: 650px;
	background: -webkit-radial-gradient(65% 50% circle, #456D80 0%, #3B6072 20%, #325365 40%, #284757 60%, #1F3A4A 80%, #152D3C 100%);
	background: -o-radial-gradient(65% 50% circle, #456D80 0%, #3B6072 20%, #325365 40%, #284757 60%, #1F3A4A 80%, #152D3C 100%);
	background: radial-gradient(circle at 65% 50%, #456D80 0%, #3B6072 20%, #325365 40%, #284757 60%, #1F3A4A 80%, #152D3C 100%);
	position: relative;
}

body.casestudy #real-estate-seo .initial::before {
    background-image: url(https://static.jeremybuff.com/img/real-estate-seo-map.png), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMV…HwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat, repeat;
    background-position: center center, center center;
    background-size: cover, auto;
    pointer-events: none;
    opacity: .3;
}


body.casestudy .im-local {
	min-height: 450px;
	background: -webkit-radial-gradient(65% 50% circle, #318C35 0%, #2C7E2F 20%, #276F2A 40%, #216124 60%, #1C521F 80%, #174419 100%);
	background: -o-radial-gradient(65% 50% circle, #318C35 0%, #2C7E2F 20%, #276F2A 40%, #216124 60%, #1C521F 80%, #174419 100%);
	background: radial-gradient(circle at 65% 50%, #318C35 0%, #2C7E2F 20%, #276F2A 40%, #216124 60%, #1C521F 80%, #174419 100%);
	position: relative;
}

body.casestudy .im-local .initial::before {
    background-image: url(https://static.jeremybuff.com/img/city-of-orlando-lake-eola-bw.jpg), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMV…HwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat, repeat;
    background-position: center center, center center;
    background-size: cover, auto;
    pointer-events: none;
}

body.casestudy .im-available {
	min-height: 450px;
	background: -webkit-radial-gradient(65% 50% circle, #E06F0E 0%, #D1670D 20%, #C2600C 40%, #B2580A 60%, #A35109 80%, #944908 100%);
	background: -o-radial-gradient(65% 50% circle, #E06F0E 0%, #D1670D 20%, #C2600C 40%, #B2580A 60%, #A35109 80%, #944908 100%);
	background: radial-gradient(circle at 65% 50%, #E06F0E 0%, #D1670D 20%, #C2600C 40%, #B2580A 60%, #A35109 80%, #944908 100%);
	position: relative;
}

body.casestudy .im-available .initial::before {
    background-image: url(https://static.jeremybuff.com/img/real-estate-seo-map.png), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMV…HwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat, repeat;
    background-position: center center, center center;
    background-size: cover, auto;
    pointer-events: none;
}

.half-block-img {
	margin-bottom: 50px;
}



/*------------------------------------------------------------------
15. Have a Question?
-------------------------------------------------------------------*/
#question {
	background-color: #f1f2f6;
	padding: 50px;
}

body.page.portfolio #question {
	padding: 50px 100px;
}

#question .phone-icon {
	background-color: #b7b8bd;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	height: 100%;
}

#question .phone-icon img {
	max-width: 40%;
	margin: 5px;
}

#question .phone-text {
	margin: 0 20px;

}

#question h4 {
	color: #018bae;
	margin: 25px 0 0 10px;
	font-size: 1.1em;
	letter-spacing: .05em;
	font-family: "Gotham-Medium";
}

#question p {
	padding: 0;
	margin: 5px 0 30px 10px;
}









/*------------------------------------------------------------------
16. Burned by Other Freelancers
-------------------------------------------------------------------*/
#burned {
	background: #f1f2f6 url('https://static.jeremybuff.com/img/frustrated-man.jpg') top right no-repeat;
	background-size: contain;
	padding-bottom: 70px;
}

#burned h2 {
	font-family: "Gotham-Light";
	color: #2b2c30;
	position: relative;
	padding-left: 80px;
	margin-bottom: 50px;
}

#burned h2 span {
	font-family: "Gotham-Medium";
	color: #bb6666;
}

#burned h2::before {
	content: " ";
	background: url('https://static.jeremybuff.com/img/fire.svg') no-repeat; 
	background-size: 57px 65px;
	height: 80px;
	width: 80px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

#burned p small {
	font-size: .7em;
	color: #a6a9b5;
}

.pain-point {
	background-color: #424445;
	width: 100%;
	padding-bottom: 20px;
}

.pain-points:nth-child(even) {
	margin-top: 50px;
}

.pain-points:nth-child(odd) .col:nth-child(odd) .pain-point, 
.pain-points:nth-child(even) .col:nth-child(even) .pain-point {
	background-color: #4f5051;
}

.pain-point figure {
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	height: 100px;
	padding-top: 20px;
}

.pain-point figure img {
	max-height: 60px;
	max-width: 60px;
}

.pain-point h5 {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: .8em;
}

#burned .pain-point p {
	color: #8ff6e4;
	padding: 0 30px;
	text-align: center;
}









/*------------------------------------------------------------------
17. Portfolio - Homepage
-------------------------------------------------------------------*/
#portfolio {
	padding: 0;
	//overflow: hidden;
}

#portfolio h2 {
	color: #2b2c30;
	font-family: "Gotham-ExtraLight";
	padding: 50px 0 20px 100px;
}

#portfolio .portfolio-intro {
	padding: 0 100px 20px;
}

#portfolio .portfolio-intro p small {
	display: block;
	font-style: italic;
	color: #b7b7b7;
	margin-top: 5px;
}

#portfolio h2 span {
	font-family: "Gotham-Medium";
}

#portfolio .row.item-row > div {
	background-size: cover;
	min-height: 15vw;
}

.just-launched {
	background-color: #e45f3e;
	min-height: 15vw;
	z-index: 1000;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.just-launched:hover {
	background-color: #d05334;
}


.just-launched::before {
	content: "";
	width: 100%;
	height: 25px;
	position: absolute;
	left: 0;
	right: 0;
	top: -25px;
	background-color: transparent;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,.8)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
	-webkit-animation-fill-mode: both; /* Safari 4.0 - 8.0 */
    animation-fill-mode: both;
    overflow: auto;
    -moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	pointer-events: none;
}

.just-launched::after {
	content: "";
	width: 100%;
	height: 25px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -25px;
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,.8)));
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
	background-image: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
	-webkit-animation-fill-mode: both; /* Safari 4.0 - 8.0 */
    animation-fill-mode: both;
    overflow: auto;
    -moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	pointer-events: none;
}

.just-launched:hover::before {
	height: 50px;
	top: -50px;
	transform-origin: bottom;
}

.just-launched:hover::after {
	height: 50px;
	bottom: -50px;
	transform-origin: top;
}

.just-launched h5 {
	color: #d2e458;
	text-transform: uppercase;
	font-family: 'Gotham-Book';
	font-size: .8em;
}

.just-launched h3 {
	font-family: 'Gotham-Light';
	color: #fff;
}

.just-launched p {
	color: #fff;
	font-family: 'Gotham-Light';
	font-size: .8em;
}

.just-launched .text {
	padding: 50px;
}

.just-launched img {
	max-height: 200px;
}

.just-launched .btn-dark {
	padding: 5px 10px;
}

#portfolio .item-sm {
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	position: relative;
}

#portfolio .item-sm:hover {
	cursor: pointer;
}

#portfolio .item-sm::before {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
}


#portfolio .item-sm:hover::before {
	-moz-box-shadow: inset 0 0 10em rgba(0,0,0,.5);  
	-webkit-box-shadow: inset 0 0 10em rgba(0,0,0,.5);   
	box-shadow: inset 0 0 10em rgba(0,0,0,.5);
	background-color: rgba(29, 96, 115, .8);
}

#portfolio .item-sm img {
	max-height: 50px;
	max-width: 70%;
	z-index: 3000;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	pointer-events: none;
}

#portfolio .item-sm:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#portfolio .item-sm.vizcaya img {
	max-height: 60%;
}

#portfolio .item-sm.ecuityedge img {
	max-height: 110px;
}

.packagespeak {
	background: url('https://static.jeremybuff.com/img/packagespeak-bg.jpg') no-repeat;
}

.bulldogtactical {
	background: url('https://static.jeremybuff.com/img/bulldogtactical-bg.jpg') no-repeat;
}

.launchsquad {
	background: url('https://static.jeremybuff.com/img/launchsquad-bg.jpg') no-repeat;
}

.vizcaya {
	background: url('https://static.jeremybuff.com/img/vizcaya-bg.jpg') no-repeat;
}

.xtelesis {
	background: url('https://static.jeremybuff.com/img/xtelesis-bg.jpg') no-repeat;
}

.inheritancemap {
	background: url('https://static.jeremybuff.com/img/inheritancemap-bg.jpg') no-repeat;
}

.ecuityedge {
	background: url('https://static.jeremybuff.com/img/ecuityedge-bg.jpg') no-repeat;
}

.harleydavidson {
	background: url('https://static.jeremybuff.com/img/harleydavidson-bg.jpg') no-repeat;
}

.portfolio-items {
	position: relative;
}

#portfolio-detail {
	position: absolute;
	top: 0; right: 0; left: 0;
	background: rgba(0,0,0,.95);
	z-index: 4000;
	-moz-box-shadow: inset 0 0 10em rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 0 10em rgba(0,0,0,.5);
    box-shadow: inset 0 0 10em rgba(0,0,0,.5);
    background-color: rgba(29, 96, 115, .98);
    display: none;
    overflow: auto;
}

#portfolio-detail p {
	color: #d8d8d8;
}

#portfolio-detail p.label {
	color: #fff;
	display: block;
	width: 100%;
}

#portfolio-detail .close {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 1.2em;
	font-family: "Gotham-ExtraLight";
	background: #000;
	padding: 15px;
	pointer-events: all;
	display: block;
	z-index: 8000;
	text-shadow: none;
}

#portfolio-detail .close a {
	color: #fff;
}

#portfolio-detail .close a:hover {
	text-decoration: none;
}

#portfolio-detail .portfolio-logo-col {
	padding: 30px;
	border: 1px dashed #638894;
    border-width: 0px 1px 0px 0px;
}

#portfolio-detail img.client-logo {
	max-height: 150px;
	max-width: 100%;
}

#portfolio-detail img.client-screenshot {
	max-width: 80%;
	margin: 10px auto;
    display: block;
}

#portfolio-detail h2 {
	color: #fff;
}

#portfolio-detail header {
	border-bottom: 1px dashed #638894;
}

#portfolio-detail header img {
    margin: 0 auto;
    display: block;
    max-height: 60%;
}

#portfolio-detail header .col:nth-child(1) {
	border-right: 1px dashed #638894;
}

#portfolio-detail header .portfolio-desc {
	padding: 65px 50px 50px;
}

#portfolio-detail header .portfolio-desc p {
	font-family: "freight-text-pro";
	font-weight: 400;
	color: #fff;
	font-size: 1.2em;
	font-style: italic;
}

#portfolio-detail .stats > div {
	border: 1px dashed #638894;
	border-width: 0 1px 1px 0px;
	min-height: 75px;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}

#portfolio-detail .stats > div:last-of-type {
	border-right: none;
}

#portfolio-detail p.label {
	font-family: "Gotham-Medium";
	display: block;
}

#portfolio-detail .stats p, 
#portfolio-detail p.label {
	text-align: center;
	margin: 0;
}

#portfolio-detail .branding-col {
	border: 1px dashed #638894;
	border-width: 0 1px 1px 0;
	padding: 25px;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}

#portfolio-detail .branding-inner .brand-color {
	height: 65px;
	width: 65px;
	display: inline-block;
	margin: 5px;
}

#portfolio-detail .brand-colors {
	margin-bottom: 25px;
}

#portfolio-detail .screenshots-col {
	border: 1px dashed #638894;
	border-width: 0 0 1px 0;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	padding: 25px;
}

#portfolio-detail .brand-icon {
	display: inline-block;
	width: 25%;
	margin-top: 5px;
}

#portfolio-detail .brand-icon img {
	max-width: 40px;
	max-height: 40px;
	display: block;
	margin: 0 auto;
}

#portfolio-detail .client-link-col .label {
	margin-top: 15px;
}

#portfolio-detail .client-link {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 3em;
	margin-top: 0px;
	text-decoration: none;
}

#portfolio-detail .client-link:hover {
	#8df7e5;
}



/*------------------------------------------------------------------
18. Newsletter
-------------------------------------------------------------------*/
#newsletter.newsletter-temp {
	padding:50px 100px;min-height: 600px;
}

#newsletter {
	background: -webkit-radial-gradient(80% 50% circle, #585B5F 0%, #4E5154 20%, #454749 40%, #3B3C3E 60%, #323233 80%, #282828 100%);
    background: -o-radial-gradient(80% 50% circle, #585B5F 0%, #4E5154 20%, #454749 40%, #3B3C3E 60%, #323233 80%, #282828 100%);
    background: radial-gradient(circle at 80% 50%, #585B5F 0%, #4E5154 20%, #454749 40%, #3B3C3E 60%, #323233 80%, #282828 100%);
	min-height: 800px;
	position: relative;
	color: #fff;
	padding: 105px 150px;
}

#newsletter::before {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	opacity: .7;
	pointer-events: none;
	background: url('https://static.jeremybuff.com/img/chartup.svg') no-repeat;
	background-position: 50% 80%;
}

#newsletter aside {
	background-color: #282828;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100px;
	border-right: 1px solid #404040;
}

#newsletter .issue-num {
	color: #878b90;
	font-size: .8em;
	padding-right: 15px;
}

#newsletter .issue-num span {
	display: block;
	font-family: "freight-text-pro";
	font-weight: 400;
	font-size: 4em;
	line-height: .3;
}

#newsletter aside .issue-num {
	margin-top: 100px;
	width: 100%;
	text-align: right;
}

#newsletter .latest-issue h2 a {
	color: #fff;
}

#newsletter .latest-issue h2 a:hover {
	color: #8ff6e4 !important;
	text-decoration: none;
}

#newsletter .latest-issue p:not(.byline) a:not(.btn) {
	color: #8ff6e4 !important;
}

#newsletter .latest-issue p:not(.byline) a:not(.btn):hover {
	color: #CDF5EA !important;
	text-decoration: none;
}

#newsletter .recent-issues {
	display: none;
}

#newsletter .recent-issues > div.row:first-of-type {
	margin-bottom: 40px;
}

#newsletter .article-col a, #newsletter .article-col a:link, #newsletter .article-col a:visited {
	color: inherit;
	text-decoration: none;
}

#newsletter .article-col:nth-child(1){
	padding-right: 15px;
}

#newsletter .article-col:nth-child(2){
	padding-left: 15px;
}

#newsletter article {
	background-color: rgba(40, 40, 40, 0.75);
	padding: 10px;
	margin: 0 0 40px;
	display: none;
}

#newsletter article:hover {
	background-color: #0b3943;
	cursor: pointer;
}

#newsletter article:hover .issue-num {
	color: #68acbb;
}

#newsletter article header .issue-num {
	position: absolute;
}

#newsletter article header .article-title {
	float: left;
	margin-left: 80px;
}


#newsletter article header .article-title small
 {
 	font-family: Gotham;
    font-weight: 100;
 }

#newsletter article header .article-title h2 {
	margin: 0;
	font-size: 1.3em;
}

#newsletter article .excerpt {
	clear: both;
    margin-top: 15px;
}


#newsletter .rewind {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin-bottom: 20px;
	opacity: .5;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

#newsletter .rewind:hover {
	opacity: 1;
	cursor: pointer;
}

#newsletter .rewind img {
	max-width: 40%;
	margin: 0 auto;
	display: block;
}

#newsletter .rewind span {
	font-family: "Gotham-Light";
	color: #cccdd3;
	line-height: 1.2;
	text-align: center;
	display: block;
	margin-top: 10px;
	font-size: .75em;
	text-transform: uppercase;
}

#newsletter h5 {
	text-transform: uppercase;
	font-size: .8em;
	color: #737373;
	letter-spacing: .2em;
}

#newsletter h2 {
	margin-top: 40px;
	line-height: 1.3;
	font-family: 'Gotham-ExtraLight';
}

#newsletter p.byline {
	color: #fff;
	margin-bottom: 45px;
}

#newsletter p {
	color: #cccdd0;
	line-height: 1.6;
}

#newsletter img.stamp {
	max-width: 65%;
	float: right;
}



/*------------------------------------------------------------------
18. Jumpstart Your Project
-------------------------------------------------------------------*/
#jumpstart {
	background: -webkit-radial-gradient(80% 50% circle, #187990 0%, #156C80 20%, #135E70 40%, #10515F 60%, #0E434F 80%, #0B363F 100%);
    background: -o-radial-gradient(80% 50% circle, #187990 0%, #156C80 20%, #135E70 40%, #10515F 60%, #0E434F 80%, #0B363F 100%);
    background: radial-gradient(circle at 80% 50%, #187990 0%, #156C80 20%, #135E70 40%, #10515F 60%, #0E434F 80%, #0B363F 100%);
	min-height: 800px;
	position: relative;
	color: #fff;
	padding: 105px 150px;
}

#jumpstart .screenshot {
	position: absolute;
	top: 15%;
	right: 0;
	bottom: 0;
	left: 20%;
	opacity: .75;
	pointer-events: none;
}

#jumpstart .screenshot img {
	-webkit-mask-image: -webkit-gradient(
	    linear, right top, left top, 
	    color-stop(0.00,  rgba(0,0,0,1)),
	    color-stop(0.50,  rgba(0,0,0,1)),
	    color-stop(0.65,  rgba(0,0,0,0)),
	    color-stop(1.00,  rgba(0,0,0,0))
	);
}

#jumpstart h5 {
    text-transform: uppercase;
    font-size: .8em;
    letter-spacing: .2em;
    color: #68acbb;
}

#jumpstart h2 {
	font-family: 'Gotham-ExtraLight';
	margin-bottom: 50px;
}

#jumpstart p {
	color: #efefef;
    font-family: "Gotham-Light";
    font-size: .9em;
}

#jumpstart p .larger {
	font-size: 1em;
	font-family: "Gotham-Medium";
}

#jumpstart .perfer-phone {
	margin-top: 40px;
}

#jumpstart .btn-dark {
	background-color: #0b3741;
}

#jumpstart .btn-dark i {
	background-color: #0a2f38;
}



/*------------------------------------------------------------------
19. Article 
-------------------------------------------------------------------*/
body.page .article-title {
	height: 400px;
	margin-bottom: 50px;
	margin-top: 20px;
}

body.page .article-title.media {
	width: 80%;
    margin: 0 auto;
}

body.page h1 {
	color: #78f0fb;
	text-align: center;
	font-family: "Gotham-Bold";
	text-transform: uppercase;
	font-size: 3em;
}

body.page h1 span {
	display: block;
	font-size: .75em;
}

h4.fancy {
	color: #9f9f9f;
	font-family: "Gotham-Light";
	font-size: .9em;
	letter-spacing: .5em;
	text-transform: uppercase;
	text-align: center;
}

h4.fancy span.amp {
	font-family: "freight-text-pro";
	font-weight: 300;
	font-size: 1.8em;
}

body.page article {
	background-color: #fff;
	padding: 75px 100px;
	min-height: 1000px;
    background: -webkit-radial-gradient(90% 20% circle, #e1e1e2 0%, #e9e9ea 20%, #f5f5f5 40%, #FFFFFF 60%, #FFFFFF 80%, #FFFFFF 100%);
	background: -o-radial-gradient(90% 20% circle, #e1e1e2 0%, #e9e9ea 20%, #f5f5f5 40%, #FFFFFF 60%, #FFFFFF 80%, #FFFFFF 100%);
	background: radial-gradient(circle at 90% 20%, #e1e1e2 0%, #e9e9ea 20%, #f5f5f5 40%, #FFFFFF 60%, #FFFFFF 80%, #FFFFFF 100%);
}

body.page article h2 {
	line-height: 1.3;
}

body.page article header h2:first-of-type {
	margin: 0 0 30px 0;
	color: #515258;
}

body.page article h2 {
	color: #515258;
	margin-top: 50px;
	font-weight: bold;
}

body.page.article article h3:first-of-type {
	margin-top: 50px;
}

body.page article header small {
	color: #B1B1B2;
}

body.page article figure {
	border: 5px solid #018bae;
    background: #f5f5f5;
}

body.page article figure figcaption {
    background: #018bae;
    color: #fff;
    padding: 10px 5px 5px;
    text-align: center;
}

body.page article img.float-left.nofigure {
	margin: 10px 20px 0 0;
}

body.page article img.float-right.nofigure {
	margin: 10px 0 0 20px;
}

body.page article header h2:first-of-type::after {
	border-top: 7px solid #68acbb;
    width: 50px;
    display: block;
    height: 7px;
    content: "";
    margin-top: 15px;
}

body.page.article article h3 {
	margin-top: 75px;
}

body.page article p {
	line-height: 1.8;
	font-size: 1.4em;
	font-family: freight-text-pro, serif;
	font-weight: 300;
}

body.page article p strong {
	line-height: 1.8;
	font-family: freight-text-pro, serif;
	font-weight: 600;
}

body.page article blockquote {
	font-size: 2em;
    font-family: freight-text-pro, serif;
    font-weight: 600;
    color: #68acbb;
    border-left: 3px solid #e0e0e0;
    padding: 0 15px 0 15px;
    background: #f5f5f5;
}

body.page article blockquote:before {
	display: block;
    height: 0;
    content: "\201c";
    margin-left: -.75em;
    font: italic 400%/1 Cochin,Georgia,"Times New Roman", serif;
    color: #999;
}

body.page article blockquote.half {
	width: 50%;
	margin-left: 100px;
}

@media screen and (max-width: 768px) {
	body.page article {
		background: #f5f4f4;
	}

	body.page article blockquote.half {
		width: 90%;
		float: none;
		margin-left: 5%;
	}
}

body.article .meta-container {
	position: relative;
	overflow: visible;
}

#article-meta {
    color: #fff;
    display: inline-block;
    position: absolute;
    top: -105px;
    right: 0;
    padding: 5px;
	background-color: #285167;
}

#article-meta div {
	float: left;
	padding: 5px 20px;
	font-family: "Gotham-Light";
	line-height: 1.2;
	border-right: 2px solid #76777b;
}

#article-meta div:first-of-type {
	text-align: center
}

#article-meta div:last-of-type {
	padding-right: 50px;
	border: none;
}

#article-meta div span {
	display: block;
	text-transform: uppercase;
	font-family: "Gotham-Medium";
}

article #article-meta img {
	height: 85px;
	width: 85px;
	margin: 0;
	display: inline-block;
    position: absolute;
    right: -65px;
    top: -12px;
}



/*------------------------------------------------------------------
20. Statusboard 
-------------------------------------------------------------------*/
.statusboard h2, 
.statusboard h3 {
	color: #fff;
	text-transform: uppercase;
}

.statusboard h2 {
	margin-bottom: 0;
}

.statusboard h2 small {
	font-size: 50%;
}

.statusboard h3 {
	font-family: "Gotham-Book";
}

.statusboard a {
	color: #c7f5ff;
}

body.page.statusboard-page h4.fancy {
	color: #d2d2d2;
}




/*------------------------------------------------------------------
20. Case Study  
-------------------------------------------------------------------*/
body.casestudy #intro {
	background-color: #fff;
	padding: 75px 100px;
    background: -webkit-radial-gradient(90% 20% circle, #BBBDC3 0%, #D2D3D7 20%, #E8E9EB 40%, #FFFFFF 60%, #FFFFFF 80%, #FFFFFF 100%);
background: -o-radial-gradient(90% 20% circle, #BBBDC3 0%, #D2D3D7 20%, #E8E9EB 40%, #FFFFFF 60%, #FFFFFF 80%, #FFFFFF 100%);
background: radial-gradient(circle at 90% 20%, #BBBDC3 0%, #D2D3D7 20%, #E8E9EB 40%, #FFFFFF 60%, #FFFFFF 80%, #FFFFFF 100%);
}

body.casestudy.services #intro {
	/*min-height: 800px;*/
}

body.casestudy #intro p:not(.intro) {
	line-height: 1.8;
	font-size: 1.1em;
}

body.casestudy #intro .info-details p {
	font-size: .9em;
}

body.casestudy .city {
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .3em;
	font-family: "Gotham-Book";
	padding-left: 5px;
}

body.casestudy h1 {
	color: #6a6c74;
	text-align: left;
	margin: 20px 0;
	font-size: 2em;
	letter-spacing: .12em;
	margin-bottom: 50px;
}

body.casestudy h2::after {
	border-top: 7px solid;
	width: 50px;
	display: block;
	height: 7px;
	content: "";
	margin-top: 15px;
}

body.casestudy h4 {
	margin: 10px 0 0 0;
}

body.casestudy p.intro {
	font-family: "Gotham-Light";
	font-size: 1.8em;
	color: #2b2c30;
	margin-bottom: 50px;
}

body.casestudy.contact p.intro {
	color: #6a6c74;
}

body.casestudy aside#project-details, 
body.casestudy .mini-bio {
	background-color: #56595d;
	/*min-height: 400px;*/
	margin: 40px 50px 0;
}

body.casestudy .mini-bio img.jeremy-buff-photo {
	display: block;
	text-align: center;
}

body.casestudy aside#project-details.services, 
body aside.mini-bio {
	margin-top: 0;
}

body aside.mini-bio {
	float: right;
	display: block;
	max-width: 400px;
}

body.casestudy aside#project-details header, 
body aside.mini-bio header {
	background-color: #3e4144;
	position: relative;
	padding: 10px 0;
}

body.casestudy:not(.services) aside#project-details header h4, 
body:not(.about) aside.mini-bio header h4 {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-indent: 100px;
	font-size: 2em;
	font-family: "Gotham-ExtraLight";
}

body.casestudy.services aside#project-details header h4, 
body aside.mini-bio header h4{
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 2em;
	font-family: "Gotham-ExtraLight";
}

body.casestudy:not(.services) aside#project-details header::before, 
body:not(.about) aside.mini-bio header::before {
	content: '';
	background: #2f3134 url('https://static.jeremybuff.com/img/feather.svg') center center no-repeat;
	background-size: 70% 70%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100px;
}

body.casestudy aside#project-details.services header h4, 
body  aside.mini-bio header h4 {
	font-size: 1.3em;
}


body.casestudy aside#project-details .details-list {
	padding: 20px;
}

body.casestudy aside#project-details ul {
	list-style: none;
	color: #fff;
	padding: 0;
	clear: both;
	overflow: auto;
}

body.casestudy aside#project-details .details-list > ul > li {
	padding: 15px 0;
	background-image: linear-gradient(to right, #fff 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 5px 1px;
	background-repeat: repeat-x;
}

body.casestudy aside#project-details .details-list > ul > li:last-of-type {
	background: none;
}

body.casestudy aside#project-details ul li {
	font-family: "Gotham-Medium";
	overflow: auto;
}

body.casestudy aside#project-details ul li span {
	float: left;
}

body.casestudy aside#project-details ul li > ul {
	float: right;
	padding-right: 10px;
	width: 70%;
	border: none;
}

body.casestudy aside#project-details ul li > ul li {
	color: #fff;
	font-weight: normal;
	font-family: "Gotham-Light";
}

body.casestudy aside#project-details a.btn {
	background-color: #72e2ec;
	color: #2b4d60;
	display: block;
	padding: 15px 0;
	text-transform: uppercase;
	font-size: 1.3em;
	font-family: "Gotham-Medium";
}

body.casestudy aside#project-details a.btn:hover {
	background-color: #63cad4;
    color: #fff;
}

body.page section:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: .1;
	background-color: #456D80;
	pointer-events: none;
}

body.casestudy #jii-mobile-first {
	min-height: 650px;
	background: -webkit-radial-gradient(65% 50% circle, #456D80 0%, #3B6072 20%, #325365 40%, #284757 60%, #1F3A4A 80%, #152D3C 100%);
	background: -o-radial-gradient(65% 50% circle, #456D80 0%, #3B6072 20%, #325365 40%, #284757 60%, #1F3A4A 80%, #152D3C 100%);
	background: radial-gradient(circle at 65% 50%, #456D80 0%, #3B6072 20%, #325365 40%, #284757 60%, #1F3A4A 80%, #152D3C 100%);
	position: relative;
	overflow-x: 
}

body.casestudy #design-services {
	min-height: 650px;
	background: -webkit-radial-gradient(65% 50% circle, #5E2A5F 0%, #552454 20%, #4C1E49 40%, #42193F 60%, #391334 80%, #300D29 100%);
	background: -o-radial-gradient(65% 50% circle, #5E2A5F 0%, #552454 20%, #4C1E49 40%, #42193F 60%, #391334 80%, #300D29 100%);
	background: radial-gradient(circle at 65% 50%, #5E2A5F 0%, #552454 20%, #4C1E49 40%, #42193F 60%, #391334 80%, #300D29 100%);
	position: relative;
	overflow: hidden;
}

body.casestudy #design-services:before {
  background-image: url('https://static.jeremybuff.com/img/design-bg-3.jpg'), url(data:image/png;base64,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);
  background-repeat: no-repeat, repeat;
  background-position: center center, center center;
  background-size: cover, auto;
  pointer-events: none;
  opacity: .05;
}

body.casestudy #dynamics-services {
	min-height: 650px;
	background: -webkit-radial-gradient(65% 50% circle, #00a1b2 0%, #0b8aa0 20%, #0d6784 40%, #13486c 60%, #143e62 80%, #14355c 100%);
	background: -o-radial-gradient(65% 50% circle, #00a1b2 0%, #0b8aa0 20%, #0d6784 40%, #13486c 60%, #143e62 80%, #14355c 100%);
	background: radial-gradient(circle at 65% 50%, #00a1b2 0%, #0b8aa0 20%, #0d6784 40%, #13486c 60%, #143e62 80%, #14355c 100%);
	position: relative;
	overflow: hidden;
}

body.casestudy #dynamics-services:before {
  background-image: url('https://static.jeremybuff.com/img/advantedge.jpg'), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat, repeat;
  background-position: center center, center center;
  background-size: cover, auto;
  pointer-events: none;
  opacity: .05;
}

body.casestudy #marketing-services {
	min-height: 650px;
	background: -webkit-radial-gradient(65% 50% circle, #b1bb3b 0%, #9ba52d 20%, #8b9423 40%, #767d1a 60%, #5f6510 80%, #464a10 100%);
	background: -o-radial-gradient(65% 50% circle, #b1bb3b 0%, #9ba52d 20%, #8b9423 40%, #767d1a 60%, #5f6510 80%, #464a10 100%);
	background: radial-gradient(circle at 65% 50%, #b1bb3b 0%, #9ba52d 20%, #8b9423 40%, #767d1a 60%, #5f6510 80%, #464a10 100%);
	position: relative;
	overflow: hidden;
}

body.casestudy #marketing-services:before {
  background-image: url('https://static.jeremybuff.com/img/marketing-automation.jpg'), url(data:image/png;base64,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);
  background-repeat: no-repeat, repeat;
  background-position: center center, center center;
  background-size: cover, auto;
  pointer-events: none;
  opacity: .05;
}

body.casestudy #development-services:before {
  background-image: url('https://static.jeremybuff.com/img/development-bg.jpg'), url(data:image/png;base64,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);
  background-repeat: no-repeat, repeat;
  background-position: center center, center center;
  background-size: cover, auto;
  pointer-events: none;
  opacity: .05;
}

.individual-services {
	margin: 135px 0px 0px 50px;
}

.individual-services .service-item {
	background: rgba(255, 255, 255, 0.12);
	padding: 15px 15px 15px 80px;
	margin: 0 10px 25px;
	/*border-left: 2px solid #fff;*/
	position: relative;
}


.individual-services .service-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	width: 50px;
	background: rgba(255, 255, 255, 0.1) url('https://static.jeremybuff.com/img/beaker-white.svg') no-repeat;
	background-size: 60%;
	background-position: center center;
	border-right: 2px solid rgba(255, 255, 255, 0.5);
}

body.page .individual-services .service-item h3 {
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-family: "Gotham-Book";
}

@media screen and (max-width: 1000px) {
	.individual-services > .service-col  {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.individual-services {
		margin: 0;
	}

}

body.casestudy #jii-mobile-first:before {
  background-image: url('https://static.jeremybuff.com/img/casestudy-jeremiahs-mobile-first.png'), url(data:image/png;base64,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);
  background-repeat: no-repeat, repeat;
  background-position: center center, center center;
  background-size: cover, auto;
  pointer-events: none;
}

body.casestudy #jii-mobile-first h2:before, 
body.casestudy #jii-mobile-first p strong {
	color: #f3684a;
	border-color: #f3684a;
}

body.casestudy #jii-mobile-first .overflow {
	position: absolute;
	z-index: 1;
	max-width: 95%;
	left: auto;
	right: auto;
	top: -50px;
}

body section.b-top {
	padding: 125px 100px;
	border-top: 15px solid #fff;
}

body.casestudy section h1{
	margin-top: 5px;
	color: #fff;
	letter-spacing: .06em;
}

body.casestudy p.nomargin {
	margin: 0;
	padding: 0;
}

body.casestudy p span.service-desc {
	color: #fff;
	margin: 0;
	font-size: 1.4em;
	font-family: "Gotham-Light";
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
} 

body.casestudy.process section h2, body.casestudy.services section h2, body.casestudy.portfolio section h2 {
	text-align: left;
	margin: 0;
	font-size: 2em;
	letter-spacing: .12em;
	margin-bottom: 50px;
	font-family: "Gotham-Bold";
	text-transform: uppercase;
	color: #fff;
 }

body.casestudy section h2 {
	color: #fff;
	margin: 0;
	font-size: 1.4em;
}

body.casestudy section p {
	color: #fff;
	line-height: 1.6;
}


body.casestudy section p.highlight {
	color: #fff;
	line-height: 1.6;
	font-size: 1.1em;
	letter-spacing: .02em;
	text-align: justify;
}


body.casestudy section p.highlight strong {
	font-family: "Gotham-Medium";
}

body ul.half {
	width: 50%;
}

@media screen and (max-width: 761px) {
	body ul.half {
		width: 100%;
	}
}

body ul.pretty {
	color: #6a6c74;
	margin: 0;
	padding-left: 0;
	counter-reset: pretty-counter;
}

body ul.pretty li.title {
	background: #333;
	text-align: center;
	padding: 5px;
	color: #fff;
	display: block;
}

body ul.pretty li {
	list-style: none;
	background: #e6e6e6;
	margin-bottom: 10px;
	padding: 5px 5px 5px 35px;
	position: relative;
	display: flex;
	margin-left: 0px;
}


body ul.pretty li:not(.title):before {
	content: counter(pretty-counter);
	counter-increment: pretty-counter;
	background-color: #018bae;
	border-right: 3px solid #fff;
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 30px;
	color: #fff;
	text-align: center;
    display: flex;
    align-items: center;
    padding-left: 8px;
}

body ul.pretty li strong {
	font-family: "Gotham-Medium" !important;
	margin-right: 5px; 
}

body ul.star {
	padding: 0;
	list-style: none;
	margin: 35px 0;
}

body ul.star li {
	position: relative;
	padding-left: 35px;
	color: #fff;
	margin-bottom: 15px;
	font-family: "Gotham-Light";
}

body ul.star.dark li {
	color: #6a6c74;
}

body.casestudy section#design-services ul.star li::before {
	background: url(https://static.jeremybuff.com/img/circular-check-purple.png) center center no-repeat;
    content: '';
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    background-size: 15px 15px;
}

body.casestudy section#dynamics-services ul.star li::before {
	background: url(https://static.jeremybuff.com/img/circular-check-msft-light-blue.png) center center no-repeat;
    content: '';
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    background-size: 15px 15px;
}

body.casestudy section#development-services ul.star li::before {
	background: url(https://static.jeremybuff.com/img/circular-check-red.png) center center no-repeat;
    content: '';
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    background-size: 15px 15px;
}

body.casestudy section#marketing-services ul.star li::before {
	background: url(https://static.jeremybuff.com/img/circular-check-yellow.png) center center no-repeat;
    content: '';
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    background-size: 15px 15px;
}

body.casestudy section#executive-consultation ul.star li::before {
	background: url(https://static.jeremybuff.com/img/circular-check-msft-light-blue.png) center center no-repeat;
    content: '';
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    background-size: 15px 15px;
}

body.casestudy.portfolio ul.star li::before {
	background: url(https://static.jeremybuff.com/img/link.svg) center center no-repeat;
    content: '';
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    background-size: 15px 15px;
}

body.casestudy section ul.star li::before {
	background: url('https://static.jeremybuff.com/img/fa-star.png') center center no-repeat;
	content: '';
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	background-size: 20px 20px;
}

body.services.realestate section ul.star li::before {
	background: url('https://static.jeremybuff.com/img/fa-star-teal.png') center center no-repeat;
	content: '';
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	background-size: 20px 20px;
}

body.casestudy #jii-rewards-program {
	min-height: 650px;
	background: -webkit-radial-gradient(65% 50% circle, #758336 0%, #6C792F 20%, #636F28 40%, #596620 60%, #505C19 80%, #475212 100%);
	background: -o-radial-gradient(65% 50% circle, #758336 0%, #6C792F 20%, #636F28 40%, #596620 60%, #505C19 80%, #475212 100%);
	background: radial-gradient(circle at 65% 50%, #758336 0%, #6C792F 20%, #636F28 40%, #596620 60%, #505C19 80%, #475212 100%);
	position: relative;
}

body.casestudy #jii-rewards-program:before {
  background-image: url('https://static.jeremybuff.com/img/casestudy-jeremiahs-rewards-program.png'), url(data:image/png;base64,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);
  background-repeat: no-repeat, repeat;
  background-position: bottom right, center center;
  background-size: 35% 65%, auto;
  pointer-events: none;
}

body.page.casestudy.jeremiahs #jii-rewards-program h1:after, 
body.page.casestudy.jeremiahs #jii-rewards-program p strong {
	color: #dffd8d;
	border-color: #dffd8d;
}

body.casestudy.jeremiahs #jii-rewards-program .j-list-signup {
	opacity: .7;
	max-width: 90%;
}


body.casestudy #jii-ecommerce, 
body.casestudy #development-services {
	min-height: 650px;
	background: -webkit-radial-gradient(65% 50% circle, #773832 0%, #6C332D 20%, #612D28 40%, #562823 60%, #4B221E 80%, #401D19 100%);
	background: -o-radial-gradient(65% 50% circle, #773832 0%, #6C332D 20%, #612D28 40%, #562823 60%, #4B221E 80%, #401D19 100%);
	background: radial-gradient(circle at 65% 50%, #773832 0%, #6C332D 20%, #612D28 40%, #562823 60%, #4B221E 80%, #401D19 100%);
	position: relative;
	overflow: hidden;
}

body.casestudy #jii-ecommerce:before {
  background-image: url('https://static.jeremybuff.com/img/casestudy-jeremiahs-ecommerce.png'), url(data:image/png;base64,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);
  background-repeat: no-repeat, repeat;
  background-position: 3% 60%, center center;
  background-size: 40% 62%, auto;
  pointer-events: none;
}

body.page.casestudy.jeremiahs #jii-ecommerce h1:after, 
body.page.casestudy.jeremiahs #jii-ecommerce p strong {
	color: #e7a9a3;
	border-color: #e7a9a3;
}

body.page.casestudy.services #development-services h2:after,
body.page.casestudy.services #development-services p strong {
	color: #f46542;
    border-color: #f46542;
}

body.page.casestudy.services #marketing-services h2:after,
body.page.casestudy.services #marketing-services p strong {
	color: #d2e413;
    border-color: #d2e413;
}


body.casestudy.jeremiahs #jii-ecommerce .party-buckets {
	opacity: .7;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	max-width: 45%;
	max-height: 90%;
}

body.casestudy #jii-geolocation, 
body.page.casestudy.services #executive-consultation, 
#other-works {
	min-height: 650px;
	background: -webkit-radial-gradient(65% 50% circle, #17748A 0%, #15687B 20%, #125C6C 40%, #104F5D 60%, #0D434E 80%, #0B373F 100%);
	background: -o-radial-gradient(65% 50% circle, #17748A 0%, #15687B 20%, #125C6C 40%, #104F5D 60%, #0D434E 80%, #0B373F 100%);
	background: radial-gradient(circle at 65% 50%, #17748A 0%, #15687B 20%, #125C6C 40%, #104F5D 60%, #0D434E 80%, #0B373F 100%);
	position: relative;
	overflow: hidden;
}

body.casestudy #jii-geolocation:before, 
body.page.casestudy.services #executive-consultation:before {
  background-image: url('https://static.jeremybuff.com/img/casestudy-jeremiahs-geolocation.png'), url(data:image/png;base64,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);
  background-repeat: no-repeat, repeat;
  background-position: 90% 50%, center center;
  background-size: contain, auto;
  pointer-events: none;
  opacity: .2;
}

body.page.casestudy.jeremiahs #jii-geolocation h1:after, 
body.page.casestudy.jeremiahs #jii-geolocation p strong, 
body.page.casestudy.services #executive-consultation h2:after, 
body.page.casestudy.services #executive-consultation p strong {
	color: #6ddeff;
	border-color: #6ddeff;
}

body.casestudy.jeremiahs #jii-geolocation .locations {
	opacity: .7;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	max-height: 100%;
	height: 100%;
}


body.casestudy #ascend {
	min-height: 650px;
	background: url('https://static.jeremybuff.com/img/ascend-mountains.jpg'), -webkit-radial-gradient(65% 50% circle, #768597 0%, #6D7B8D 20%, #647282 40%, #5B6878 60%, #525F6D 80%, #495563 100%);
	background: url('https://static.jeremybuff.com/img/ascend-mountains.jpg'), -o-radial-gradient(65% 50% circle, #768597 0%, #6D7B8D 20%, #647282 40%, #5B6878 60%, #525F6D 80%, #495563 100%);
	background: url('https://static.jeremybuff.com/img/ascend-mountains.jpg'), radial-gradient(circle at 65% 50%, #768597 0%, #6D7B8D 20%, #647282 40%, #5B6878 60%, #525F6D 80%, #495563 100%);
	position: relative;
	background-size: cover, auto;
	overflow: hidden;
	padding: 50px 100px 50px;
	margin-bottom: 0;
}

body.casestudy #ascend.canyon {
	min-height: 650px;
	background: url('https://static.jeremybuff.com/img/blue-canyon-bg-2.jpg'), -webkit-radial-gradient(65% 50% circle, #768597 0%, #6D7B8D 20%, #647282 40%, #5B6878 60%, #525F6D 80%, #495563 100%);
	background: url('https://static.jeremybuff.com/img/blue-canyon-bg-2.jpg'), -o-radial-gradient(65% 50% circle, #768597 0%, #6D7B8D 20%, #647282 40%, #5B6878 60%, #525F6D 80%, #495563 100%);
	background: url('https://static.jeremybuff.com/img/blue-canyon-bg-2.jpg'), radial-gradient(circle at 65% 50%, #768597 0%, #6D7B8D 20%, #647282 40%, #5B6878 60%, #525F6D 80%, #495563 100%);
	position: relative;
	background-size: cover, auto;
	overflow: hidden;
	padding: 50px 100px 50px;
	margin-bottom: 0;
}

body.casestudy #ascend.canyon header {
	padding-left: 5px;
	margin-bottom: 50px;
}

body.page.casestudy #ascend h1:after, 
body.page.casestudy #ascend p strong {
	border-color: #fff;
}

body.casestudy #ascend.canyon img.leader {
	margin-right: 15px; 
	float: left;
	width: 60px;
}

body.casestudy #ascend .ascend-keys:before {
  display: none;
  background-image: url('https://static.jeremybuff.com/img/ascend-mountains.jpg'), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat, repeat;
  background-position: cover, center center;
  background-size: contain, auto;
  pointer-events: none;
  opacity: .2;
}

body.page.casestudy #ascend h1:after, 
body.page.casestudy #ascend p strong {
	color: #fecf36;
	border-color: #fecf36;
}

body.page.casestudy #ascend h1 {
	font-size: 1.3em;
	margin-bottom: 20px;
}

body.page.casestudy #ascend p {
	text-align: justify;
}

body.page.casestudy #ascend .ascend-keys > div:first-of-type {
	padding-right: 30px;
}

body.page.casestudy #ascend .ascend-keys > div:last-of-type {
	padding-left: 30px;
}

body.casestudy #ascend .ascend-logo {
	width: 35%;
	margin: 0 auto 100px;
	display: block;
}

body.casestudy #ascend .blue-canyon-logo {
	width: 55%;
	margin: 0 auto 100px;
	display: block;
}

body.casestudy #ascend-screenshots {
	padding: 75px;
	background-color: #768897;
	position: relative;
}

body.casestudy #ascend-screenshots p {
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	color: #ebecee;
	font-size: .8em;
}

body.casestudy #ascend-screenshots img {
	border: 4px solid rgba(255,255,255,.15);
	max-width: 90%;
	margin: 0 auto;
	display: block;
}

body.casestudy #ascend-screenshots .ascend-btn {
	display: block;
	margin: 0 auto;
	position: absolute;
	top: -30px;
	left: 50%;
    transform: translate(-50%, 0);
	text-align: center;
	background-color: #44505d; 
	padding: 10px 35px;
	border: 4px solid rgba(255,255,255,.4);
	color: #fff;
	text-transform: uppercase;
	font-family: "Gotham-Medium";
	letter-spacing: .2em;
}

body.casestudy #ascend-screenshots .ascend-btn:hover {
	text-decoration: none;
	background-color: #fecf36;
	color: #44505d;
	border-color: rgba(68, 80, 93, .4);
}



body.casestudy #production-process {
	min-height: 650px;
	background: -webkit-radial-gradient(65% 50% circle, #5E2A5F 0%, #552454 20%, #4C1E49 40%, #42193F 60%, #391334 80%, #300D29 100%);
	background: -o-radial-gradient(65% 50% circle, #5E2A5F 0%, #552454 20%, #4C1E49 40%, #42193F 60%, #391334 80%, #300D29 100%);
	background: radial-gradient(circle at 65% 50%, #5E2A5F 0%, #552454 20%, #4C1E49 40%, #42193F 60%, #391334 80%, #300D29 100%);
	position: relative;
	overflow: hidden;
}

body.casestudy #production-process:before {
  background-image: url('https://static.jeremybuff.com/img/production-process-squares.png'), url(data:image/png;base64,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);
  background-repeat: no-repeat, repeat;
  background-position: top left, center center;
  background-size: cover, auto;
  pointer-events: none;
}

body.page.casestudy #production-process h1:after, 
body.page.casestudy #production-process p strong, 
body.page.casestudy #production-process p a,
body.page.casestudy #production-process .link-arrow {
	color: #be7cbc;
	border-color: #be7cbc;
}

body.page.casestudy #production-process p a:hover {
	color: #ecb4eb;
}

body.page.casestudy #production-process img {
	max-width: 60%;
	display: block;
	margin: 0 auto;
}




/*------------------------------------------------------------------
21. Services
-------------------------------------------------------------------*/
.epertise-dot-com-header {
	margin-top: -225px;
}

.epertise-dot-com {
	margin: 25px auto 25px;
	display: block;
	width: 80%;
}

body.realestate figure figcaption {
	padding: 5px;
	background: #018bae;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .9em;
}




/*------------------------------------------------------------------
22. Portfolio
-------------------------------------------------------------------*/
.container .portfolio-item {
	position: relative;
	background: #595959 url('/lib/img/gradient-noise.png') repeat;
	background-size: 100px 100px;
	overflow: hidden;
	border-bottom: 15px solid #fff;
	min-height: 700px;
}

.container .portfolio-item.last {
	border-bottom: none;
}

.container .portfolio-item:nth-child(even) {
	background: #595959 url('/lib/img/gradient-noise-darker.png') repeat;
	background-size: 100px 100px;
}

.container .portfolio-item h2 span {
	background: #989d9e;
    padding: 5px;
    font-size: .5em;
    vertical-align: 6px;
}

.container .portfolio-item header {
	border-bottom: 1px solid #a5a4a4;
	height: 35px;
    width: 100%;
}

.container .portfolio-item h2.project-title {
	font-family: "Gotham-Bold";
	font-size: 1.8em;
	text-transform: uppercase;
	padding-left: 34px;
	margin-bottom: 0;
}

.container .portfolio-item h3.skills {
	font-family: "Gotham-Medium";
	font-size: .8em;
	color: #fff;
	margin: 6px 0 0 0;
	padding-left: 104px;
	text-transform: uppercase;
}

.container .portfolio-item h3.skills::after {
	border-top: 7px solid #989d9e;
    width: 50px;
    display: block;
    height: 5px;
    content: "";
    margin-top: 15px;
}

.container .portfolio-item p {
	padding-left: 104px;
	margin-top: 15px;
	color: #d0d0d0;
}

body.portfolio .container .portfolio-item p {
	text-align: justify;
}

body.portfolio .btn-dark {
	padding: 10px;
}

@media screen and (max-width: 991px) {
	.container .portfolio-item .portfolio-logo {
		margin-bottom: 50px;
	}
}

.addl-work {
	margin-bottom: 35px;
}

.addl-work .inner-content {
	background-color: #eaebed;
	min-height: 250px;
	padding: 5px;
}

body.page .addl-work .inner-content h3 {
	color: #6a6c74;
    font-family: "Gotham-Book";
    font-size: 1.2em;
    text-transform: uppercase;
    margin-top: 0;
}


.addl-work .inner-content .description {
	padding: 15px;
}

.addl-work .inner-content .description p {
	color: #1a677a;
	margin: 10px 0 0 0;
}

body.page.portfolio #other-works {
	padding: 70px 100px;
}




/*------------------------------------------------------------------
22. Contact
-------------------------------------------------------------------*/
form .form-control {
	border-radius: 0;
}

form label {
	color: #68acbb;
	font-size: 1.25rem;
}

form textarea.form-control, 
form input.form-control {
	font-size: 1rem;
}

.form-control:focus {
	border-color: #1edebc;
}

form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 1;
  font-style: italic;
  color: #b3b3b3;
}
form .form-control::-moz-placeholder { /* Firefox 19+ */
  opacity: 1;
  font-style: italic;
  color: #b3b3b3;
}
form .form-control:-ms-input-placeholder { /* IE 10+ */
  opacity: 1;
  font-style: italic;
  color: #b3b3b3;
}
form .form-control:-moz-placeholder { /* Firefox 18- */
  opacity: 1;
  font-style: italic;
  color: #b3b3b3;
}
form .form-control::placeholder { /* Firefox 18- */
  opacity: 1;
  font-style: italic;
  color: #b3b3b3;
}

.contact-phone {
    background: #68acbb;
    float: right;
    padding: 10px 10px 10px 65px;
    position: relative;
    margin-top: 40px;
}

.contact-phone a, 
.contact-phone a:link, 
.contact-phone a:active,
.contact-phone a:visited {
	color: #fff !important;
	text-decoration: none !important;
}

@media screen and (max-width: 768px){
	.contact-phone {
		float: none;
		margin: 15px 0 25px 0;
		height: auto;
		overflow: visible;
	}

	body.casestudy h1 {
		margin-top: 10px;
		margin-bottom: 15px;
	}
}

.contact-phone::before {
	content: '';
	width: 50px;
	height: auto;
	background: #54919e url(https://static.jeremybuff.com/img/icon-smartphone.png) center center no-repeat;
	background-size: 80%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.contact-phone h3 {
	margin: 0 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: 1.1em !important;
}

.contact-phone h3 small {
	display: block;
}

.form-success {
	display: none;
}


/*------------------------------------------------------------------
23. Web Production Process
-------------------------------------------------------------------*/
/*.container .step-item, 
.container .step-item:nth-child(even) {
    background: -webkit-radial-gradient(65% 50% circle, #17748A 0%, #15687B 20%, #125C6C 40%, #104F5D 60%, #0D434E 80%, #0B373F 100%);
    background: -o-radial-gradient(65% 50% circle, #17748A 0%, #15687B 20%, #125C6C 40%, #104F5D 60%, #0D434E 80%, #0B373F 100%);
    background: radial-gradient(circle at 65% 50%, #17748A 0%, #15687B 20%, #125C6C 40%, #104F5D 60%, #0D434E 80%, #0B373F 100%);
}*/

body.page .container .step-item .highlight, 
body.page .container .step-item h1::after {
	color: #fff;
	border-color: #989d9e !important;
}

.container .step-item h3 {
	padding-left: 103px;
	color: #fff !important;
	text-transform: uppercase;
}

.container .step-item p {
	font-size: 1em;
}

.container .step-item:nth-child(even) {

}

@media screen and (max-width: 991px){
	.container .step-item h3,
	.container .portfolio-item h3.skills, 
	.container .portfolio-item h2.project-title,  
	.container .step-item p, 
	.container .portfolio-item p {
		padding-left: 0;
	}
}



/*------------------------------------------------------------------
23. Full-Service Web Design 
-------------------------------------------------------------------*/
#fswd-ideas {
	background: #181818 url('/lib/img/ideas.jpg') top center no-repeat;
	background-size: contain;
	min-height: 1250px;
}

body.casestudy section#fswd-ideas h1, 
body.casestudy section#fswd-ideas h4 {
	text-align: center;
}

body.casestudy section#fswd-ideas h1 {
	color: #6AE6E7;
}

body.casestudy section#fswd-ideas h1::after {
	margin: 10px auto 0px;
}

body.casestudy section#fswd-ideas ul.star li::before {
	background: none;
	color: #70dfff !important;
	font-family: "Font Awesome 5 Regular";
	content: '\f058';
    display: none;
}

body.casestudy section#fswd-ideas ul, 
body.casestudy section#fswd-ideas ul li {
	padding: 0;
	margin: 0;
}

body.casestudy section#fswd-ideas ul.star li svg {
	color: #70dfff;
	margin-right: 10px;
}

body.casestudy section#fswd-ideas header {
	border: none;
	margin-bottom: 25px;
	height: auto;
}

body.casestudy section#fswd-ideas header h2 {
	font-size: .9em;
}

body.casestudy section#fswd-ideas header h1 {
	text-align: left;
	font-size: 1.3em;
	margin-bottom: 0;
}

body.casestudy section#fswd-ideas header h1::after {
	display: none;
}


.container section#fswd-ideas.portfolio-item p {
	padding: 0;
	margin-bottom: 25px;
	line-height: 1.8;
}

.section-title {
	margin: 50px auto;
}

body.casestudy section#fswd-ideas .section-title h1 {
	font-size: 3.5em;
}






















/*------------------------------------------------------------------
40. Footer
-------------------------------------------------------------------*/
body > .container > footer {
	min-height: 300px;
	background-color: #282828;
	padding: 25px 25px 10px 25px;
	color: #fff;
	/*border-top: 8px solid #1d1d1d;*/
}

body > .container > footer .top-row {
	padding-top: 20px;
	margin-bottom: 50px;
}

body > .container > footer img {
	// margin: 0 auto;
	width: 300px;
	display: block;
}

body > .container > footer ul.social-icon {
	margin: 5px auto;
	// text-align: center;
	text-align: right;
}

body > .container > footer ul.social-icon li {
	display: inline;
	margin-top: 10px;
}

body > .container > footer ul.social-icon li a {
	font-size: 1em;
    display: inline-block;
    padding: 2px 5px;
    width: 47px;
    text-align: center;
    background-color: #1d1d1d;
}

body > .container > footer ul.social-icon li a:hover {
	text-decoration: none;
	background: #151515;
}


body > .container > footer h5 {
	text-transform: uppercase;
	font-family: "Gotham-Light";
    font-size: .8em;
    letter-spacing: .2em;
    color: #68acbb;
}

body > .container > footer ul {
	list-style: none;
	padding: 0;
}

body > .container > footer ul li a {
	color: #fff;
    font-family: "Gotham-Light";
    font-size: .6em;
    display: inline-block;
    margin: 10px 0;
    width: 150px;
    text-transform: uppercase;
    letter-spacing: .1em;
}

body > .container > footer ul li a:hover {
	color: #c7f5ff;
	text-decoration: none;
}

p.copyright {
	margin: 25px 0 0 0;
}
body.page.cv h3:not(.first) {
	margin-top: 50px !important;
}

.cv-contact-info {
	background: rgba(103, 173, 187, 0.07);
	min-height: 75px;
	margin-bottom: 50px;
	padding: 10px 10px 0px 10px;
}

.cv-contact-info p {
	padding: 10px;
	margin-bottom: 0;
}

.cv-contact-info p a {
	color: #fff;
}

.cv-contact-info .cv-item {
	padding: 0 10px;
	margin-bottom: 10px;
}

.cv-contact-info .cv-item a {
	color: #6a6c74;
}

.cv-item strong {
	display: block;
	border-bottom: 2px solid rgba(104, 172, 187, 0.4);
}



br.onlymobile {
	display: none;
}






body.parallax #masthead {
	position: fixed !important;
    width: 1420px !important;
    height: 400px !important;
    left: 50% !important;
    top: 0% !important;
    margin-left: -710px !important;
    z-index: -1 !important;
    /*position: fixed !important;
    width: 100%;
    height: 400px !important;
    top: 0% !important;
    z-index: -1 !important;
    max-width: 1420px;*/
}

@media screen and (min-width: 1026px) and (max-width: 1463px){
	body.parallax #masthead {
		position: fixed !important;
	    width: calc(100% - 30px) !important;
	    height: 400px !important;
	    left: 50% !important;
	    top: 0% !important;
	    margin-left: calc(-50% + 15px) !important;
	    z-index: -1 !important;
	}
}

body.parallax #intro {
	margin-top: 400px !important;
}

body.parallax.statusboard-page #masthead {
	height: 550px !important;
}

body.parallax.statusboard-page #intro {
	margin-top: 550px !important;
}

@media screen and (max-width: 481px){
	body.parallax #intro {
		margin-top: 250px !important;
	}

	body.page.casestudy.about #masthead {
    	background-position: center center;
	}

	body.parallax #masthead {
		height: 250px !important;
	    width: 100% !important;
	    left: 0 !important; 
	    top: 0 !important;
	    margin-left: -0 !important; 
	    z-index: -1 !important;
	    overflow: auto;
	}


}

body.parallax.casestudy.item #masthead {
	height: 600px !important;
}

body.parallax.casestudy.item #intro {
	margin-top: 600px !important;
}

body.parallax.article #masthead {
	height: 600px !important;
}

body.parallax.article article {
	margin-top: 600px;
}

body.article #reach-out {
	padding: 25px 100px;
    background: #ececec;
    margin: 0;
}

body.article #reach-out p {
	font-size: 1.15em;
}

body.article #comments {
	padding: 25px 100px;
    background: #fff;
    margin: 0;
}

.fb-comments.fb_iframe_widget.fb_iframe_widget_fluid {
	width: 100% !important;
}

@media screen and (max-width: 481px) {
	body.parallax.article #masthead {
		height: 85vw !important;
		background-size: contain !important;
	}

	body.parallax.article article {
		margin-top: 70vw !important
	}

	.hidden-xs-down {
		display: none !important;
	}

	body ul.pretty li {
		flex-wrap: wrap;
	}

	body ul.pretty li strong {
		flex-basis: 100%;
	}
}


/*------------------------------------------------------------------
Animations
-------------------------------------------------------------------*/
@keyframes shake {
  10%, 90% {
    transform: scale(1.1) translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: scale(1.1) translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: scale(1.1) translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: scale(1.1) translate3d(4px, 0, 0);
  }
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}









/*------------------------------------------------------------------
Media Queries
-------------------------------------------------------------------*/

@media screen and (max-width: 500px){
	#article-meta div:nth-child(1){
		width: 45%;
	}

	#article-meta div:nth-child(2){
		border: none;
		width: 45%;
	}

	#article-meta div:last-of-type {
		display: none;
	}

	body.portfolio .container .portfolio-item {
		padding: 0;
		min-height: inherit;
	}

	body.portfolio .container .portfolio-item .portfolio-logo {
		margin-bottom: 0;
	}

	body.portfolio .container .portfolio-item .row > div:nth-of-type(1){
		padding: 50px;
		background: #223037;
	}

	body.portfolio .container .portfolio-item .row > div:nth-of-type(2){
		padding: 35px;
	}

	body.page.portfolio #other-works {
		padding: 20px;
	}

}

@media screen and (max-width: 550px){
	.jb-photo-inline {
		display: none;
	}

	.salutation-text {
		text-align: center;
	}

	.salutation-signature {
		display: block;
		margin: 0 auto;
	}

	#services .service {
		margin: 20px auto 20px;
	}

	#services .service h4 {
		font-size: 1em;
	}

	#services .service img {
		max-width: 50px;
		max-height: 50px;
	}

	#portfolio h2 {
		padding: 40px 20px 0;
	}

	#portfolio .portfolio-intro {
		padding: 0 20px 20px;
	}

	#poi, 
	#poi p, 
	#burned {
		padding: 10px;
	}

	#burned .burned-text { 
		padding: 30px;
	}

	#article-meta {
		font-size: .7em;
		bottom: -45px;
	}

	article #article-meta img {
		right: -10px;
		top: -8px;
		height: 65px;
		width: 65px;
	}

	body.page h1 {
		font-size: 2em;
	}

	#masthead #header .header-essentials img {
		max-width: 200px;
		height: auto;
	}

	h4.fancy {
		font-size: .6em;
	}

	br.no-mobile {
		display: none;
	}

	.no-mobile {
		display: none;
	}

	br.onlymobile {
		display: block;
	}

	.inset {
		margin-left: 0;
		padding: 5px 15px;
	}

	.inset ul:not(.tags) {
		margin: 0;
		padding: 0;
	}

	.inset ul:not(.tags) li {
		margin-bottom: 15px;
		font-size: .9em;
		text-indent: -1.8em;
    	padding-left: 1.8em;
	}
}

@media screen and (min-width: 550px){
	.container > section {
		padding: 50px 100px;
	}

	#services .service {
		margin: 50px auto 50px;
	}
}

@media screen and (max-width: 575px){
	#portfolio-detail .client-screenshots  {
		display: block;
	}

	#portfolio-detail .client-screenshots > div:not(:last-of-type) {
		margin-bottom: 30px
	}
}


@media screen and (max-width: 600px){
	body.casestudy #intro {
		padding: 25px 50px;
	}

	body.casestudy h1 {
		margin-bottom: 25px;
	}

	body.casestudy p.intro {
		font-size: 1.3em;
	}

	form div.col-xs-12.col-sm-6,
	form div.col-xs-12.col-sm-6.col-md-4 {
		width: 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

}

@media screen and (max-width: 630px) {
	#burned {
		background: #f1f2f6 url('https://static.jeremybuff.com/img/frustrated-man-mobile.jpg') no-repeat;
		background-size: contain; 
		background-position: 50px 0px;
		padding: 0;
	}

	#burned .burned-text {
		width: 100%;
		max-width: 100%;
		flex: 1;
		padding: 20px 30px;
	}

	.pain-points:nth-child(even) {
		margin-top: 20px;
	}

	#portfolio h2 {
		padding: 50px 0 0 50px;
	}

	#portfolio .portfolio-intro {
		padding: 20px 50px;
	}

	#web-presence > .row div.txt h2 br {
		line-height: 2;
	}
}

@media screen and (max-width: 670px) {
	#masthead .masthead-content {
		padding: 25px;
	}


	#masthead #header img {
		margin: 0;
		float: left;
	}

	#mobile-nav {
		 display: block;
		 margin: 0;
	}

	#masthead #header nav  {
		display: none;
		margin: 0;
	}

	#masthead #header nav ul li:first-child {
		margin-top: 20px;
	}

	#masthead #header nav ul li:not(:nth-last-child(2)):not(:last-child) {
		display: block;
		margin-bottom: 20px;
	}

	#masthead #header nav  {
		display: none;
		margin: 0 auto;
		float: none;
	}

	#masthead #header nav ul {
		text-align: center;
	}

	#article-meta {
		left: 0; 
		right: 0; 
		margin-left: auto; 
		margin-right: auto;
	}

	article #article-meta img {
		right: -10px;
	}
}




@media screen and (max-width: 769px){
	#web-presence, #services, #roi, #portfolio .portfolio-intro {
		padding: 20px
	}

	body.homepage #intro {
		padding: 30px;
	}

	#portfolio h2 {
		padding: 50px 0 0 20px;
	}

	.triangle {	    
		border-top: 80px solid #018bae;
	    border-right: 80px solid transparent;
	    position: absolute;
	}

	.triangle img.svg, 
	.triangle svg {
		height: 30px;
	    width: 30px;
	    position: absolute;
	    top: -70px;
	    left: 8px;
	}

	.triangle svg .icon {
		fill: #fff;
	}

	.jb-photo-col {
		width: 100%;
	}

	#intro .intro-content {
		padding-top: 25px;
	}

	#intro .intro-content h2 {
		text-align: center;
	}

	.jb-photo-col {
		display: none;
	}

	.jb-photo-inline {
		display: block;
		width: 30%;
	}

	#web-presence > .row, 
	.just-launched > .row {
		-webkit-box-orient: vertical!important;
		-webkit-box-direction: reverse!important;
		-webkit-flex-direction: column-reverse!important;
		-ms-flex-direction: column-reverse!important;
		flex-direction: column-reverse!important;
	}

	.just-launched > .row img {
		margin-top: 25px;
	}

	.just-launched .text {
		padding: 20px;
	}

	#newsletter .article-col:nth-child(1),
	#newsletter .article-col:nth-child(2) {
		padding: 0;
	}

	#portfolio .row > div:not(.just-launched):not(#portfolio-detail):not(.portfolio-col):not(.brand-icon) {
		min-height: 25vw;
	}

	#web-presence > .row div.img {
		width: 50%;
		margin: 50px 0;
	}

	#web-presence > .row div.txt h2 {
		text-align: center;
	}

	#poi .poi:nth-child(1)::after, 
	#poi .poi:nth-child(2)::after, 
	#poi .poi:nth-child(3)::after {
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		top: auto;
		content: "";
		height: 2px; 
		width: 100%;
		background: -webkit-gradient(linear,  left top, right top,  from(rgba(207,209,209,0)), color-stop(50%, rgba(207,209,209,1)), to(rgba(207,209,209,0)));
		background: -webkit-linear-gradient(left,  rgba(207,209,209,0) 0%, rgba(207,209,209,1) 50%, rgba(207,209,209,0) 100%);
		background: -o-linear-gradient(left,  rgba(207,209,209,0) 0%, rgba(207,209,209,1) 50%, rgba(207,209,209,0) 100%);
		background: linear-gradient(to right,  rgba(207,209,209,0) 0%, rgba(207,209,209,1) 50%, rgba(207,209,209,0) 100%);
		display: block;
	}

	#poi .poi:nth-child(4)::after {
		display: none;
	}

	#poi h3 br {
		display: none;
	}

	#question {
		padding: 0;
	}

	#question .phone-icon {
		width: 100%;
	}

	#question .phone-icon img {
		max-width: 10%;
	}

	#question .phone-text, 
	#question h4  {
		margin: 10px;
	}

	#question p {
		margin-bottom: 10px;
	}

	#question h4 span {
		display: block;
		font-size: .72em;
	}

	.pain-point figure {
		height: 50px;
	}

	.pain-point figure img {
		max-height: 40px;
    	max-width: 40px;
	}

	#portfolio-detail .portfolio-logo-col {
		padding: 30px;
	}

	#portfolio-detail header .portfolio-desc {
		padding: 10px 50px 50px;
	}

	#portfolio-detail .close {
		font-size: .8em;
	}

	#portfolio-detail header .portfolio-desc p {
		text-align: justify;
	}

	#portfolio-detail .portfolio-logo-col {
		border: none;
	}

	#portfolio-detail .stats > div:nth-child(2),
	#portfolio-detail .branding-col {
		border-right-width: 0px;
	}

	body.page article {
		padding: 100px 10px;
	}

	#mc_embed_signup {
		padding: 10px;
	}

	body > .container > footer #mc_embed_signup h5 {
		margin-bottom: 25px;
	}

	h3.ellipse svg {
		display: block;
	    position: relative;
	    left: 0;
	}

	body.page article h2:first-of-type {
		font-size: 1.5em;
	}

	body.page article p {
		font-size: 1.4em;
	}

	body.article #reach-out {
		padding: 30px 20px;
	}

	body.article #comments {
		padding: 0px;
	}

	.container .portfolio-item h2 span {
		display: table;
		margin-bottom: 5px;
	}

	body.casestudy #intro {
	    padding: 25px 20px;
	}

	body.page.article article .subsection {
		margin-left: 0;
	}

	body.page.article #masthead h4.fancy {
		font-size: .7em;
	}

	#banner {
		padding: 10px;
	}

	#banner .laurel {
		padding: 25px;
		width: 95%;
		font-size: .8em;
	}

	/*body.page.portfolio #other-works {
		padding: 25px 50px;
	}*/
}

@media screen and (max-width: 730px) { 
	#banner {
		min-height: 95px;
	}

	#banner div {
		width: 50%;
		min-width: 50%;
	}
	#banner div:nth-of-type(3){
		display: none;
	}

	#banner .laurel {
		width: 75%;
	}
}

body.homepage #intro .intro-content .expertise-home{
	padding: 5px 0 20px 10px;
}

body.homepage #intro .intro-content .expertise-home.lower {
	display: none;
}

@media screen and (max-width: 630px) { 
	#newsletter {
		padding: 50px 20px !important;
	}

	#newsletter aside {
		display: none;
	}

	#banner div {
		width: 50%;
		min-width: 50%;
	}

	#banner .laurel {
		width: 90%;
		padding: 15px 20px 10px;
		font-size: .7em;
	}

	#banner .laurel::before, 
	#banner .laurel::after {
	    height: 75px;
    	width: 37px;
	}

	.jb-photo-inline {
		display: none;
	}

	body.homepage #intro .intro-content {
		background: url('https://static.jeremybuff.com/img/jeremybuff.png') top center no-repeat;
		background-size: contain;
		padding-top: 50vw;
		text-align: justify;
	}

	body.homepage #intro .intro-content .expertise-home.upper {
		display: none;
	}

	body.homepage #intro .intro-content .expertise-home.lower {
		margin-top: 100px;
	}

	body.homepage #intro .intro-content .expertise-home.lower, 
	body.homepage #intro .intro-content .expertise-home.lower a, 
	body.homepage #intro .intro-content .expertise-home.lower a img {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

	#web-presence > .row div.img {
		width: 75%;
		margin: 15px;
	}

	p, 
	#web-presence p {
		font-size: .95em;
		line-height: 1.8;
		font-family: "Gotham-Book";
	}

	.results-chart {
		display: none;
	}

	#newsletter.newsletter-temp {
		padding: 20px 50px;
	}

	a.readmore::before,
	a.readmore::after {
		display: none;
	}

	body.casestudy.services section.wide h2.calm {
		font-size: 1.5em;
	}

	body.casestudy.services section.wide .calm-subhead {
		font-size: 1.1em;
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 440px) { 
	#banner {
		display: none;
	}

	body aside.mini-bio header {
		padding: 5px 5px 2px 5px;
	}

	body aside.mini-bio header h4 {
		font-size: 1em;
		margin: 0;
	}
}

@media screen and (max-width: 850px) {
	// #portfolio-detail .branding-inner .brand-color {
	// 	width: 43%;
	// }

	// #portfolio-detail .brand-icon {
	// 	width: 50%;
	// 	max-width: 50%;
	// }
	
	#portfolio-detail .branding-col {
		width: 100%;
	}
}

@media screen and (max-width: 890px) {
	.roi-break {
		display: none;
	}

	#poi h3 {
		font-size: 1.5em;
		margin: 25px 0;
	}
}


@media screen and (min-width: 991px) {
	.header-essentials {
		float: left;
	}

	#masthead #header nav {
		margin-top: 12px;
	}
}



@media screen and (min-width: 671px) and (max-width: 991px) {
	body > .container {
		padding: 0;
	}

	#masthead #header {
		padding: 25px;
	}

	#masthead #header nav {
		display: block;
		float: none;
		margin: 25px auto;
		text-align: center;
	}

	#masthead #header img {
		display: block;
		margin: 0 auto;
	}
}

@media screen and (max-width: 991px){
	#services .service h4 span {
		display: block;
	}

	#portfolio-detail .branding-col {
		border-right-width: 0px;
	}

	#newsletter img.stamp {
		display: none;
	}

	#newsletter {
		padding: 105px 50px 105px 150px;
		min-height: auto;
	}

	#jumpstart .screenshot {
		opacity: .12;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: url('https://static.jeremybuff.com/img/jumpstart-screenshot.png') no-repeat;
		background-size: cover;
		background-position: center center;
	}

	#jumpstart .screenshot img {
		display: none;
	}

	body.casestudy .mini-bio {
		width: 100%;
		max-width: 100%;
		float: none;
		margin: 0 auto 50px;
		left: 0;
		right: 0;
	}

	body.casestudy .mini-bio img.jeremy-buff-photo {
		display: none;
	}

	.epertise-dot-com-header {
		margin-top: 0;
	}

	.epertise-dot-com {
		width: 100%;
		margin: 0;
	}

	
}


@media screen and (max-width: 1025px) {
	.container {
		padding: 0;
	}

	.container > section {
		padding: 20px 50px;
	}

	.container > section .initial, 
	.container > section .expanded-content {
		padding: 50px 20px;
	}

	body.casestudy .secondary-features {
		padding: 50px 20px;
	}
 
	#burned h2 {
		margin-top: 50px;
	}

	#web-presence h2 {
		margin-top: 40px;
	}

	body.casestudy .secondary-features {
		background: none;
		padding: 0;
	}

	.section-cta {
		padding: 25px 0;
	}
}

@media screen and (max-width: 1120px) {
	#masthead #header {
		padding: 25px 50px;
	}

	.pain-point {
		padding: 20px;
	}
}

@media screen and (min-width: 1260px) and (max-width: 1399px){
	#masthead #header nav ul li {
		padding: 5px 10px;
	}
}

@media screen and (max-width: 1260px) {
	/*#masthead #header nav ul li:last-child {
		display: none;
	}*/
}


@media screen and (min-width: 1400px){
	#masthead #header nav ul li a {
		padding: 5px 10px;
	}
}











.statusboard{width:100%;margin:0 auto 0;position:relative;z-index:100;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:.8em;line-height:1.2;color:#666;-webkit-font-smoothing:antialiased;background:#363837 url(https://static.jeremybuff.com/img/dark-backgroundnoise.png);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.25);-moz-box-shadow:0 4px 16px rgba(0,0,0,.25);-o-box-shadow:0 4px 16px rgba(0,0,0,.25);-ms-box-shadow:0 4px 16px rgba(0,0,0,.25);box-shadow:0 4px 16px rgba(0,0,0,.25);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ul.statusboard-items{padding-left:0;list-style:none;}.statusboard-header{padding:15px 20px;font-size:18px;font-weight:700;text-shadow:0 -1px 0 #000;border-bottom:1px solid rgba(0,0,0,.16)}.statusboard-footer{height:30px;border-top:1px solid rgba(255,255,255,.04)}.statusboard-item{zoom:1;clear:both}.statusboard-item:after,.statusboard-item:before{content:".";display:block;height:0;overflow:hidden;visibility:hidden}.statusboard-item:after{clear:both}.statusboard-title{float:left;width:68.6%;margin-left:0;margin-top: 20px}.statusboard-status{float:left;width:29.4%;margin-left:2%;margin-top: 20px}.statusboard-item{position:relative;padding:17px 20px;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(0,0,0,.16)}.statusboard-flipbox{position:relative;margin-bottom:7px;padding:0 10px;font-size:20px;line-height:38px;font-weight:700;color:#e0e0e0;text-shadow:0 -1px 0 #000;background:#1a1a1a;background:-webkit-gradient(linear,left top,left bottom,color-stop(.5,#212121),color-stop(1,#262626));background:-webkit-linear-gradient(top,#212121 50%,#262626 100%);background:-moz-linear-gradient(top,#212121 50%,#262626 100%);background:-ms-linear-gradient(top,#212121 50%,#262626 100%);background:-o-linear-gradient(top,#212121 50%,#262626 100%);-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.5) inset,0 -2px 0 rgba(0,0,0,.25) inset,0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:0 4px 4px rgba(0,0,0,.5) inset,0 -2px 0 rgba(0,0,0,.25) inset,0 1px 0 rgba(255,255,255,.1);-o-box-shadow:0 4px 4px rgba(0,0,0,.5) inset,0 -2px 0 rgba(0,0,0,.25) inset,0 1px 0 rgba(255,255,255,.1);-ms-box-shadow:0 4px 4px rgba(0,0,0,.5) inset,0 -2px 0 rgba(0,0,0,.25) inset,0 1px 0 rgba(255,255,255,.1);box-shadow:0 4px 4px rgba(0,0,0,.5) inset,0 -2px 0 rgba(0,0,0,.25) inset,0 1px 0 rgba(255,255,255,.1)}.statusboard-status .statusboard-flipbox{text-align:center}.statusboard-title .statusboard-flipbox:before{content:'';display:none;width:26px;height:24px;position:relative;top:4px;background-image:url(https://static.jeremybuff.com/img/statusboard-project-logos.2x.png);background-repeat:no-repeat;-webkit-background-size:650px 50px;-moz-background-size:650px 50px;background-size:650px 50px;opacity:.5}@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0){.statusboard-title .statusboard-flipbox:before{background-image:url(https://static.jeremybuff.com/img/statusboard-project-logos.2x.png)}}.statusboard-item.for-ascend .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:0 0}.statusboard-item.for-appetitecrusher .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-50px 0}.statusboard-item.for-xtelesis .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-445px 0}.statusboard-item.for-fedaccess .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-495px 0}.statusboard-item.for-jeremiahs .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-550px 0}.statusboard-item.for-fedaccess .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-495px 0}.statusboard-item.for-inheritancemap .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-100px 0}.statusboard-item.for-firearminventory .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-150px 0}.statusboard-item.for-book .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-200px 0}.statusboard-item.for-jeremybuff .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-250px 0}.statusboard-item.for-gentleman .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-300px 0}.statusboard-item.for-drinks .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-350px 0}.statusboard-item.for-packagespeak .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-400px 0}.statusboard-flipbox:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;background:-webkit-gradient(linear,left top,left bottom,color-stop(.4999,rgba(0,0,0,.15)),color-stop(.5,rgba(0,0,0,.6)),color-stop(.54,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,.05)));background:-webkit-linear-gradient(top,rgba(0,0,0,.15) 49.99%,rgba(0,0,0,.6) 50%,rgba(0,0,0,0) 54%,rgba(0,0,0,.05) 100%);background:-moz-linear-gradient(top,rgba(0,0,0,.15) 49.99%,rgba(0,0,0,.6) 50%,rgba(0,0,0,0) 54%,rgba(0,0,0,.05) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.15) 49.99%,rgba(0,0,0,.6) 50%,rgba(0,0,0,0) 54%,rgba(0,0,0,.05) 100%);background:-o-linear-gradient(top,rgba(0,0,0,.15) 49.99%,rgba(0,0,0,.6) 50%,rgba(0,0,0,0) 54%,rgba(0,0,0,.05) 100%)}.statusboard-flipbox strong{display:inline-block;padding:.1em .2em;line-height:1;background:#3f84a6;color:#f2f2f2;text-shadow:0 -1px 0 #316781;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px}.statusboard .is-disabled .statusboard-status .statusboard-flipbox{color:#777}.statusboard .is-complete .statusboard-status .statusboard-flipbox{color:rgba(75,153,129,1)}.statusboard-caption{color:#b5b5b5;padding:0 2px;font-family: "Gotham-Medium";letter-spacing:.05em;font-size: 1.1em;}.statusboard-caption a{text-decoration:underline;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out}.statusboard-caption a:hover{color:#eee}.statusboard-caption p{margin-bottom:.6em}.statusboard-caption dl{margin:1.2em 0;zoom:1}.statusboard-caption dl:after,.statusboard-caption dl:before{content:".";display:block;height:0;overflow:hidden;visibility:hidden}.statusboard-caption dl:after{clear:both}.statusboard-caption dt{width:20%;float:left;clear:both;margin:0}.statusboard-caption dd{width:80%;float:right;clear:right;margin:0 0 .6em}.statusboard-caption ul{margin-left:0;padding-left:1.5em;list-style:circle}.statusboard-caption li{margin-bottom:.6em}.statusboard-date{display:inline-block;color:#4d4d4d}.statusboard-person{display:inline-block;zoom:1;vertical-align:top;margin:0 2px 2px 0;padding:0 4px;background:rgba(255,255,255,.05);-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);-o-box-shadow:0 -1px 0 rgba(0,0,0,.1);-ms-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.statusboard-person:before{content:'';display:inline-block;width:12px;height:12px;background-image:url(images/statusboard-person.png);background-repeat:no-repeat;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;background-size:12px 12px;position:relative;top:1px;margin-right:2px}@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:0){.statusboard-person:before{background-image:url(images/statusboard-person.2x.png)}}.tidbits-showmore{display:none;color:#4d4d4d;cursor:pointer}.tidbits-showmore:hover{color:#fff}.tidbits.is-activated .tidbits-content.for-past{display:none}.tidbits.is-activated .tidbits-showmore{display:inline-block}.tidbits.is-activated.is-expanded .tidbits-content.for-past{display:block}.tidbits.is-activated.is-expanded .tidbits-showmore{display:none}.explainingstatusboard{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:90%;margin:0 auto 50px;padding:0 20px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:13px;line-height:1.2;color:#aaa;color:rgba(0,0,0,.33)}.explainingstatusboard-link{color:#2070df;text-decoration:none}.explainingstatusboard-link:hover{text-decoration:underline}

.statusboard-item.for-menagerie .statusboard-title .statusboard-flipbox:before{display:inline-block;background-position:-605px 0}