/*!

Theme Name: Diaphanum
Author: Meesters in dialoog
Version: 3.1.6
Updated: 2016-11-18

*/

/* =H E A D E R
---------------------------------------------------- */

.site-header {
	position: static;
}

#main-nav li.current_page_item,
#sec-nav li.current_page_item {
	display: none;
}

/**
 * mini tablets
 *
 */
@media only screen and (min-width: 592px) {

	.tiles-home .site-header {
		min-height: 136px;
	}

	.full-bar-home .site-header {
		/* min-height: 136px; */
		position: static;
	}

	.tiles-home .header-main {
		height: 96px;
	}

	.tiles-home #logo {
		height: 72px;
		/* top: 84px; */
		width: 216px;
	}
	
	.full-bar-home #logo {
		/* margin-top: 16px; */
	}
	
	#main-nav {
		top: 72px;
	}

	#sec-nav {
		box-shadow: inset -5px 0 0 0 rgba(0,0,0,.25); 
		position: absolute;
		top: 88px;
		width: 100%;
	}

	.full-bar-home #sec-nav {
		/* top: 88px; */
	}

	#menu-button {
		/* top: 24px; */
	}

	.home .search-form {
		top: 136px;
	}

	#search-form-button {
		top: 88.992px;
	}
	
}


/**
 * tablets portrait
 *
 */
@media only screen and (min-width: 720px) {

	#menu-button {
		display: none;
	}
	
	#main-nav { 
		box-shadow: none; 
		height: auto;
		max-height: 1000px;
		max-width: 696px;
		top: 8px;
		-moz-transition: none;
		-webkit-transition: none;
		transition: none;
				
	}
	
	.full-bar-home #main-nav { 
		background-color: transparent;
		position: absolute;
		width: 100%;
		
		/** horizontal scroll **/
		box-shadow: inset -5px 0 2px 0 rgba(0,0,0,.25); 
		-webkit-overflow-scrolling: touch;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		left: 0;
		max-width: 100%;
		top: -100px;
		padding-bottom: 12px;
		padding-top: 12px;
		
	}

	.full-bar-home #main-nav ul {
		margin: 0 auto;
		max-width: 696px;
	}
		
	#main-nav li {
		display: inline;
	}
	
	.primary-navigation a {
		border-bottom: none;
		background-color: transparent;
		color: #3e89aa;
		display: inline;
		height: 48px;
		padding: 21.3328px 0 0 0;
		text-transform: none;
	}
	
	.primary-navigation a:after {
		color: #fff;
		content: '|';
		display: inline-block;
		float: none;
		font-family: 'Merriweather', serif;
		font-size: 1rem;
		font-weight: 300;
		line-height: 1.5;
		text-align: center;
		width: 16px;
	}

	.primary-navigation a:hover {
		color: #fff;
		background-color: transparent;
	}

	.primary-navigation > ul > li:last-child a:after {
		display: none;
	}

	.full-bar-home .primary-navigation a {
		color: #f2f2f2;
		display: inline;
		height: 48px;
		padding: 12px 0 0 0;
		text-transform: none;
	}
	
	.primary-navigation .sub-menu {
		display: inline;
		background-color: transparent;
		padding-left: 0;
	}

	.full-bar-home #sec-nav {
		top: 96px;
	}

	.admin-bar #sec-nav {
		top: 120px;
	}
	
	#search-form-button {
		display: none;
	}
	
	.search-form {
		height: 40px;
		max-width: 696px;
		width: 100%;
		margin: 0 auto;
		overflow: visible;
		padding: 0;
		position: static;
		text-align: right;
	}
	
	.search-field {
		height: 40px;
		width: 216px;
		margin: 0 -24px 0 0;
	}
	
	.full-bar-home .search-field {
		margin-top: 24px;
	}
	
	input.search-submit {
		left: -8px;
		top: 8px;
	}

	.full-bar-home input.search-submit {
		top: 32px;
	}	
	
	/**
	 * Tiles only
	 *
	 */
	 
	.tiles-home #main-nav > ul {
		border-bottom: 1px solid rgba(255,255,255,.5);
		float: right;
	}

	.tiles-home .site-header {
		min-height: 136px;
	}
	
	.tiles-home #logo {
		top: 12px;
	}

	.tiles-home #sec-nav {
		top: 96px;
	}
	
	.tiles-home .search-form {
		position: relative;
		top: -52px;
		right: 0;
	}
}

