/*
Theme Name: The Secret Handshake
Theme URI: http://brightbrightgreat.com
Author: Blobfolio
Author URI: http://blobfolio.com
Version: 1.0
Description: Custom Theme for The Secret Handshake, coded by Blobfolio, designed by Bright Bright Great.
*/





/*---------------------------
/*
/*     TABLE OF CONTENTS
/*
/* 1. RESET
/* 2. CORE ELEMENTS
/* 3. REUSEABLES
/* 4. SINGLE OR LIMITED USE
/* 5. MEDIA QUERIES
/*
/*---------------------------*/




/*---------------------------
/*
/*     RESET
/*
/*---------------------------*/

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;
}

ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 20px;
	padding-left: 15px;
}

ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
	padding-left: 15px;
}


blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-spacing: 0;
}

p {
	margin: 1em 0;
	line-height: 1.5;
}

sup{font-size:0.6em; vertical-align:top;}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}


@font-face {
  font-family: 'secrethandshake';
  src: url('fonts/secrethandshake.eot?46378357');
  src: url('fonts/secrethandshake.eot?46378357#iefix') format('embedded-opentype'),
       url('fonts/secrethandshake.woff?46378357') format('woff'),
       url('fonts/secrethandshake.ttf?46378357') format('truetype'),
       url('fonts/secrethandshake.svg?46378357#secrethandshake') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'secrethandshake';
    src: url('../font/secrethandshake.svg?46378357#secrethandshake') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "secrethandshake";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1;


  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-close-thin:before { content: '\e800'; } /* '' */



/*---------------------------
/*
/*     CORE ELEMENTS
/*
/*---------------------------*/

html, body, a {
	-webkit-font-smoothing: antialiased!important;
}

html {
	-webkit-tap-highlight-color: #f8de00;
}

::selection {
	background-color: #f8de00;
	color: #fff;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-y: scroll;
}

header {
	background-color: #FCE200;
	padding: 10px 15px;
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	z-index: 9999;
}

a {
	color: #ebd200;
	text-decoration: none;
	transition: color 0.15s linear;
}

a:hover {
	color: #4d4d4f;
	transition: color 0.15s linear;
}

h1 {
	font-size: 45px;
	font-size: 2.8125rem;
	font-weight: bold;
	letter-spacing: -3px;
	color: #dbdbdb;
}

/*---------------------------
/*
/*     REUSABLES
/*
/*---------------------------*/
.placeholder {
	color: #aaa;
}

.clear {
	clear:both;
	height:0;
}

.cleartop {
	padding-top: 52px;
}

.wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

.flexbox #infscr-loading {
	-wekit-box-flex: 1000 1 1200px;
	  -moz-box-flex: 1000 1 1200px;
	   -webkit-flex: 1000 1 1200px;
	       -ms-flex: 1000 1 1200px;
	           flex: 1000 1 1200px;
}

#infscr-loading {
	text-align: center;
	color: #dbdbdb;
	font-weight: bold;
	font-size: 50px;
	font-size: 3.125rem;
	padding: 30px;
	max-width: 1200px;
	padding: 60px;
	margin: 0 auto;
	letter-spacing: -1px;
}

	#infscr-loading img {
		margin-bottom: 15px;
	}

.no-flexbox #infscr-loading {
	clear: left;
}

.pagination {
	display: none;
}

.close {
	display: block;
	position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
	z-index: 999;
	font-size:16px;
	font-size:1rem;
}

.content-top.about .close {
	top: 15px;
	right: 15px;
	color: #fff;
}

::-ms-clear {
    display: none;
}

.divider {
	margin: 30px 0;
	height: 1px;
	background: #DCDCDC;
}

/*---------------------------
/*
/*     SINGLE OR LIMITED USE
/*
/*---------------------------*/

	.logo {
		display: inline-block;
		padding: 7px 0;
		width: 40px;
		font-weight: bold;
		font-size: 27px;
		font-size: 1.6875rem;
		color: #fff;
		text-decoration: none;
		line-height: 0.9;
		letter-spacing: -1px;
		float: left;
		line-height: 0;
	}

		.logo small {
			font-size: 5px;
			font-size: 0.3125rem;
			padding-left: 2px;
		}

		.logo:hover {
			color: #fff;
		}

	.header-right {
		float: right;
		margin-top: 5px;
	}

		.search-button-mobile {
			text-indent: -1000%;
			overflow: hidden;
			display: inline-block;
			width: 18px;
			height: 18px;
			background: url(img/sprite.png);
			cursor: pointer;
			margin-right: 15px;
			vertical-align: middle;
		}

		.nav-button {
			text-indent: -1000%;
			overflow: hidden;
			display: inline-block;
			width: 21px;
			height: 16px;
			background: url(img/sprite.png) -20px 0;
			cursor: pointer;
			vertical-align: middle;
		}

		nav {
			display:none;
			position: absolute;
			width: 100%;
			background-color: #222;
			left: 0;
			top: 48px;
			text-align: center;
			padding: 25px 15px;
			box-sizing: border-box;
			overflow: hidden;
		}

			.nav-item {
				display: block;
				color: #fff;
				font-size: 20px;
				font-size: 1.25rem;
				font-weight: bold;
				text-decoration: none;
				margin-bottom: 18px;
				letter-spacing: -1px;
			}
				.nav-item:hover {
					color: #fff;
				}

				.nav-item.active {
					color: #FCE200;
				}

				.nav-last {
					margin-bottom: 0;
				}

				.search-button-desktop {
					display: none;
				}

			.nav-mobile-text {
				color: #5e5e5e;
				font-size: 10px;
				font-size: 0.625rem;
				text-transform: uppercase;
				font-weight: bold;
				margin-bottom: 10px;
				margin-top: 25px;
				letter-spacing: -1px;
			}

			.conference-nav {
				display: none;
			}

			.conference-nav .dash {
				margin-top: -15px;
				color: #fff;
			}

