/*
 Theme Name:     Pure 2014
 Theme URI:      http://www.hazelcast.org
 Description:    Hazelcast.org Theme
 Author:         Ben Sawyer
 Version:        1.1.0
*/


/* ----------------------------------- START HTML Reset ----------------------------------- */

@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  src: url('/wp-content/themes/pure-2014/fonts/Open-Sans-300/Open-Sans-300.eot');
  src: url('/wp-content/themes/pure-2014/fonts/Open-Sans-300/Open-Sans-300.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Light'),
       local('Open-Sans-300'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-300/Open-Sans-300.woff2') format('woff2'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-300/Open-Sans-300.woff') format('woff'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-300/Open-Sans-300.ttf') format('truetype'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-300/Open-Sans-300.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url('/wp-content/themes/pure-2014/fonts/Open-Sans-regular/Open-Sans-regular.eot');
  src: url('/wp-content/themes/pure-2014/fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-regular'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  src: url('/wp-content/themes/pure-2014/fonts/Open-Sans-600/Open-Sans-600.eot');
  src: url('/wp-content/themes/pure-2014/fonts/Open-Sans-600/Open-Sans-600.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Semibold'),
       local('Open-Sans-600'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-600/Open-Sans-600.woff2') format('woff2'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-600/Open-Sans-600.woff') format('woff'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-600/Open-Sans-600.ttf') format('truetype'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-600/Open-Sans-600.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  src: url('/wp-content/themes/pure-2014/fonts/Open-Sans-700/Open-Sans-700.eot');
  src: url('/wp-content/themes/pure-2014/fonts/Open-Sans-700/Open-Sans-700.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Bold'),
       local('Open-Sans-700'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-700/Open-Sans-700.woff2') format('woff2'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-700/Open-Sans-700.woff') format('woff'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-700/Open-Sans-700.ttf') format('truetype'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-700/Open-Sans-700.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  src: url('/wp-content/themes/pure-2014/fonts/Open-Sans-800/Open-Sans-800.eot');
  src: url('/wp-content/themes/pure-2014/fonts/Open-Sans-800/Open-Sans-800.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Extrabold'),
       local('Open-Sans-800'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-800/Open-Sans-800.woff2') format('woff2'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-800/Open-Sans-800.woff') format('woff'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-800/Open-Sans-800.ttf') format('truetype'),
       url('/wp-content/themes/pure-2014/fonts/Open-Sans-800/Open-Sans-800.svg#OpenSans') format('svg');
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ----------------------------------- END HTML Reset ----------------------------------- */


/* ----------------------------------- START Clear Fix ----------------------------------- */

/* clear fix that doesn't require markup */

.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* ----------------------------------- END Clear Fix ----------------------------------- */


body {
	width:100%;
	font-family: 'Open Sans', helvetica, sans-serif;
	color: #0d2a35;
	-webkit-font-smoothing: antialiased;
	line-height: 1.4;
	font-size: 16px;

}

code {
		font-family: Courier, monospace !important;
		padding: 0px 4px;
		background: rgba(255, 95, 0, 0.06);
		border-radius: 3px;
		display: inline-block;
	}

.code-tab {
	background: #f2f2f2;
	border: 1px solid #e0e2e4;
}

.alt {
	background: #f2f2f2;
}

.form {
	border-top: 1px solid #ccc;
}

.hide {
	display: none;
}

.connector {
	position: absolute;
	margin-top: -32px;
	height: 58px;
	color: #ff5f00;
	text-align: center;
	font-size: 16px;
	display: none;
}
#page.content {
	padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}


.content {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 20px;
}

section .content {
	padding: 40px 20px;
}


.main {
	padding: 20px 0;
}


.third {
	float:left;
	width: 33%;
}

.third + .third .inner {
   margin: 0 10px;

}

.third + .third + .third .inner {
   margin: 0;
}

.third + .third + .third + .third .inner {
   margin: 0;
}

.third + .third + .third + .third + .third .inner {
   margin: 0 10px;
}

.third + .third + .third + .third + .third + .third .inner {
   margin: 0;
}

.two-thirds {
	width: 800px;
}

.half {
	float:left;
	width: 50%;
}

.half .inner {
	padding-right: 20px;
}

.half + .half .inner {
	padding-right: 0;
}

nav {
	font-size: 18px;
	font-weight: bold;
}

h1 {
	font-size: 32px;
	margin-bottom: 20px;
	text-align: left;
	font-weight: bold;
}

h1 span {
	font-weight: normal;
}

h2 {
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: bold;
}

ul + h2,
p + h2 {
	margin-top: 30px;
}



h3 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
}

h4 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

div h4:first-child {
	margin-top: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	text-decoration: none;
	color: #ff5f00;
	font-weight: bold;
}

a:hover {
	color: #ca4326;
}


a.more {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

p {
	margin-bottom: 15px;
}

p.quote {
	font-size: 30px;
}

p.credit {
	font-size: 18px;
	margin-top: 20px;
}

/* Support Section */

p.subhead {
	font-size: 22px;
	margin-top: 25px;
	line-height: 1.4;
}

ul {
	list-style-type: none;
	margin-bottom: 15px;
}

ul.bullets {
	list-style-type: square;
	margin-bottom: 15px;
	margin-left: 18px;
}

ul.linklist {
	margin: 10px 0;
}

ul ~ p {
	margin-top: 10px;
}

ul ~ h3 {
	margin-top: 20px;
}

ol {
	margin-left: 21px;
	margin-bottom: 15px;
}

li {
	margin: 5px 0;
}

a.wraplink {
	display: inline-block;
}

.card {
	position: relative;
	float: left;
	background: #fff;
	padding: 25px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0 0 3px #ddd;
	text-align: center;
	overflow: hidden;
	transition: box-shadow 100ms ease;
}

.card:hover {
	box-shadow: 0 0 6px #bbb;
}

.card .middle {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/*
*
* Header
*
*/

/*	 
* SITE SWITCHER 
*/

#sitebar {
	background: #0a222b;
    font-size: 13px;
    font-weight: normal;
    text-align: right;
}

#sitebar .content {
	padding-bottom: 15px;
	padding-top: 13px;
	position: relative;
}

#sitebar a {
	font-weight: normal;
	color: #fff;
	transition: opacity 150ms ease;
	text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 16px;
}

#sitebar a:hover {
	opacity: .65;
}

#sitebar a.selected {
	font-weight: bold;
}