/**
 * tablets landscape
 *
 */
@media only screen and (min-width: 984px) {

	.header-main, 
	#main-nav, 
	.full-bar-home #main-nav ul { 
		max-width: 840px;
	}
	
	.admin-bar #main-nav {
		top: 36px;
	}

	.full-bar-home #main-nav { 
		box-shadow: none; 
		overflow-x: auto;
		overflow-y: hidden;		
	}

	.full-bar-home #logo {
		margin-top: 0;
	}

	.primary-navigation a {
		font-weight: 900;
	}

	.primary-navigation > ul > li:first-of-type > a:before {
		font-weight: normal;
	}

	.search-form {
		float:  none;
		height: 40px;
		max-width: 840px;
		width: 100%;
		margin: 0 auto;
		overflow: visible;
		padding: 0;
		position: static;
		text-align: right;
	}

	#sec-nav {
		box-shadow: none; 
	}

	.full-bar-home .search-field {
		margin-top: 0;
	}
	
	.full-bar-home input.search-submit {
		top: 8px;
		left: -8px;
	}	

	.bio .avatar {
		margin-left: 0;
	}
}

/**
 * desktop
 *
 */
@media only screen and (min-width: 1272px) {
	
	.header-main, 
	.search-form, 
	#main-nav, 
	.full-bar-home #main-nav ul { 
		max-width: 1128px;
	}

}


/* =T I L E S
---------------------------------------------------- */

/**
 * mobile layout
 *
 */

.home-articles {
	clear: both;
	margin: 0 2.5% 24px 2.5%;
}

#main {
	padding-top: 0;
}

.tile {
	background-color: #e6e6e6;
	clear: both;
	color: #4d4d4d;
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 0;
	position: relative;
	width: 100%;
	min-height: 88px;
}

.tile:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
}

.tile .article-thumbnail {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
	margin-right: 8px;
	position: absolute;
	top: 0;
	width: 88px;
	z-index: 1;
}

.tile .pane { 
	margin-left: 88px;
	padding: 0 8px; 
}

.tile .pane.no-thumb { 
	background: none !important; 
}

.tile .cat-links {
	color: #808080;
	font-size: 75%;
	margin: 0;
	max-width: 100%;
	padding: 0;
}

.tile .cat-links a {
	color: #808080;
}

.tile .entry-title {
	border: none;
	color: #4d4d4d;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	min-height: 48px;
	padding: 0;
}

.tile .entry-excerpt { 
	display: none;
}

.tile .entry-meta { 
	margin: 0;
	padding: 0;
	width: 100%;
}

.tile .entry-date {
	width: 50%;
}

.tile .entry-date:before {
	content: '\e80a';
    font-family: 'fontello';
    line-height: .5;
    padding-right: 4px;
    position: relative;
    top: 2px;
}

.tile .comments-count {
	display: inline-block;
	float: right;
	margin: 0;
	text-align: right;
}

.tile .comments-count:before {
	content: '\e806';
    font-family: 'fontello';
    line-height: .5;
    padding-right: 4px;
    position: relative;
    top: 2px;
}

.tile .no-thumb {
	margin: 0;
	width: auto;
}

.tile.text-at-top .no-thumb {
    background: transparent;
}

.widget-post .fig-trans-custom {
	height: 184px;
}


/**
 * Agenda items
 *
 */

.tile .event-date {
	background: transparent;
	min-height: 88px;
	height: 100%;
	width: 88px;
}

.tile .event-thumbnail .event-date {
	background-color: rgba(0,0,0,.5);
	border: 0;
	color: #b3b3b3;
	height: 100%;
	margin: 0;
	padding: 8px;
	width: 100%;
}

.first-tile .event-thumbnail .event-date {
	background: transparent;
	color: #fff;
	float: right;
}

.event-full, 
.full-bar .event-day, 
.full-bar .event-month {
	display: none;
}

.full-bar .event-full {
	display: block;
}