.viewing {
	position: relative;
	padding: 20px 15px;
	background-color: #E6E6E6;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	color: #d1d1d1;
	display: none;
}

	.viewing .close {
		top: 50%;
		margin-top: -14px;
	}

	.viewing-cat {
		position: absolute;
		margin-left: 15px;
		color: #fff;
		opacity: 0;
		transition: opacity 0.25s linear;
	}

.content-top {
	background-color: #343434;
}

	.content-top.about {
		padding: 25px 40px 25px 15px;
		font-size: 20px;
		font-size: 1.25rem;
		color: #fff;
		font-weight: bold;
		position: relative;
		line-height: 1.3;
	}

		.content-top.about p {
			max-width: 1160px;
		}

		.content-top.about a {
			color: #afafaf;
		}

		.content-top.about a:hover {
			color: #fff;
		}

	.content-top.announcement {
		position: relative;
		padding: 25px 40px 25px 15px;
		background: #dfdfdf;
		font-size: 20px;
		font-size: 1.25rem;
		color: #b0b0b0;
		font-weight: bold;
		line-height: 1.3;
	}

	.content-top.announcement a {
		color: #fff;
	}

	.content-top.announcement a:hover {
		color: #4d4d4f;
	}

	.content-top.announcement .close {
		top: 15px;
		right: 15px;
		color: #4D4D4F;
	}

	.content-top.article-bar .close {
		top: 15px;
		right: 15px;
		color: #0b0b0b;
	}

	.content-top.article-bar {
		padding: 25px 40px 25px 15px;
		font-size: 20px;
		font-size: 1.25rem;
		color: #fff;
		font-weight: bold;
		position: relative;
		line-height: 1.3;
		letter-spacing: -0.04em;
	}

	.content-top.article-bar .label {
		padding-right: 0.5em;
		color: #afafaf;
	}

	.content-top.article-bar a {
		color: #fff;
	}

	.content-top.article-bar a:hover,
	.content-top.article-bar a.is-active {
		color: #afafaf;
	}

.search-error {
	padding: 0 15px;
}

/*------------
/* BOTH VIEWS
/*------------*/
.back-to-top {
	position: fixed;
	width: 64px;
	height: 64px;
	top: 70px;
	right: 20px;
	z-index: 900;
	cursor: pointer;
	display: none;
}

	.back-to-top:before {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(img/sprite.png) -110px -40px;
		opacity: 1;
		transition: opacity 0.25s linear;
	}

	.back-to-top:after {
		position: absolute;
		content: "";
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(img/sprite.png) -180px -40px;
		opacity: 0;
		transition: opacity 0.25s linear;
	}

	.back-to-top:hover:before {
		opacity: 0;
		transition: opacity 0.25s linear;
	}

	.back-to-top:hover:after {
		opacity: 1;
		transition: opacity 0.25s linear;
	}


.page-id-162 .content,
.error404 .content {
	padding: 15px 15px 30px 15px;
}

.content {
	opacity: 1;
	filter: alpha(opacity=100);
	transition: opacity 0.25s linear;
}

.content.waiting {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 0.25s linear;
}

.search-error {
	text-align: center;
}

.post-category {
	color: #dbdbdb;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: bold;
	text-transform: uppercase;
}

.post-content,
.search-error {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: bold;
	color: #4D4D4F;
}

.post-content p,
.content-top.about p,
.search-error p {
	margin: 0.5em 0;
	line-height: 1.25;
	letter-spacing: -1px;
}

.post-twitter {
	text-decoration: none;
	color: #ebd200;
	font-weight: bold;
	font-size: 12px;
	font-size: 0.75rem;
}

.post-twitter:hover {
	color: #4D4D4F;
}

.post-resource {
	color: #dbdbdb;
	font-weight: bold;
	font-size: 12px;
	font-size: 0.75rem;
	margin-left: 5px;
}

.permalink-button {
	text-indent: -1000%;
	overflow: hidden;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	margin-left: 5px;
	vertical-align: middle;
}

	.permalink-button:before {
		position: absolute;
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background: url(img/sprite.png) -50px 0;
		opacity: 1;
		filter: alpha(opacity=100);
		transition: opacity 0.15s linear;
	}

	.permalink-button:after {
		position: absolute;
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background: url(img/sprite.png) -50px -20px;
		opacity: 0;
		filter: alpha(opacity=0);
		transition: opacity 0.15s linear;
		top: 0;
		left: 0;
	}

	.permalink-button:hover:before {
		opacity: 0;
		filter: alpha(opacity=0);
		transition: opacity 0.15s linear;
	}

	.permalink-button:hover:after {
		opacity: 1;
		filter: alpha(opacity=100);
		transition: opacity 0.15s linear;
	}