/* END SITE SWITCHER */

header {
	color: #fff;
	background: #0d2a35;
}

header .logo {
	position: relative;
	display: inline-block;
	margin-top: 14px;
	transition: opacity 150ms ease;
}


header .logo img {
	width: 205px;
	z-index: 10;
	position: relative;
}

header .logo:hover {
	opacity: .65;
}

header nav {
	float: right;
}

#shiftnav-main_menu a {
	color: #fff;
}

#shiftnav-main_menu li.divider a {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	opacity: .8;
	font-size: 16px;
	margin-top: 30px;
	padding-top: 35px;
	border-top: 1px solid rgba(255, 255, 255, 0.61);
}

.shiftnav-menu-image-padded img {
	padding: 70px;
	padding-bottom: 20px;
	padding-top: 40px;
}

nav.shiftnav-nav ul.shiftnav-menu {
	padding-bottom: 35px;
}

.menu-main-desktop-container {
	margin-right: 30px;
}

header nav ul {
	margin: 0;
}

header nav ul li {
	position: relative;
	display:block;
	float:left;
	margin: 0;
	padding: 0;
}

header nav a {
	color: #fff;
	margin: 16px 1px 14px;
    padding: 4px 8px;
    border-radius: 3px;
	display: block;
	transition: background 300ms ease;
	font-size: 16px;
	font-weight: 600;
}

header nav a:hover {
	color: #fff;
	background: #ff5f00;
}


header nav ul li.current-menu-item a, header nav ul li.current-page-ancestor a {
	background: #ff5f00;
}

header nav input.search-field {
	margin-top:40px;
}

header nav ul li .sub-menu {
	display: none;
	position: absolute;
	width: 200px;
	z-index: 99;
	background: #0d2a35;
	padding: 10px;
	padding-top: 0;
	border-radius: 0px 0px 3px 3px;
	margin-top: -10px;
    margin-left: -10px;
}

header nav ul li .sub-menu a {
	margin: 7px 0;
	display: inline-block;
}

header nav ul li .sub-menu li {
	float: none;
}