.full-bar .event-thumbnail .event-date {
	height: auto;
	margin-top: 128px;
	text-align: left;
	width: 100%;
}

/**
 * mini tablets
 *
 */
@media only screen and (min-width: 592px) {

	#main {
		padding-top: 0;
		position: static;
		top: 0;
		margin-bottom: 0;
	}
	
	.tile {
		padding: 0;
	}
	
	.tile .event-date, 
	.tile .event-thumbnail .event-date {
		height: 176px;
		padding-top: 8px;
		width: 100%;
		margin: 8px;
	}
	
	.tile .event-date {
		height: 160px;
		width: calc(100% - 16px);
	}

	.tile .event-thumbnail .event-date {
		margin: 0;
		padding-bottom: 12px;
		max-width: 100%;
	}
	
	.tile .event-day {
		font-size: 600%;
	}

	.tile .event-month { 
		font-size: 200%;
		margin-top: -4px;
	}
	
	.full-bar .event-thumbnail .event-date {
		background: none;
		height: auto;
		text-align: center;
	    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.666);
	    max-width: 100%;
		width: 100%;
	}
	
	.full-bar .event-full {
		margin: 0 auto;
		max-width: 552px;
		text-align: left;
	}
	
	.first-tile .event-thumbnail .event-date {
		margin-bottom: -200px;
		float: right;
	}
}


/**
 * tablets portrait
 *
 */
@media only screen and (min-width: 720px) {

	#main {
		padding-top: 0;
		position: static;
		top: 0;
		margin-bottom: 0;
	}

	.tile .entry-meta {
		padding-top: 8px;
	}
	
	.full-bar .entry-meta {
		padding-top: 0;
	}
	
	.tile .event-date {
		max-width: 216px;
	}
	
	.tile .event-thumbnail .event-date {
		max-width: 232px;
	}

	.display-custom .event-date {
		max-width: 456px;
	}

	.display-custom .event-thumbnail .event-date {
		max-width: 472px;
	}	

}



/**
 * tablets landscape
 *
 */
@media only screen and (min-width: 984px) {

	.tile .event-date {
		max-width: 264px;
	}

	.tile .event-thumbnail .event-date {
		max-width: 280px;
	}	
	
	.tile .no-thumb {
		width: auto;
	}
	
	.display-custom .event-date {
		max-width: 552px;
	}

	.display-custom .event-thumbnail .event-date {
		max-width: 568px;
	}	

}



/* =F I R S T  T I L E S   &   V A R I A N T S
---------------------------------------------------- */


/**
 * First one is big: floating tile or full width bar
 *
 */
 
.full-bar, 
.first-tile {
	/* height: 384px; */
	height: calc(100vh - 96px);
	margin: 0 -2.5%;
	padding: 0;
	position: relative;
	width: 105%;
}

.full-bar {
	margin: 0;
	width: 100%;
}

.full-bar:after,
.first-tile:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
}

