/**
 * Styles for Fusion Extension Oliver Bonacini
 */

/*O&B Brands Bar*/

.fsn-ob-brands-bar	{
	color:#b2b2b2;
}

.fsn-ob-brands-bar .ob-tagline	{
	text-align:right;
}

.fsn-ob-brands-bar .ob-tagline a	{
	margin-bottom:0;
	color:#b2b2b2;
	text-transform:uppercase;
	text-decoration:none;
	-moz-transition:color 0.3s;
	-webkit-transition:color 0.3s;
	transition:color 0.3s;
}

.fsn-ob-brands-bar .ob-tagline a:hover	{
	color:#333;
}

.fsn-ob-brands-bar hr	{
	border-color:#dfdfdf;
}

.post-metadata{
	display: inline;
}

@media (max-width: 767px) {
	.fsn-ob-brands-bar	{
		text-align:center;
	}
	.fsn-ob-brands-bar .ob-logo img	{
		display:inline-block;
		margin-bottom:5px;
	}
	.fsn-ob-brands-bar .ob-tagline	{
		text-align:center;
	}
	/* Tabs */
	.nav.nav-tabs	{
		position:relative;
	    padding:50px 0 0;
	    background:#a0a0a0;
	    border:none;
	    overflow:hidden;
	}
	.nav.nav-tabs > li	{
		float:left;
		display:block;
		width:100%;
		height:0;
		margin:0;
	    padding:0;
	    line-height:50px;
	    text-align:center;
	    -moz-transition:height 0.3s;
	    -webkit-transition:height 0.3s;
	    transition:height 0.3s;
	}
	.nav.nav-tabs > li > a	{
		line-height:50px;
		padding:0;
		margin:0;
		background:#a0a0a0;
		border:none;
		border-radius:0;
		color:#fff;
		position:relative;
	}
	.nav.nav-tabs > li > a:focus, .nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:active	{
		background:#a0a0a0;
	}
	.nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:focus	{
		background:transparent;
		border:none;
	}
	.nav.nav-tabs > li.active	{
		position:absolute;
		top:0;
		left:0;
		height:50px;
		background:#333;
	}
	.nav.nav-tabs > li.expanded	{
		height:50px;
		border-top:1px solid rgba(255, 255, 255, 0.1);
	}
	.nav.nav-tabs > li > a:after	{
		content:'';
		display:block;
		width:17px;
		height:10px;
		position:absolute;
		right:20px;
		top:20px;
	}
	.nav.nav-tabs > li.active > a:after	{
		background:url('../images/icon-dropdown.png') no-repeat center center;
		background-size:contain;
	}
	.nav.nav-tabs > li.active.open-tab > a:after	{
		background:url('../images/icon-dropup.png') no-repeat center center;
		background-size:contain;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/* Scroll Menu */
	#scroll-menu	{
		position:fixed;
		top:0;
		left:0;
		z-index:500;
		width:100%;
		box-shadow:0 5px 5px rgba(0, 0, 0, 0.25);
	}
	.lt-ie9 #scroll-menu	{
		border-bottom:1px solid #eaeaea;
	}
	.admin-bar #scroll-menu	{
		top:32px;
	}
	.csstransforms.csstransitions #scroll-menu	{
		opacity:0;
		-moz-transform:translateY(-100%);
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
		-moz-transition:opacity 0.3s, -moz-transform 0.3s;
		-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;
		transition:opacity 0.3s, transform 0.3s;
	}
	.csstransforms.csstransitions #scroll-menu.in	{
		opacity:1;
		-moz-transform:translateY(0);
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	.no-csstransforms.no-csstransitions #scroll-menu, .no-csstransitions #scroll-menu	{
		display:none;
	}
	.no-csstransforms.no-csstransitions #scroll-menu.loading, .no-csstransitions #scroll-menu.loading	{
		display:block;
		visibility:hidden;
	}
	#scroll-menu .dropdown-button-toggle	{
		display:block;
		width:46px;
		height:40px;
		padding:12px 11px;
		margin-top:10px;
		text-align:center;
		border:1px solid transparent;
		-moz-transition:border-color 0.3s;
		-webkit-transition:border-color 0.3s;
		transition:border-color 0.3s;
	}
	#scroll-menu .dropdown-button-toggle:focus	{
		outline:none;
	}
	#scroll-menu .dropdown-button-toggle:hover	{
		border:1px solid #ccc;
	}
	.lt-ie9 #scroll-menu .dropdown-button-toggle:hover	{
		border:1px solid #333;
	}
	#scroll-menu .dropdown-button-toggle .icon-bar	{
		border-radius: 1px;
		display: block;
		height: 2px;
		width: 22px;
		background:#333;
	}
	#scroll-menu .dropdown-button-toggle .icon-bar + .icon-bar	{
		margin-top:4px;
	}
	#scroll-menu .dropdown-menu {
		background:#333;
		border:none;
		border-radius:0;
		margin: 15px 0 0;
		padding: 20px 0;
		top: 100%;
	}
	#scroll-menu .dropdown-menu:before	{
		content:'';
		display:block;
		width:0;
		height:0;
		position:absolute;
		top:-20px;
		left:13px;
		border:10px solid #333;
		border-top-color:transparent;
		border-left-color:transparent;
		border-right-color:transparent;
	}
	#scroll-menu .dropdown-menu > li > a	{
		color:#fff;
	}
	#scroll-menu .dropdown-menu > li > a:hover, #scroll-menu .dropdown-menu > li > a:focus	{
		background:none;
		color:#ccc;
	}
}

/**
 * Popover Notification
 */

.notifications-popover .fsn-ob-mailchimp_signup #mc_embed_signup_scroll > .mc-field-group,
.notifications-popover .fsn-ob-mailchimp_signup #mc_embed_signup_scroll > .clear	{
	width:100%;
	float:none;
	margin-left:0;
}

.notifications-popover .fsn-ob-mailchimp_signup #mc_embed_signup_scroll > .mc-field-group	{
	margin-bottom:10px;
}

.notifications-popover .fsn-ob-mailchimp_signup #mc_embed_signup_scroll > .clear .btn	{
	width:100%;
	margin:0;
}

@media (min-width: 768px) {
	.notifications-popover .fsn-ob-mailchimp_signup	{
		width:auto;
	}
	.fsn-notifications.notifications-popover	{
		bottom:75px;
	}
}

/**
 * Press Cards
 */

.press-card-container .fsn-card.basic	{
	margin-bottom:15px;
}
@media (min-width: 768px) {
	.press-card-container {
		margin-left:-6px;
		margin-right:-6px;
	}
	.press-card-container .fsn-card.basic	{
		width:33.33333333%;
		display:inline-block;
		padding:0 6px;
		margin-bottom:12px;
		vertical-align:top;
	}
}