header nav ul li:hover .sub-menu {
	display: block;
}

/* Docs dropdown menu */
header nav ul li.menu-item-152195 > a {
	cursor: default;
	padding-right: 20px;
	pointer-events: none;
}

header nav ul li.menu-item-152195::before{
	content: "\f0d7";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	margin-top: 24px;
    margin-left: 51px;
}

header nav ul li.menu-item-152195 .current-page-ancestor a {
	background: none;
}

/* Download dropdown menu */
header nav ul li.menu-item-152183 > a {
	cursor: default;
	padding-right: 20px;
	pointer-events: none;
}
header nav ul li.menu-item-152183 > a:hover {
	background: none;
}

header nav ul li.menu-item-152183::before{
	content: "\f0d7";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	margin-top: 24px;
    margin-left: 100px;
}

header nav ul li.menu-item-152183 .current-page-ancestor a {
	background: none;
}

li.menu-item-152190.current-menu-item a {
	background: none;
}

li.menu-item-152190.current-menu-item:hover a {
	background: #ff5f00;
}

form input {
    padding: 8px;
    border: 1px solid #ccc;
    outline: none;
    font-size: 16px;
    width: 250px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
}

form .search-submit {
    background: #ff5f00;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 30px;
    width: inherit;
    margin: 0;
}

form .search-submit:hover {
    background: #ca4326;
}


/* Search widget */
.xsearch-form .search-submit {
	display: none;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

xinput[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px; /* Don't cut off the webkit search cancel button */
width: 270px;
}

 xinput.search-field {
	background: url() no-repeat left center;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 20px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

 .xsearch-field:focus {
	background-color: #fff;
	padding: 0 0 0 5px;
	cursor: text;
	outline: 0;
	width: 230px;
}


/*
*
* Home Page
*
*/


.home .page .content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 40px 90px 40px;
}

.home h1, .home h2, .home p {
	text-align: center;
}

.home .code-tab p {
	text-align: left;
	font-family: 'Open Sans', helvetica, sans-serif;
	margin-top: 20px;
}

.home .code-tab p a {
	font-weight: normal;
}

/* Hero Section */

.hero h1.headline {
	margin-bottom: 9px;
	font-weight: bold; 
	font-size: 46px;
	line-height: 45px;
}

.hero h1.headline span {
	margin-bottom: 10px;
	font-size: 26px;
}

.hero h1.headline span.description {
	line-height: 35px;
}

.hero h1.headline span.tagline {
	font-weight: bold;
}

.hero .action {
	margin-top: 40px;
	margin-bottom: 20px;
}

.hero .action span {
	font-size: 14px;
	padding: 0 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-style: italic;
	color: #999;
}

.hero p.center {
	margin-top: 35px;
}

.supporting {
	font-style: italic;
	color: #999;
	margin-bottom: 0;
}

section#news {
	background: #f2f2f2;
	padding-top: 30px;
}

section#news .content {
	display: flex;
	flex-direction: row;
	padding-top: 5px;
}

section#news .column {
	flex: 1;		
	margin: 5px;
	background-color: #fff;	
}

section#news .column .block {
	padding: 25px;
	margin: 0;
}

section#news .column .block.bottom {
	border-top: 10px solid #f2f2f2;
}

section#news .column .block div.nav-links {
	display: none;
}

section#news .block .meta {
	font-size: 14px;
	color: #999;
}

section#news .block ul li {
	margin-bottom: 7px;
}

section#news li.feed-item span.feed-date {
	position: absolute;
	top: 0;
}

section#news ul.jsort li.past a {
	color: #999;
}

section#news .more {
	border-top: 5px dotted #ddd;
	padding-top: 12px;
	margin-top: 14px;
	width: 20px;
}

section#news .more a {
	display: block;
	font-weight: normal;
	min-width: 200px;
}

section#news ul.jsort li span {
	display: none;
	font-size: 11px;
    border: 1px solid #aaa;
    padding: 1px 4px;
    border-radius: 3px;
    text-transform: uppercase;
}

section#news ul.jsort li.past a span {
	display: inline-block;
}
	 
section#news li.feed-item {
	position: relative;
	padding-top: 19px;
}

@media (max-width:800px) {
	
	section#news .content {
		display: block;
	}
	
}




/* Feature List */