.post-person-info {
	display: inline-block;
}

	.no-flexbox .view-grid .post-person-info {
		/*margin-bottom: -7px;*/
		float: left;
	}

/*------------
/* GRID VIEW
/*------------*/

.flexbox .view-grid {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-box-orient: horizontal;

	-webkit-flex-flow: row wrap;
	   -moz-flex-flow: row wrap;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

	.flexbox .view-grid .post {
		min-width: 160px;
		max-width: 325px;
		margin-bottom: 0;
		transition: margin 0.5s ease-in-out;
		-webkit-box-flex: 1 1 160px;
		   -moz-box-flex: 1 1 160px;
		    -webkit-flex: 1 1 160px;
		        -ms-flex: 1 1 160px;
		            flex: 1 1 160px;
	}

.no-flexbox .view-grid .post,
.flexbox-legacy .view-grid .post {
	float: left;
	width: 160px;
}

		.view-grid .attachment-people-grid {
			width: 100%;
			height: auto;
			display: block;
		}

		.view-grid .post-text {
			position: absolute;
			left: 0;
			padding: 50px 30px;
			background-color: #fff;
			display: none;
			width: 100%;
			box-sizing: border-box;
		}
			.no-flexbox .view-grid .post-text {
				position: relative;
			}
			.no-flexbox .view-grid .post.active .post-text {
				display: block;
			}
			.view-grid .post-grid-wrapper {
				max-width: 1200px;
				margin: 0 auto;
			}

			.view-grid .post-list-wrapper {
				overflow: hidden;
			}

				.view-grid .grid-post-person {
					width: 100%;
					height: 181px;
					position: relative;
					top: -181px;
					margin-bottom: -181px;
					background-color: rgba(252, 226, 0, 0.8);
					padding: 20px;
					color: #fff;
					font-weight: bold;
					font-size: 24px;
					font-size: 1.5rem;
					letter-spacing: -1px;
					line-height: 1;
					box-sizing: border-box;
					opacity: 0;
					filter: alpha(opacity=0);
				}

				.view-grid .post:hover .grid-post-person,
				.view-grid .post.active .grid-post-person {
					opacity: 1;
					filter: alpha(opacity=100);
					cursor: pointer;

				}

				.view-grid .post.active .post-list-wrapper {
					overflow: visible;
				}

				.view-grid .post.active .grid-post-person:after {
					position: absolute;
					content: "";
					display: block;
					border: 10px solid white;
					border-top-color: #FCE200;
					bottom: -20px;
					z-index: 900;
					left: 50%;
					margin-left: -10px;
					background-color: #fff;
				}

				.view-grid .list-post-person {
					display: none;
				}

				.new-badge {
					position: relative;
					pointer-events: none;
				}

				.new-badge span {
					position: absolute;
					right: 0;
					bottom: 0;
					padding: 3px;

					background: #FCE200;

					color: #fff;
					font-size: 11px;
					font-size: 0.6875rem;
					font-weight: bold;
				}

/*------------
/* LIST VIEW
/*------------*/

.view-list .grid-post-person {
	display: none;
}

.view-list .new-badge {
	position: static;
}

.view-list .new-badge span {
	bottom: auto;
	top: 0;
}

.view-list {
	padding: 0 0 15px 0;
}

	.view-list .post {
		padding: 15px 20px;
		text-align: center;
		border-bottom: 1px solid #DCDCDC;
	}

		.single .view-list .post {
			border-bottom: 0;
		}

		.view-list .post-list-wrapper {
			max-width: 1200px;
			margin: 0 auto;
			position: relative;
			min-height: 160px;
			box-sizing: border-box;
		}

			.view-list .close {
				display: none;
			}

			.view-list .close:hover:before {
				opacity: 0;
				filter: alpha(opacity=0);
				transition: opacity 0.15s linear;
			}

			.view-list .close:hover:after {
				opacity: 1;
				filter: alpha(opacity=100);
				transition: opacity 0.15s linear;
			}

			.view-list .post-category {
				position: absolute;
				top: 0;
			}

			.view-list .attachment-people-grid {
				border-radius: 180px;
				margin-bottom: 60px;
				margin-top: 20px;
				width: 175px;
				height: auto;
			}

			.view-list .post-person-info {
				position: absolute;
				top: 210px;
				width: 100%;
				left: 0;
			}

				.view-list .list-post-person {
					font-weight: bold;
					color: #4D4D4F;
					letter-spacing: -1px;
					display: block;
				}

				.view-list .post-twitter,
				.view-list .post-resource-before,
				.view-list .post-resource {
					font-size: 16px;
					font-size: 1rem;
				}

			.view-list .permalink-button {
				margin-left: 0;
			}

/*------------
/* EVENTS
/*------------*/

.events {
	margin-top: 100px;
}

	.event {
		border-top: 1px solid #DCDCDC;
		padding: 15px 40px 15px 0;
		vertical-align: middle;
		position: relative;
	}

		.event span {
			display: table-cell;
			vertical-align: middle;
		}

		.event-title {
			width: 100%;
			font-size: 13px;
			font-size: 0.8125rem;
			font-weight: bold;
			color: #aeaeae;
		}

		.event-date {
			padding-right: 30px;
			font-size: 20px;
			font-size: 1.25rem;
			color: #dbdbdb;
			font-weight: bold;
		}

		.event-link {
			display: inline-block;
			text-indent: -1000%;
			overflow: hidden;
			position: absolute;
			height: 19px;
			width: 19px;
			top: 50%;
			margin-top: -10px;
			right: 10px;
		}

			.event-link:before {
				position: absolute;
				content: "";
				display: block;
				height: 19px;
				width: 19px;
				background: url(img/sprite.png) -200px 0;
				opacity: 1;
				filter: alpha(opacity=100);
				transition: opacity 0.15s linear;
			}

			.event-link:after {
				position: absolute;
				content: "";
				display: block;
				height: 19px;
				width: 19px;
				background: url(img/sprite.png) -200px -20px;
				left: 0;
				top: 0;
				opacity: 0;
				filter: alpha(opacity=0);
				transition: opacity 0.15s linear;
			}

			.event-link:hover:before {
				opacity: 0;
				filter: alpha(opacity=0);
				transition: opacity 0.15s linear;
			}

			.event-link:hover:after {
				opacity: 1;
				filter: alpha(opacity=100);
				transition: opacity 0.15s linear;
			}


/*------------
/* SEARCH
/*------------*/

.content-top.search {
	display: none;
	position: relative;
}

.content-top.search .close {
	top: 15px;
	right: 15px;
	color: #fff;
}

.input-search {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: -1px;
	color: #fff;
	background: transparent;
	outline: 0;
	margin: 0;
	border: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 15px;
	position: relative;
	z-index: 999;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#search-form  > div {
	padding-bottom: 0!important;
}

.content-top.search div div {
	z-index: 998;
	box-sizing: border-box;
}

.suggest-more {
	position: absolute!important;
	font-size:16px!important;
	font-size: 0.8125rem!important;
	left: 40px!important;
	top: auto!important;
	bottom: 20px!important;
	font-weight: bold;
	color: #343434!important;
}

/*------------
/* NEWS
/*------------*/

.news {
	padding: 0 0 30px;
}

.news-post {
	position: relative;
	margin: 25px auto;
	padding: 0 20px;
	max-width: 800px;

	font-size: 14px;
	font-size: 0.875rem;
	color: #4D4D4F;
	font-weight: 500;
}

.news-divider {
	border: 0;
	border-top: 1px solid #ddd;
}

.news-post .event-link {
	top: auto;
	margin-top: 0;
}

.news-title {
	position: relative;
	display: block;
	margin-bottom: 30px;

	font-size: 24px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #4d4d4f;
	line-height: 1;
}

.news-title:hover {
	color: #f7dd00;
}

.news-date {
	margin-top: 10px;
	margin-bottom: 20px;
	color: #dbdbdb;
	font-weight: 700;
}

.news-content  {
	line-height: 1.6;
	font-weight: 400;
}

.news-content:before,
.news-content:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.news-content:after {
    clear: both;
}

.news-content a {
	font-weight: bold;
}

.news-content p {
	margin: 1.35em 0;
	line-height: 1.6;
}

.news-content .ticket-btn {
	margin: 15px 0!important;
}

.alignnone,
.aligncenter {
	display: block;
	margin: 15px auto;
}

.alignnone,
.aligncenter,
.alignright,
.alignleft {
	height: auto;
	max-width: 100%;
	box-sizing: border-box;
}

.alignleft {
	float: left;
	margin: 15px 15px 15px 0;
}

.alignright {
	float: right;
	margin: 15px 0 15px 15px;
}

.news-content blockquote {
	margin: 25px 0;
	padding-left: 20px;

	border-left: 2px solid #f7dd00;

	font-size: 18px;
	font-size: 1.125rem;
	font-weight: bold;
	color: #aeaeae;
}

.news-content blockquote p {
	line-height: 1.3;
}

.news-content ul {
	margin: 30px 15px;
	padding: 0;
}

.news-content ul li {
	padding: 3px 0;
	list-style-type: none;
}

.news-content ul li:before {
	display: inline-block;
	margin-right: 10px;
	width: 6px;
	height: 6px;

	background: #f7dd00;
	border-radius: 50%;

	content: '';
}

.news-subtitle {
	margin-top: 10px;

	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	color: #aeaeae;
}

.blog-pagination {
	padding: 30px 0 10px;
	margin: 0 auto;
	max-width: 760px;

	font-weight: bold;
}

.blog-prev {
	float: left;
}

.blog-next {
	float: right;
}

.blog-note-sm,
.blog-note-rg {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	position: relative;

	font-size: 12px;
	font-size: 0.75rem;
	color: #aeaeae;
	font-weight: bold;
}

.blog-note-sm:before,
.blog-note-rg:before {
	position: absolute;
	bottom: 0;
	display: block;
	content: '';
	width: 40px;
	height: 1px;
	background: #d1d1d1;
}

.blog-note-rg {
	display: none;
}

.news-meta {
	clear: both;
	margin: 20px 0;
	position: relative;
	padding-left: 55px;
	font-weight: 400;
	line-height: 1.6;
}

.news-meta a {
	font-weight: bold;
}

.news-meta img {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px;
	width: 40px;
	border-radius: 50%;
}



/*------------
/* CONFERENCE
/*------------*/

.speaker-bar {
	padding: 15px;

	background: #dfdfdf;

	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: -0.04em;
	color: #fff;
}

.conference-grid {
	background: #ededed;
}

.conference-container {
	padding: 0 15px;
	max-width: 1260px;
}

.conference-section {
	margin: 40px 0;

	font-size: 12px;
	color: #aeaeae;
	font-weight: bold;
	letter-spacing: -0.02em;
}

.section-title {
	max-width: 830px;
	margin-bottom: 10px;
	font-size: 36px;
	font-size: 2.25rem;
	letter-spacing: -0.03em;
	color: #dbdbdb;
}

.section-datetime {
	max-width: 830px;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #f8de00;
}

.section-address {
	max-width: 830px;
	margin-top: 5px;
}

.section-address a {
	color: #aeaeae;
}

.section-address a:hover {
	color: #f8de00;
}

.schedule {
	margin-top: 30px;
}

.section-session {
	padding: 10px 0;
	border-top: 1px solid #d1d1d1;
}

.section-session .time,
.section-session .title,
.section-text {
	font-size: 16px;
	font-size: 1rem;
	color: #dbdbdb;
	letter-spacing: -0.04em;
}

.section-text { margin-top: 1em; max-width: 830px; }

.section-session .time {
	display: inline-block;
	width: 50px;
}

.section-session .desc {
	display: block;
	margin: 2px 0 2px 53px;
}

.conference-tickets {
	font-weight: bold;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #dbdbdb;
	letter-spacing: -0.04em;
	line-height: 1.3;
}

.ticket-btn {
	display: inline-block;
	margin: 20px 0 60px;
	padding: 13px 0 15px;
	width: 190px;

	background: #000;

	font-weight: bold;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #fff;
	letter-spacing: -0.04em;
	text-align: center;

	transition: all 0.3s;
}

a.ticket-btn:hover {
	background: #f8de00;
	color: #fff;

	transition: all 0.3s;
}

.past-conference {
	display: block;
	margin: 10px 0;
	padding: 60px 20px;

	background-size: cover;
	background-position: center center;

	color: #fff;
	font-weight: bold;
	letter-spacing: -0.04em;
	text-align: center;
}

.past-conference:hover {
	color: #f8de00;
}

.past-conference .location {
	display: block;
}


.conference-info-links {
	margin: 40px 0;
}

.conference-info-links a {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #dbdbdb;
	letter-spacing: -0.03em;
	line-height: 1.4;
}

.conference-info-links a:hover {
	color: #f8de00;
}

.conference-sponsors {
	margin: 0 -5px 60px;
}

.conference-sponsor {
	display: inline-block;
	width: calc(33.33% - 13px);
	max-width: 210px;
	margin: 6px 5px;

	vertical-align: middle;
}

.conference-sponsor img {
	display: block;
	max-width: 100%;
}


/*------------
/* INFO PAGE
/*------------*/

.info-section .section-datetime,
.info-section .board-members {
	max-width: 820px;
}

.info-section .section-address {
	margin-top: 12px;
}

.board-member {
	margin-bottom: 20px;

	line-height: 1.5;
}

.board-member .section-address {
	margin-top: 0;
}

.media-downloads {
	margin-top: 20px;
}

.media-download {
	display: inline-block;
	margin: 10px 9px;
	padding: 10px;
	width: 120px;
	height: 120px;

	border: 1px solid #d9d9d9;

	color: #dbdbdb;
	font-weight: bold;
	letter-spacing: -0.02em;
	vertical-align: top;
	font-size: 12px;
	font-size: 0.75rem;

	box-sizing: border-box;

	transition: all 0.3s;
}

.media-download:hover {
	background: #f7dd00;
	border-color: #f7dd00;

	color: #fff;

	transition: all 0.3s;
}


/*------------
/* FOOTER
/*------------*/

.bbg-logo {
	position: fixed;
	text-indent: -1000%;
	overflow: hidden;
	width: 45px;
	height: 17px;
	right: 25px;
	bottom: 20px;
	background: url(img/sprite.png) 0px -40px;
}





@media (min-width:815px){

	.back-to-top {
		top: 135px;
		right: 30px;
	}

	header {
		height: 105px;
		padding: 0;
	}

	.logo {
		position: absolute;
		font-size: 28px;
		font-size: 1.75rem;
		top: 0;
		left: 30px;
		padding: 0;
		width: 75px;
		line-height: 105px;
	}

	.header-right {
		position: relative;
		float: none;
		margin: 0 0 0 360px;
		background-color: #fff;
		height: 100%;
		padding: 31px 20px 31px 20px;
		box-sizing: border-box;
	}

	.header-right.bordered,
	.page-id-162 .header-right,
	.single .header-right,
	.error404 .header-right,
	.page-id-1474 .header-right,
	.page-id-2019 .header-right  {
		border-bottom: 1px solid #DCDCDC;
	}

	.nav-button,
	.search-button-mobile {
		display: none;
	}

	nav {
		display: block;
		background-color: transparent;
		padding: 0;
		position: static;
		top: 0;
		text-align: left;
	}

	.nav-item {
		font-size: 13px;
		font-size: 0.8125rem;
		color: #aeaeae;
		letter-spacing: 0;
		display: inline-block;
		margin-bottom: 0;
		margin-top: 0;
		margin-right: 15px;
		vertical-align: middle;
	}

	.nav-item:hover,
	.nav-item.active {
		color: #343434;
	}

	.nav-conference {
		padding: 5px 10px 7px;
		margin: 5px 10px 5px -5px;
	}

	.js-toggle-conference-nav {
		transition: all 0.3s 0.3s!important;
	}

	.js-toggle-conference-nav.active,
	.js-toggle-conference-nav:hover {
		background: #343434;
		color: #fff;

		transition: all 0.3s!important;
	}

	.conference-nav {
		position: absolute;
		top: 64px;
		margin-left: 277px;
		padding: 10px 20px;

		background: rgba(243,218,2,0.97);
	}

	.conference-nav .nav-item {
		display: block;
		margin: 10px 0;

		font-size: 24px;
		font-size: 1.5rem;
		color: #fff;
		letter-spacing: -0.04em;
		line-height: 1.15;
	}

	.conference-nav .nav-item:hover {
		color: #343434;
	}

	.conference-nav .dash {
		margin-top: -4px;
	}

	.search-button-desktop {
		display: inline-block;
		position: relative;

	}

	.search-button-desktop:before {
		display: none;
		position: absolute;
		content: "";
		width: 12px;
		height: 12px;
		background: url(img/sprite.png) -90px 0;
		right: 0;
		top: 2px;
		opacity: 1;
		filter: alpha(opacity=100);
		transition: opacity 0.15s linear;
	}

	.search-button-desktop:after {
		display: none;
		position: absolute;
		content: "";
		width: 12px;
		height: 12px;
		background: url(img/sprite.png) -90px -20px;
		right: 0;
		top: 2px;
		opacity: 0;
		filter: alpha(opacity=0);
		transition: opacity 0.15s linear;
	}

	/*.search-button-desktop:hover:before,
	.search-button-desktop.active:before {
		opacity: 0;
		filter: alpha(opacity=0);
		transition: opacity 0.15s linear;
	}

	.search-button-desktop:hover:after,
	.search-button-desktop.active:after {
		opacity: 1;
		filter: alpha(opacity=100);
		transition: opacity 0.15s linear;
	}*/

	.nav-mobile-text {
		display: none;
	}

	.nav-twitter,
	.nav-view {
		display: none;
		text-indent: -1000%;
		overflow: hidden;
		position: relative;
	}

	.nav-view {

		width: 17px;
		height: 11px;
		margin-right: 10px;
	}

	.nav-grid:before {
		position:absolute;
		content: "";
		display: block;
		width: 17px;
		height: 11px;
		background: url(img/sprite.png) -110px 0;
		opacity: 1;
		filter: alpha(opacity=100);
		transition: opacity 0.15s linear;
	}

	.nav-grid:after {
		position:absolute;
		content: "";
		display: block;
		width: 17px;
		height: 11px;
		background: url(img/sprite.png) -110px -20px;
		filter: alpha(opacity=0);
		opacity: 0;
		top: 0;
		left: 0;
		transition: opacity 0.15s linear;
	}

	.nav-list:before {
		position:absolute;
		content: "";
		display: block;
		width: 15px;
		height: 11px;
		background: url(img/sprite.png) -130px 0;
		opacity: 1;
		filter: alpha(opacity=100);
		transition: opacity 0.15s linear;
	}

	.nav-list:after {
		position:absolute;
		content: "";
		display: block;
		width: 15px;
		height: 11px;
		background: url(img/sprite.png) -130px -20px;
		opacity: 0;
		filter: alpha(opacity=0);
		top: 0;
		left: 0;
		transition: opacity 0.15s linear;
	}


	.nav-view:hover:before,
	.nav-view.active:before,
	.nav-twitter:hover:before {
		filter: alpha(opacity=0);
		opacity: 0;
		transition: opacity 0.15s linear;
	}

	.nav-view:hover:after,
	.nav-view.active:after,
	.nav-twitter:hover:after  {
		opacity: 1;
		filter: alpha(opacity=100);
		transition: opacity 0.15s linear;
	}

	.nav-grid {
		margin-left: -10px;
	}

	.nav-list {
		margin-right: 15px;
	}

	.nav-twitter {
		width: 24px;
		height: 19px;
		position: absolute;
		top: 40px;
		right: 30px;
		margin-right: 0;
	}

	.nav-views {
		position: absolute;
		top: 40px;
		right: 60px;
	}

	#nav-resume {
		width: 54px;
	}

	.nav-twitter:before {
		position: absolute;
		content: "";
		display: block;
		width: 24px;
		height: 19px;
		background: url(img/sprite.png) -150px 0;
		opacity: 1;
		filter: alpha(opacity=100);
		transition: opacity 0.15s linear;
	}

	.nav-twitter:after {
		position: absolute;
		content: "";
		display: block;
		width: 24px;
		height: 19px;
		background: url(img/sprite.png) -150px -20px;
		opacity: 0;
		filter: alpha(opacity=0);
		top: 0;
		transition: opacity 0.15s linear;
	}

	.content-top.about,
	.content-top.announcement,
	.content-top.article-bar {
		padding: 30px 75px 30px 30px;
		font-size: 30px;
		font-size: 1.875rem;
	}

	.content-top.about .close,
	.content-top.announcement .close,
	.content-top.search .close,
	.content-top.article-bar .close {
		top: 30px;
		right: 30px;
	}

	.search-error {
		padding: 0 30px;
	}

	.post-category {
		font-size: 30px;
		font-size: 1.875rem;
		letter-spacing: -1px;
		text-transform: none;
	}

	.view-list .post-category {
		position: static;
		top: auto;
	}

	.page-id-162 .content,
	.error404 .content {
		padding: 60px 35px;
	}

	.view-list {
		padding: 30px 30px 35px 30px;
	}

	.post-content,
	.search-error {
		font-size: 42px;
		font-size: 2.625rem;
	}

	.post-content p,
	.search-error p {
		letter-spacing: -1px;
		line-height: 1.1;
	}

	.view-list .post {
		padding: 35px 0 55px 0;
		text-align: left;
	}

	.view-list .post-list-wrapper {
		padding-left: 215px;
	}

	.view-list .attachment-people-grid {
		width: 180px;
		height: auto;
		position: absolute;
		left: 0;
		margin: 0;
	}

	.view-list .post-person-info {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		display: inline-block;
	}

	.view-list .list-post-person {
		display: inline-block;
		color: #dbdbdb;
		font-size: 17px;
		font-size: 1.0625rem;
		letter-spacing: 0;
		margin-right: 15px;
	}

	.post-twitter,
	.post-resource,
	.post-resource-before {
		font-size: 17px;
		font-size: 1.0625rem;
	}

	h1,
	.input-search {
		font-size: 72px;
		font-size: 4.5rem;
		letter-spacing: -5px;
	}

	.input-search {
		padding: 40px 35px;
	}

	.event-date {
		white-space: nowrap;
	}

	.logo small {
		font-size: 10px;
		font-size: 0.625rem;
	}

	.permalink-button,
	.view-list .permalink-button,
	.post-resource {
		margin-left: 15px;
	}

	.suggest-more {
		color: #4c4c4c!important;
	}

	.cleartop {
		padding-top: 105px;
	}

	.viewing {
		padding: 40px 30px;
		font-size: 30px;
		font-size: 1.875rem;
		letter-spacing: -1px;
	}

	.news {
		padding: 0 0 30px;
	}

	.news-post {
		margin: 50px auto;

		font-size: 16px;
		font-size: 1rem;
	}

	.news-post .event-link {
		margin-top: 10px;
	}

	.news-title {
		margin-bottom: 60px;
		font-size: 50px;
		font-size: 3.125rem;
	}

	.news-date {
		margin-top: 0;
		margin-bottom: 40px;

		font-size: 20px;
		font-size: 1.25rem;
	}

	.news-content p {
		padding: 0 30px;
	}

	.news-content blockquote {
		margin: 30px 0 30px -30px;

		border-width: 5px;

		font-size: 30px;
		font-size: 1.875rem;
	}

	.news-content blockquote p {
		padding: 0;
	}

	.news-content ul {
		padding: 0 30px;
	}

	.news-content ul li:before {
		width: 8px;
		height: 8px;
	}

	.news-subtitle {
		font-size: 30px;
		font-size: 1.875rem;
	}

	.news-content {
		font-size: 17px;
		font-size: 1.0625rem;
	}

	.news-content p {
		position: relative;
	}

	.news-content a {
		font-weight: bold;
	}

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

	.blog-note-sm,
	.blog-note-rg {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-top: 10px;
		position: absolute;
		top: 0;
		left: -160px;
		width: 140px;

		font-size: 13px;
		font-size: 0.8125rem;
		text-align: right;
	}

	.blog-note-sm:before,
	.blog-note-rg:before {
		bottom: auto;
		top: 0;
		right: 0;
	}

	.news-meta {
		margin: 50px 0;
		padding-left: 130px;
		min-height: 100px;
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.news-meta img {
		margin-top: -50px;
		width: 100px;
	}

	.flexbox .view-grid.conference-grid .post {
		min-width: 230px;
		max-width: 325px;
		margin-bottom: 0;
		transition: margin 0.5s ease-in-out;
		-webkit-box-flex: 1 1 230px;
		   -moz-box-flex: 1 1 230px;
		    -webkit-flex: 1 1 230px;
		        -ms-flex: 1 1 230px;
		            flex: 1 1 230px;
	}

	.flexbox .view-grid .post {
		min-width: 230px;
		max-width: 325px;
		margin-bottom: 0;
		transition: margin 0.5s ease-in-out;
		-webkit-box-flex: 1 1 230px;
		   -moz-box-flex: 1 1 230px;
		    -webkit-flex: 1 1 230px;
		        -ms-flex: 1 1 230px;
		            flex: 1 1 230px;
	}

	.conference-grid .grid-post-person {
		padding: 25px;
		font-size: 22px;
		font-size: 1.375em;
		line-height: 1.3;
	}

	.conference-grid .grid-post-person a {
		color: #fff;
	}

	.speaker-bar {
		padding: 30px;

		font-size: 30px;
		font-size: 1.875rem;
	}

	.conference-container {
		padding: 0 30px;
	}

	.conference-section {
		margin: 60px 0;

		font-size: 15px;
		font-size: 0.9375rem;
	}

	.section-title {
		margin-bottom: 15px;
		font-size: 72px;
		font-size: 4.5rem;
	}

	.section-datetime {
		font-size: 30px;
		font-size: 1.875rem;
	}

	.schedule {
		margin-top: 60px;
	}

	.section-session {
		padding: 15px 5px;
	}

	.section-session .time,
	.section-session .title,
	.section-text {
		font-size: 20px;
		font-size: 1.25rem;
		vertical-align: middle;
	}

	.section-session .time {
		width: 90px;
	}

	.section-session .desc {
		display: inline-block;
		margin: 0 0 0 50px;
		vertical-align: middle;
	}

	.conference-tickets {
		font-size: 30px;
		font-size: 1.875rem;
	}

	.conference-sponsors {
		margin: 0 -13px 120px;
	}

	.conference-sponsor {
		width: calc(20% - 30px);
 		max-width: 210px;
  		margin: 15px 13px;
	}

	.ticket-btn {
		margin: 60px 0 120px;
		padding: 23px 0 25px;
		width: 370px;
		font-size: 30px;
		font-size: 1.875rem;
	}

	.past-conference {
		margin: 20px 0;
		padding: 120px 20px;
		font-size: 24px;
		font-size: 1.5rem;
	}

	.past-conference .location {
		display: inline;
	}

	.conference-info-links {
		margin: 60px 0 85px;
	}

	.conference-info-links a {
		font-size: 72px;
		font-size: 4.5rem;
	}

	.board-member {
		display: inline-block;
		margin-right: 30px;
		width: 300px;

		vertical-align: top;
		line-height: 1.8;
	}

	.media-downloads {
		margin: 30px -9px 0;
	}

	.media-download {
		padding: 20px;
		width: 260px;
		height: 260px;

		font-size: 24px;
		font-size: 1.5rem;
	}
}

@media (min-width: 890px){
	.nav-twitter { display: block; }
}

@media (min-width: 960px){
	.nav-view { display: inline-block; }
	.search-button-desktop:before,
	.search-button-desktop:after { display: block; }
	.search-button-desktop { padding-right: 20px; }
	.conference-nav { margin-left: 355px; }
}

@media (min-width:1050px){
	.header-right {
		margin-left: 360px;
		padding: 31px 40px;
		padding-right: 25px;
	}

	.search-button-desktop {
		margin-right: 20px;
	}

	.nav-item {
		margin-bottom: 0;
		margin-top: 0;
	}

	.nav-twitter {
		margin-top: 9px;
		margin-left: -5px;
		margin-right: 0!important;
		position: relative;
		top: auto;
		right: auto;
	}

	.nav-views {
		position: static;
		right: auto;
		top: auto;
	}

	.nav-left {
		float: left;
		width: auto;
	}

	.nav-right {
		float: right;
		width: auto;
	}

	.nav-conference {
		 padding: 11px 15px 13px;
	}

	.conference-nav {
		top: 71px;
		margin-left: 360px;
	}

}


@media (min-width: 1250px) {
	.nav-item {
		margin-right: 30px;
	}

	.nav-view {
		margin-right: 10px;
	}

	.nav-grid {
		margin-left: -25px;
	}

	.nav-list {
		margin-right: 30px;
	}

	.conference-nav {
		margin-left: 415px;
	}
}

/*retina and almost-retina */
@media (-webkit-min-device-pixel-ratio: 1.5),
		 ( min--moz-device-pixel-ratio: 1.5),
		 ( -moz-min-device-pixel-ratio: 1.5),
		 ( -o-min-device-pixel-ratio: 1.5/1),
		 ( min-device-pixel-ratio: 1.5),
		 ( min-resolution: 144dpi),
		 ( min-resolution: 1.5dppx) {
	.search-button-mobile,
	.nav-button,
	.permalink-button:before,
	.permalink-button:after,
	.view-list .close:before,
	.view-list .close:after,
	.event-link:before,
	.event-link:after,
	.bbg-logo,
	.search-button-desktop:before,
	.search-button-desktop:after,
	.nav-grid:before,
	.nav-grid:after,
	.nav-list:before,
	.nav-list:after,
	.nav-twitter:before,
	.nav-twitter:after {
		background-image: url(img/sprite@2x.png);
		background-size: 244px 104px;
	}
}


/* --- Awwwards Ribbons --- */

/* Base */

#awwwards {
	position:fixed;
	bottom: 50px;
	z-index:9999;
}

/* Right */

#awwwards.right {
	right:0;
}

/* Link */

#awwwards a {
	display:block;
	width:70px;
	height:105px;
	text-indent:-8000px;
	background-repeat:no-repeat;
	background-position: 0 0;
	overflow:hidden;
}

/* White */

#awwwards.right.white a {
	background-image:url('img/awwwards_sotd_white_right.png');
}


/* MEDIA QUERIES */

/* Retina Displays */

/* Target any device with retina display (ie iPad 3 and MacBook Pro) */

@media
only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

	#awwwards a {
		-moz-background-size: 70px 105px;
		-ie-background-size:70px 105px;
		-o-background-size:70px 105px;
		-webkit-background-size:70px 105px;
		background-size:70px 105px;
	}

	/* White */

	#awwwards.right.white a {
		background-image:url('img/awwwards_sotd_white_right2x.png');
	}

}