.full-bar .article-thumbnail,
.first-tile .article-thumbnail {
	height: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.full-bar .pane,
.first-tile .pane {
	background-color: rgba(0,0,0,.5) !important;
	bottom: 0;
	color: #e6e6e6 !important;
	margin: 0;
	min-height: calc(50% - 8px);
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}

.full-bar .entry, 
.first-tile .entry {
	color: #e6e6e6 !important;
	margin-bottom: 156px;
	padding: 8px;
	position: relative;
	top: 0;
}

.full-bar .entry-meta,
.first-tile .entry-meta {
	bottom: 0;
	padding: 8px;
	position: absolute;
	vertical-align: bottom;
	width: 100%;
}

.first-tile .cat-links,
.full-bar .cat-links { 
	color: #e6e6e6 !important;
	margin: 0;
}

.first-tile .cat-links a, 
.full-bar .cat-links a { 
	color: #e6e6e6 !important;
}

.first-tile .entry-excerpt, 
.full-bar .entry-excerpt { 
	display: none;
}

.first-tile .entry-title, 
.full-bar .entry-title {
	color: #e6e6e6;
	min-height: 48px;
	font-size: 1.25rem;
	line-height: 1.5;
	padding-top: 5.328px;
}

.first-tile .entry-title a, 
.full-bar .entry-title a {
	color: #c7d51b;
	font-weight: bold;
}

.first-tile .entry-meta, 
.full-bar .entry-meta { 
	color: #e6e6e6 !important;
}

.first-tile .comments-count, 
.full-bar .comments-count {
	width: 45%;
	text-align: left;
}

.first-tile .entry-date,
.first-tile .comments-count {
	display: none;
}


/** 
 * Sharing & publisher info
 *
 */
 
.bio {
	background-color: rgba(255,255,255,.8);
}

.first-tile .bio {
	max-width: 100%;
	margin: 16px 0 8px 0;
	width: auto;
	max-height: 88px;
}

.first-tile .bio .avatar {
	float: none;
}

.first-tile .bio h3,
.first-tile .bio .user-name {
	position: relative;
}

.first-tile .bio img ~ h3,
.first-tile .bio img ~ .user-name {
	left: 80px;
	top: -80px;
	max-width: calc(100% - 80px);
}

.full-bar .bio {
	margin-top: 16px;
	max-width: 100%;
}

.full-bar .sharedaddy {
	margin-bottom: -8px;
	margin-top: 8px;
}

.sharedaddy {
	min-height: 36px;
	min-width: 8px;
}

/**
 * First tile, no image
 *
 */
.first-tile .no-thumb {
	background: transparent;
}

/**
 * Show text at top (free text tile only 
 *
 */
.text-at-top .pane {
	height: 100%;
	top: 0;
}
		
/* hide pane */
.noshow .pane {
	background: transparent !important;
} 

/**
 * large mobile
 *
 */
@media only screen and (min-width: 480px) {

	.tile .entry-title {
		font-weight: bold;
	}	

	.first-tile .entry-title, 
	.full-bar .entry-title {
		font-size: 150%;
		line-height: 1.3333;
		padding: 0;
	}
}


/**
 * mini tablets
 *
 */
@media only screen and (min-width: 592px) {

	.home-articles {
		margin: 0 auto;
		max-width: 568px;
	}

	.tile {
		clear: none;
		float: left;
		height: 336px;
		margin: 24px .5% 0px .5%;
		width: 49%; /* 280/568 */
	}
		
	.tile .article-thumbnail {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: calc(50% + 8px);
		margin: 0;
		z-index: 1;
	}

	.tile .pane {
		margin: 0;
		position: absolute;
		z-index: 10;
		bottom: 0;
		padding: 0;
		min-height: calc(50% - 8px);
		width: 100%;
	}

	.tile .entry {
		margin-bottom: 40px;
		padding: 0 8px;
		position: relative;
		top: 0;
	}

	.tile .entry-meta {
		bottom: 8px;
		height: 24px;
		padding: 0 8px;
		position: absolute;
		vertical-align: bottom;
		width: 100%;
	}

	.tile .cat-links {
		display: block;
		padding-top: 8px;
	}
	
	.tile .entry-title {
		margin: 0;
		padding: 0;
		/* letter-spacing: -0.0125em; */
	}

	.tile .entry-meta { 
		font-size: 75%;
		font-weight: 300;
		line-height: 2;
	}
		
	.first-tile {
		position: relative;
		height: 336px;
		width: calc(100% - .5%); 
		padding: 0;
		margin: 24px auto 0 auto;
	}
	
	.first-tile .article-thumbnail {
		height: 100%;
		width: 100%;
	}
	
	.first-tile .entry {
		margin-bottom: 72px;
	}

	.first-tile .entry-meta {
		height: 72px;
	}

	.first-tile .entry-title, 
	.full-bar .entry-title {
		margin-top: 4px;
		/* letter-spacing: -0.025em; */
	}
		
	/**
	 * Variants 
	 *
	 */	
	 
	/* double tile */
	.display-custom {
		width: calc(100% - .5%); 
	}
	
	/* vertical */
	.display-custom.orientation-vertical .article-thumbnail {
		height: 100%;
		width: calc(50% + 4px);
	}

	.display-custom.orientation-vertical .pane {
		height: 100%;
		width: calc(50% - 4px);
		left: calc(50% + 4px);
	}

	.display-custom.orientation-vertical .entry-excerpt {
		display: block;
		padding-top: 24px;
	}
	
	/* transparent */
	.transparency-custom .article-thumbnail {
		height: 100%;
		width: 100% !important;
	}

	.transparency-custom .pane {
		background-color: rgba(0,0,0,.5) !important;
	}
		
	/* hide pane */
	.noshow .pane {
		background: transparent !important;
	}

	.noshow .article-thumbnail {
		height: 100%;
		width: 100%;
	}

	
	/** 
	 * Sharing & publisher info
	 *
	 */
	.bio h3,
	.first-tile .bio h3 {
		color: #e6e6e6 !important;
	}


	.first-tile .sharedaddy {
		margin-top: 24px;
		text-align: right;
	}

	.first-tile .bio {
		background: none;
		color: #e6e6e6 !important;
		max-width: 75%;
		margin:  0;
		padding: 0;
		position: relative;
		top: -80px;
	}
	
	.first-tile .bio .avatar {
		display: none;
	}
	
	.first-tile .email-link, 
	.first-tile .user-name {
		/* display: none; */
	}

	.first-tile .email-link-tablet {
		display: block;
	}
			
	.first-tile .bio h3,
	.first-tile .bio .user-name {
		position: static;
	}

	.first-tile .bio .user-name {
		margin-top: 32px;
	}


	/**
	 * Full bar layout
	 *
	 */

	.full-bar {
		height: auto;
		min-height: 384px;
		margin: 0;
		position: relative;
		width: 100%;
	}

	.full-bar .article-thumbnail {
		height: 100%;
		width: 100%;
	}
	
	.full-bar .entry-meta {
		height: 108px;
	}
	
	.full-bar .entry, 
	.full-bar .entry-meta {
		margin: 0 auto;
		max-width: 552px;
		position: relative;
	}

	.full-bar .entry-title {
		font-size: 200%;
		font-weight: 500;
		line-height: 1.3333;
	}
	
	.full-bar .sharedaddy {
		text-align: right;
		position: absolute;
		margin: 0;
		bottom: 0;
		width: 552px;
	}
	
	.full-bar .bio {
		background: none;
		bottom: 0;
		color: #e6e6e6 !important;
		padding: 0;
		position: absolute;
		width: 66%;
	}

	.full-bar .bio .user-name {
		margin-top: 8px;
	}
	
	.full-bar.text-at-top .entry {
		padding-top: 40px;
		height: calc(384px - 96px - 16px);
	}
}


/**
 * tablets portrait
 *
 */
@media only screen and (min-width: 720px) {

	.home-articles {
		max-width: 720px;
	}

	.tile {
		width: 32.2222%; /* 232/720 */
	}
		
	.first-tile {
		margin-left: .5%;
		margin-right: .5%;
		width: 65.55%; /* 472:720 */
	}
	
	.first-tile .cat-links {
		padding-top: 8px;
	}
		
	.full-bar {
		border-bottom: 48px solid #4d4d4d;
		width: 100%;
	}

	.full-bar .article-thumbnail {
		border-bottom: 1px solid #e6e6e6;
	}
		
	.full-bar .entry, 
	.full-bar .entry-meta {
		max-width: 696px;
	}

	/*
	.full-bar .entry-title {
		font-size: 250%;
		font-weight: 300;
		line-height: 1.2;
	}
	*/
	
	.full-bar.text-at-top .entry {
		padding-top: 32px;
		height: calc(384px - 96px - 56px);
	}

	/**
	 * Variants 
	 *
	 */
	.display-custom {
		width: 65.55%; /* 472:720 */
	}

	.orientation-vertical .entry {		
		-webkit-hyphens: auto;
		-moz-hyphens:    auto;
		-ms-hyphens:     auto;
		hyphens:         auto;
		word-wrap: break-word;

	}

	/** 
	 * Sharing & publisher info
	 *
	 */

	.full-bar .sharedaddy {
		width: 704px;
	}
	
	.full-bar .bio {
		padding-top: 0;
	}
}


/**
 * tablets landscape
 *
 */
@media only screen and (min-width: 984px) {

	.home-articles {
		max-width: 864px;
	}

	.tile {
		margin: 24px .45% 0px .45%;
		width: 32.4%; /* 280/864 */
	}

	.first-tile {
		width: 65.74%; /* 568:864 */
	}

	.full-bar {
		margin: 0;
		width: 100%;
	}

	.full-bar .entry, 
	.full-bar .entry-meta {
		max-width: 840px;
	}
	
	.full-bar.text-at-top .entry {
		padding-top: 16px;
	}

	.tile .comments-count-label {
		display: inline;
	}
	
	/** 
	 * Sharing & publisher info
	 *
	 */

	.first-tile .sharedaddy {
		padding-left: 8px;
		position: relative;
		left: calc(50% + 112px);
		text-align: left;
	}

	.first-tile .bio {
		max-width: 66%;
	}

	.full-bar .sharedaddy {
		width: 856px;
	}
	
	/**
	 * Variants 
	 *
	 */
	.display-custom .entry-title,
	.text-at-top .entry-title {
		font-size: 1.5rem;
		line-height: 1.25;
		margin-top: 0px;
	}

	.orientation-vertical .entry {
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		word-wrap: 		 none;
		white-space: 	 normal;
	}

	.display-custom {
		width: 65.74%; /* 568:864 */
	}
}



/**
 * desktop
 *
 */
@media only screen and (min-width: 1272px) {

	.home-articles {
		max-width: 1152px;
		margin: 0 auto;
	}

	.tile {
		margin: 24px .333% 0px .333%;
		width: 24.3055%; /* 280/1152 */
	}

	.first-tile {
		height: 696px;
		width: 49.3055%; /* 568:1152 */
	}
	
	.first-tile .pane {
		min-height: calc(50% - 12px);
	}
	
	.first-tile .entry {
		margin-bottom: 96px;
	}

	.first-tile .entry-meta {
		height: 120px;
	}

	.display-custom, 
	.display-standard + .display-custom {
		width: 49.3055%; /* 568:1152 */
	}
	
	.tile .cat-links {
		left: 0;
		padding-top: 12px;
	}
	
	.first-tile .entry-title {
		font-size: 225%;
		font-weight: 700;
		line-height: 1.3333;
		margin-top: 4px;
	}
	
	/**
	 * Full bar layout
	 *
	 */
	.full-bar {
		margin: 0;
		width: 100%;
	}

	.full-bar .article-thumbnail {
		height: 100%;
		width: 100%;
	}
	
	.full-bar .entry, 
	.full-bar .entry-meta {
		margin: 0 auto;
		max-width: 1136px;
		padding-left: 288px;
	}

	.full-bar .entry-date,
	.full-bar .comments-count {
		position: relative;
		top: 64px;
	}
	
	.full-bar .entry-meta {
		height: 96px;
	}
	
	.full-bar .entry-title {
		margin-top: 8px;
		margin-bottom: 32px;
		font-size: 300%;
		font-weight: bold;
		line-height: 1.25;
	}
	
	.full-bar.text-at-top .entry {
		padding-top: 16px;
		height: calc(384px - 96px - 24px);
	}

	/** 
	 * Sharing & publisher info
	 *
	 */
	.first-tile .bio {
		padding-top: 72px; 
	}

	.first-tile .bio h3,
	.first-tile .bio .user-name {
		position: relative;
	}	

	.first-tile .bio img ~ h3,
	.first-tile .bio img ~ .user-name {
		left: 80px;
		top: -80px;
	}	
	
	.first-tile .sharedaddy {
		margin-top: 0;
		top: 80px;
	}

	.first-tile .bio .avatar {
		display: block;
	}

	.first-tile .email-link, 
	.first-tile .user-name {
		display: block;
	}

	.first-tile .email-link-tablet {
		display: none;
	}
	
	.full-bar .entry .cat-links {
		min-height: 24px;
	}
	
	.full-bar .sharedaddy {
		margin-top: -32px;
		bottom: 0;
	}

	.full-bar .entry-meta {
		position: absolute;
		left: calc((100vw - 1136px) / 2);
	}
	
	.full-bar .bio {
		color: #e6e6e6 !important;
		display: block;
		position: absolute;
		padding: 0;
		padding-bottom: 12px;
		left: 0;
		bottom: 0;
		width: 288px;
	}
	
	.full-bar .bio h3 {
		padding-bottom: 8px;
	}
}