.feature-list-toggle {
	margin-top: 35px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ff5f00;
	cursor: pointer;
	font-weight: bold;
}

.feature-list-toggle:hover {
	color: #ca4326;
}

#feature-list {
	height: 0;
	overflow: hidden;
	transition: height 500ms ease;
}

#feature-list.active {
	height: 290px;
}

#feature-list .wrap {
		padding: 30px 60px;
		background: #fff;
		border: 1px solid #ddd;
}

#feature-list ul {
	display: block;
	float: left;
	width: 470px;
}



/* Use Cases Section */


.home .use-cases .content {
	padding-top: 0;
}


.use-cases .container {
	margin:0 auto;
	margin-top: 30px;
}

.use-case {
	display: block;
	padding: 25px;
	padding-top: 35px;
	float: none;
}



/* Projects Using Section */

.projects p.list {
	font-size: 22px;
	margin: 25px 0;
}

/* Hazlecast Love Section */

section.hazelcast-love {
	border-top: 1px dotted #e0e2e4;
}

.cycle {
	margin: 0 auto;
	margin-bottom: 25px;
}

/* Dive In Section */

.dive-in .action {
	text-align: center;
	margin-top: 30px;
}

.dive-in li {
	display: inline-block;
	padding-right: 10px;
	position: relative;
}


a.button {
	  display: inline-block;
  padding: 14px 35px;
  background: #ff5f00;
  border: none;
  color: #fff;
  border-radius: 2px;
  font-weight: bold;
  transition: background 150ms ease;
}

a.button:hover {
	border: none;
	background: #ca4326;
}


h1 + .goto {
	margin-top: -20px;
}

.goto {
	text-align: center;
	margin-top: 20px;
}

.goto a {
 font-style: italic;
}



/*
*
* Footer
*
*/

footer {
	color: #fff;
	background: #0d2a35;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #ff5f00;
}

footer ul {
	margin-bottom: 0;
}


/* Footer — Latest News */

footer .latest {
	float: left;
	max-width: 550px;
}

footer .latest h3 {
	font-size: 30px;
	margin-bottom: 20px;
}

footer .latest ul li {
	padding-bottom: 5px;
}

footer .latest ul li .date {
	display: none;
}

footer .latest ul li a {
	font-weight: normal;
}

footer .latest .nav-links {
	display: none;
}


/* Footer — Nav */

footer nav {
	float: right;
	text-align: right;
}

footer nav ul li {
	line-height: 40px;
	display: inline-block;
    margin-left: 20px;
}

/* Footer — Copyright & Social */

footer .lower {
	background: #123748;
}

footer .lower .content {
	padding: 20px 40px;
	padding-bottom: 10px;
}

footer .copyright {
	float: left;
	margin-top: 12px;
}

footer p {
	margin-bottom: 0;
}

footer .social {
	float: right;
	line-height: 43px;
}

footer .social li {
	display: inline-block;
	padding-left: 15px;

}

footer .social li i {
	font-size: 25px;

}



/* Pages */

/* downlaods */

#promoBottom {
	display: none;
}

.bg {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9998;
	top: 0;
	left: 0;
}

