/*
	Theme Name: dePosito
	Theme URI: http://themeshift.com/theme/deposit
	Description: Responsive Portfolio WordPress Theme created by Simon Rimkus
	Version: 1.0
	Author: ThemeShift
	Author URI: http://themeshift.com
	Tags: black, blue, gray, white, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
	License: GNU General Public License v2.0
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/**
 * PLEASE NOTICE! The main CSS styles of this
 * theme are located in /lib/assets/css/layout.css
 */

/**
 * WARNING! You can add your custom styles here. But keep in mind
 * that this file will be overwritten when you update the theme.
 * If you add styles here, BACKUP this file before updating.
 */

.page-id-54 #filter
{
	position:static;
	float:right;
	width: 100%;
	margin : 3px 0;
}
.page-id-54 #filter a {float:left;display:block;line-height:25px;}
.page-id-54 #main-middle-title h1 {float:left;}


/* related posts */
.related-posts-main-title{
    font-size: 20px;
	margin: 0 0 10px;
	color: #444;
	font-weight: 400;
	letter-spacing: -1px;
    line-height: 36px;
}

.related-posts-single{
	margin-bottom: 20px;
}

.related-posts-single a{
	text-decoration: none;
}

.related-posts-image{
	width: 100%;
	padding-bottom: 56.25%;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.related-posts-title{
    font-size: 20px;
	margin-bottom: 15px;
	line-height: normal;
    margin: 0 0 10px;
    color: #444;
    font-weight: 400;
    letter-spacing: -1px;
}

.related-posts-short{
	margin-top: -10px;
    margin-bottom: 10px;
    color: #999;
}

.filter-tabs {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.tab {
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    order: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

#filter .tab a {
    position: absolute;
    background: none !important;
    margin: 0;
    padding: 0;
    width: 100%;
}

.tab.is-active {
    font-weight: 600;
}

.tab-content {
    order: 2;
    display: none;
    width: 100%;
    padding: 10px 0;
    border-top: 1px dotted #d8d8d8;
}
.tab-content.is-active {
    display: block;
}