.gate {
	position: absolute;
	z-index: 9999;
	font-size: 18px;
	overflow-y: scroll;
	left:50%;
	top:25px;
	margin-left: -445px;
}

	#getBook {
		padding: 35px;
		background: #f8f8f8;
		margin: 0 auto;
		width: 770px;
		z-index: 999;
	}

	#getBook .group {
		margin-top: 30px;
	}

	#getBook .section {
		float: left;
		width: 33%;
		text-align: center;
		position: relative;
	}

	#getBook .plus {
		color: #ccc;
		position: absolute;
		right: -18px;
		top: 40px;
		font-size: 60px;
	}

	#getBook img {
		width: 118px;
		box-shadow: 0 0 5px 2px #ccc;
		margin-bottom: 6px;
	}

	#getBook iframe {
		width: 380px;
		height: 350px;
		display: block;
		margin:0 auto;
		margin-top: 20px;
	}

	#getBook .center {
		text-align: center;
		display: block;
		margin: 0;
	}

	div.bg,
	#getBook .nevershow {
		font-weight: bold;
		color: #ff5f00;
		cursor: pointer;
	}

	#getBook .nevershow:hover {
		color: #ca4326;
	}

	#notify {
		position: fixed;
		bottom: -100px;
		left: 30px;
		padding: 20px;
		background: #ff5f00;
		color: #fff;
		z-index: 999999;
		border-radius: 3px;
		opacity: 0;
		transition: bottom 250ms ease-out, opacity 250ms ease-out;
	}

	#notify.show {
		bottom: 30px;
		opacity: 1;
	}

	.ea .list-header {
		margin-bottom: 0;
	}

	.ea a {
		display: inline-block !important;
	}

	.docker-code {
		padding: 15px;
		border: 2px dashed #ddd;
	}

	#downloads .docker-code code {
		margin-top: 0;
	}

	.docker-icon {
		width: 23px;
	}

	#downloads {
		position: relative;
	}

	#downloads .content {
		position: relative;
	}

	#downloads .two-thirds {
		width: 66.66%;
		float: left;
	}

	#downloads .two-thirds .inner {
		padding-right: 30px;
	}

	#downloads .third {
		float: right;
		width: 33.33%;
		border: none;
		padding: 0;
	}

	#downloads .third .inner {
		padding-left: 15px;
	}

	#downloads .latest {
		margin-bottom: 35px;
	}

	#downloads .previous {
		margin: 30px 0;
	}

	#downloads .dev {
		margin-bottom: 30px;
	}

	#downloads .two-thirds h3 {
		font-size: 20px;
		margin-top: 25px;
	}

	#downloads h2 span,
	#downloads h3 span {
		font-weight: 300;
		color: #999;
	}

	#downloads a.button {
		display: inline-block;
		padding: 14px 30px;
		font-size: 16px;
		background: #ff5f00;
		color: #fff !important;
		border: none;
		border-radius: 2px;
		font-weight: bold;
		margin-right: 10px;
		transition: background 150ms ease;
	}

	#downloads a.dlink {
		color: #fff;
		display: inline-block;
		padding: 4px 12px;
		background: #ff5f00;
		border-radius: 3px;
		margin-right: 4px;
		margin-bottom: 8px;

	}
		#downloads a.clink {
		color: #fff;
		display: inline-block;
		padding: 4px 12px;
		background: #ff5f00;
		border-radius: 3px;
		margin-right: 4px;
		margin-bottom: 8px;

	}

	#downloads a.doclink {
		background: #f4f4f4;
	    border: 1px solid #ddd;
	    padding: 4px 12px;
	    border-radius: 3px;
	    display: inline-block;
	    margin-right: 4px;
	    margin-bottom: 8px;
	}


	#downloads a.dlink:hover {
		background: #ca4326;
	}

	#downloads a.button:hover {
		background: #ca4326;
		border: none;
	}

	#downloads .docker {
		padding: 20px;
		margin-top: 20px;
		border: 2px dashed #ddd;
 		border-radius: 3px;
		margin-bottom: 15px;
	}

	#downloads .docker p {
		margin-bottom: 5px;
	}

	#downloads .docker strong {
		color: #444;
		font-size: 18px;
	}

	#downloads .maven {
		padding: 20px;
		margin-top: 20px;
		border: 2px dashed #ddd;
 		border-radius: 3px;
		margin-bottom: 15px;
	}

	#downloads .maven p {
		margin-bottom: 5px;
	}

	#downloads .maven strong {
		color: #444;
		font-size: 18px;
	}

	#downloads code {
		display: block;
		font-family: Courier, monospace !important;
	}
	#downloads code span {
		color: #009900;
	}

	.hero .forkme img {
		width: 150px;
	}

	#downloads .forkme a {
		position: absolute;
		left: 0;
		top: 0;
	}

	#downloads .github iframe {
		display:inline;
	}

	#downloads #clients {
		padding-top: 40px;
	    margin-bottom: 40px;
	    border-top: 1px solid #ddd;
	    margin-top: 25px;
	}

	#downloads .date {
		color: #999;
	}

	#downloads .main .block {
		border: 1px solid #ddd;
	    background: #f8f8f8;
	    border-radius: 3px;
	    padding: 20px;
	}

	#downloads .tab-menu {
		margin-bottom: -3px;
		margin-top: 20px;
	}

	#downloads .tab-menu li {
		display: inline-block;
	    margin-bottom: 0;
	    padding: 8px 13px;
	    background: #f4f4f4;
	    border: 1px solid #ddd;
	    border-bottom: none;
	    border-radius: 3px 3px 0 0;
	    font-size: 16px;
	    font-weight: bold;
	    color: #ff5f00;
	    cursor: pointer;
	    margin: 0;
	    margin-right: 2px;
	}

	#downloads .tab-menu li:hover {
		color: #ca4326;
	}

	#downloads .tab-menu li.current {
		background: #fff;
	    border: 1px solid #ddd;
	    border-bottom: none;
	    margin-bottom: 1px;
	    padding-bottom: 10px;
	}

	#downloads .code-tab {
	    display: none;
	    padding: 20px;
	    margin-bottom: 25px;
	    border: 1px solid #ddd;
	    border-radius: 3px;

	    font-size: 16px;
	    background: #fff;
	}

	#downloads .code-tab.current {
		display: block;
	}




	table {
		border-collapse: 0;
		border-spacing: 0;
		width: 100%;
		background: #fff;
	}

	td {
		padding: 5px 7px;
		border: 1px solid #ddd;
		border-right: none;
		border-bottom: none;
	}

	td:last-child {
		border-right: 1px solid #ddd;
	}

	tr:last-child td {
		border-bottom: 1px solid #ddd;
	}

	.header td {
		font-weight: bold;
	}

	#page ul.narrow {
		display: none;
		margin-top: 8px;
		margin-left: 10px;
		margin-bottom: 7px;
		font-weight: normal;
	}

	.hide {
		display: none !important;
	}

	@media (max-width:40em) {

		td {
			font-weight: bold;
			padding: 12px 16px;
			border-right: 1px solid #ddd;
		}

		td + td {
			display: none;
		}

		td .date {
			display: none;
		}

		#page ul.narrow {
			display: block;
		}

		tr.header {
			display: none;
		}
	}

	@media (max-width:40em) {


		/*
		.tab-menu {
			margin-bottom: 0px;
		}

		.tab-menu li {
			border: 1px solid #ddd;
			border-radius: 3px;
			margin-bottom: 5px;
		}

		.tab-menu li.current {
			margin-bottom: 5px;
			padding: 8px 13px;
			border: 1px solid #ddd;
		}
		*/

	}


/* docs */

/*
.documentation a.button {
	display: inline-block;
	padding: 25px 25px 20px 25px;
	margin-bottom: 7px;
}

.documentation a.button i {
	display: block;
	font-size: 30px;
	padding-right: 15px;
	float: left;
}

.documentation a.button p {
	font-size: 20px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0;
	float: left;
}
*/

ul.manual-list > li > a {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

ul.tutorial-list > li > a {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 2px;
}

.new {
	background: rgba(46,124,225,1);
	color: #fff;
	font-size: 9px;
	padding: 2px;
	letter-spacing: 1px;
	border-radius: 3px;
	margin-top: -3px;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}


/* get involved */

.support {
	padding-bottom: 25px;
}

.block {
	margin-bottom: 25px;
}


/* Blog styles */

#blog {
	padding: 50px;;
}

#blog .posts {
	width: 800px;
	float: left;
}

#blog .sidebar {
	width: 270px;
	float: right;
	border: 1px solid #ccc;
	padding: 25px;
	background: #f8f8f8;
}

#blog h1 {
	margin-bottom: 50px;
}

article {
	width: 800px;
	margin-bottom:90px;
}

p.blog-home {
	padding-bottom: 23px;
	margin-bottom: 25px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

article h2.post-title {
}

article p.post-meta {
	padding-bottom: 23px;
	margin-bottom: 25px;
	margin-top: 13px;
	border-bottom: 1px solid #ccc;
}

article h2 {
	margin-top:22px;
}

article h3 {
	margin-top:25px;
}

article blockquote {
	border-left: 4px solid #ff5f00;
	padding-left: 15px;
	margin-bottom: 15px;
}


/* Blog post format */

article.format-aside div.entry-content div {
	margin-bottom: 15px;
}

article.format-aside div.entry-content b {
	font-weight: bold;
}

article.format-aside div.entry-content ul {
	list-style-type: square;
	margin-left: 21px;
	margin-bottom: 15px;
}

/*
.syntaxhighlighter {
	display: none;
}
*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 853px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

header nav#mobile {
	display: none;
	width: 21px;
	margin-top: 15px;
}

@media (max-width: 57em) {

	header .logo {
		margin-top: 15px;
		margin-bottom: 11px;
	}

	header nav#desktop {
		display: none;
	}

	header nav#mobile {
		display: block;
	}

	header nav#mobile .shiftnav-toggle-button {
	    display: inline-block;
	    padding: 0;
	    margin-bottom: 12px;
	    background: none;
	    color: #fff;
	    font-size: 24px;
	}

	footer .copyright {
		float: none;
		text-align: center;
	}

	footer .social {
		float: none;
		display: block;
		text-align: center;
		margin-top: 35px;
	}

	footer .social li i {
		font-size: 40px;
	}

	.half {
		float: none;
		width: 100%;
		margin-bottom: 35px;
	}

	.third {
		float: none !important;
		width: 100% !important;
		margin-bottom: 35px;
	}

	.third + .third .inner {
		margin: 0;

	}

	.third + .third + .third + .third + .third .inner {
		margin: 0;
	}

	.two-thirds {
		float:none !important;
		width: 100% !important;
		margin-bottom: 35px;
	}

	.inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

}

@media (max-width: 700px) {

	footer nav {
		display: none;
	}

}

@media (max-width: 42em) {

	#promotop {
		display: none;
	}

	body, a {
		line-height: 1.6;
		font-size: 18px;
	}

	

}

@media (max-width: 32em) {

	.CTA a.button {
	    text-align: center;
	    font-weight: bold !important;
	    width: 100%;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}

	.CTA a.button span {
		display: inline !important;
		float: none !important;
	}

}

@media screen and (max-device-width: 480px){
  body {
    -webkit-text-size-adjust: none;
  }
}

/* Shiftnav Skin */

.shiftnav-inner {
	background: #0d2a35 !important;
}

.shiftnav-menu-title {
	color: #fff !important;
}


/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.1.364 (October 15 2009)
 *
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 *
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
 */
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: none !important;
	text-align: left !important;
	float: none !important;
	vertical-align: baseline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	width: auto !important;
	line-height: 1.3em !important;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 1em !important;
	/*min-height: inherit !important; *//* For IE8, FF & WebKit */
	/*min-height: auto !important;*/ /* For IE7 */
	direction: ltr !important;
}

.syntaxhighlighter
{
	width: 99% !important; /* 99% fixes IE8 horizontal scrollbar */
	margin: 1em 0 1em 0 !important;
	padding: 1px !important; /* adds a little border on top and bottom */
	position: relative !important;
}

.syntaxhighlighter code
{
	display: inline !important;
}

.syntaxhighlighter .bold
{
	font-weight: bold !important;
}

.syntaxhighlighter .italic
{
	font-style: italic !important;
}

.syntaxhighlighter .line
{
}

.syntaxhighlighter .lines
{
overflow-x: auto;
overflow-y: hidden;
}

.syntaxhighlighter .no-wrap .line .content
{
	white-space: pre !important;
}

.syntaxhighlighter .line table
{
	border-collapse: collapse !important;
}

.syntaxhighlighter .line td
{
	vertical-align: top !important;
}

.syntaxhighlighter .line .number
{
	width: 3em !important;
}

.syntaxhighlighter .line .number code
{
	width: 2.7em !important;
	padding-right: .3em !important;
	text-align: right !important;
	display: block !important;
}

.syntaxhighlighter .line .content
{
	padding-left: .5em !important;
}

.syntaxhighlighter .line .spaces
{
}

/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content
{
	border-left: none !important;
}

.syntaxhighlighter .bar
{
	display: none !important;
}

.syntaxhighlighter .bar.show
{
	display: block !important;
}

.syntaxhighlighter.collapsed .bar
{
	display: block !important;
}

/* Adjust some properties when collapsed */

.syntaxhighlighter.collapsed .lines
{
	display: none !important;
}

.syntaxhighlighter .lines.no-wrap
{
	overflow: auto !important;
	overflow-y: hidden !important;
}

/* Styles for the toolbar */

.syntaxhighlighter .toolbar
{
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
	font-size: 1px !important;
	padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
}

.syntaxhighlighter.collapsed .toolbar
{
	font-size: 80% !important;
	padding: .2em 0 .5em .5em !important;
	position: static !important;
}

.syntaxhighlighter .toolbar a.item,
.syntaxhighlighter .toolbar .item
{
	display: block !important;
	float: left !important;
	margin-left: 8px !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	text-indent: -5000px !important;
}

.syntaxhighlighter.collapsed .toolbar .item
{
	display: none !important;
}

.syntaxhighlighter.collapsed .toolbar .item.expandSource
{
	background-image: url(magnifier.png) !important;
	display: inline !important;
	text-indent: 0 !important;
	width: auto !important;
	float: none !important;
	height: 16px !important;
	padding-left: 20px !important;
}

.syntaxhighlighter .toolbar .item.viewSource
{
	background-image: url(page_white_code.png) !important;
}

.syntaxhighlighter .toolbar .item.printSource
{
	background-image: url(printer.png) !important;
}

.syntaxhighlighter .toolbar .item.copyToClipboard
{
	text-indent: 0 !important;
	background: none !important;
	overflow: visible !important;
}

.syntaxhighlighter .toolbar .item.about
{
	background-image: url(help.png) !important;
}

/**
 * Print view.
 * Colors are based on the default theme without background.
 */

.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
{
	background: none !important;
}

/* Gutter line numbers */
.syntaxhighlighter.printing .line .number
{
	color: #bbb !important;
}

/* Add border to the lines */
.syntaxhighlighter.printing .line .content
{
	color: #000 !important;
}

/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar
{
	display: none !important;
}

.syntaxhighlighter.printing a
{
	text-decoration: none !important;
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a
{
	color: #000 !important;
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a
{
	color: #008200 !important;
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a
{
	color: blue !important;
}

.syntaxhighlighter.printing .keyword
{
	color: #069 !important;
	font-weight: bold !important;
}

.syntaxhighlighter.printing .preprocessor
{
	color: gray !important;
}

.syntaxhighlighter.printing .variable
{
	color: #a70 !important;
}

.syntaxhighlighter.printing .value
{
	color: #090 !important;
}

.syntaxhighlighter.printing .functions
{
	color: #ff1493 !important;
}

.syntaxhighlighter.printing .constants
{
	color: #0066CC !important;
}

.syntaxhighlighter.printing .script
{
	font-weight: bold !important;
}

.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a
{
	color: #808080 !important;
}

.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a
{
	color: #ff1493 !important;
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a
{
	color: red !important;
}


/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.1.364 (October 15 2009)
 *
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 *
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
 */
/************************************
 * Default Syntax Highlighter theme.
 *
 * Interface elements.
 ************************************/

.syntaxhighlighter
{
	background-color: #fff !important;
	border: 1px solid #E0E0E0 !important;
	padding: 0 !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
	color: black !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2
{
	background-color: #e0e0e0 !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number
{
	color: #afafaf !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content
{
	border-left: 3px solid #6CE26C !important;
	color: #000 !important;
}

.syntaxhighlighter.printing .line .content
{
	border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1
{
	background-color: #fff !important;
}

/* Second line */
.syntaxhighlighter .line.alt2
{
	background-color: #F8F8F8 !important;
}

.syntaxhighlighter .toolbar
{
	background-color: #F8F8F8 !important;
	border: #E7E5DC solid 1px !important;
}

.syntaxhighlighter .toolbar a
{
	color: #a0a0a0 !important;
}

.syntaxhighlighter .toolbar a:hover
{
	color: red !important;
}

.nogutter { border: none !important; }

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{
	color: #000 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{
	color: #008200 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
	color: blue !important;
}

.syntaxhighlighter .keyword
{
	color: #069 !important;
	font-weight: bold !important;
}

.syntaxhighlighter .preprocessor
{
	color: gray !important;
}

.syntaxhighlighter .variable
{
	color: #a70 !important;
}

.syntaxhighlighter .value
{
	color: #090 !important;
}

.syntaxhighlighter .functions
{
	color: #ff1493 !important;
}

.syntaxhighlighter .constants
{
	color: #0066CC !important;
}

.syntaxhighlighter .script
{
	background-color: yellow !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{
	color: #808080 !important;
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{
	color: #ff1493 !important;
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{
	color: red !important;
}