/*
Theme Name: Pipes
Theme URI: http://www.designerthemes.com/
Author: Designer Themes
Author URI: http://www.designerthemes.com/
Description: A minimal and bold portfolio theme
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, white, black, gray, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-ready
Text Domain: engine
*/

/* Presets */

.clear-box-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

.animate {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.border-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.left { float: left }

.right { float: right }

.block,
.prev-post a,
.next-post a,
#reply-title,
.headline {
    background: #21262b;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5em;
}

/* Global */

body {
    font-family: 'Droid Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    overflow-y: visible;
    overflow-x: hidden;
}

a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #999;
    color: rgba(0,0,0,0.5);
}

a:hover {
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.row { position: relative }

.perspective {
    background: #fff;
    -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform: translatez();
}

.main-container {
    background: #21262b;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
input,
textarea {
    background: #f7f7f7;
    border: 1px solid #eee;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.page-template-template-home-php .main-inner {
    border: none;
    margin: 0;
    padding: 0;
}

.main-inner {
    border-left: 1px solid #eee;
    padding-left: 20px;
    margin-left: -21px;
}

.content-inner {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-left: -21px;
    padding: 0 20px;
    padding-top: 85px;
    width: 100%;
}

.no-border .content-inner { border-right: none; }

.no-sidebar .content-inner,
.page-template-template-portfolio-php.sidebar_right .content-inner,
.tax-engine_groups.sidebar_right .content-inner {
    border-right: none;
    padding-right: 0;
}

.sidebar_left .content-inner {
    border-right: none;
    padding-right: 0;
}

.sidebar-inner {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 20px;
    padding-bottom: 40px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.sidebar_left .sidebar-inner { margin-left: -21px }

.sidebar_right .sidebar-inner {
    border-right: none;
    padding-right: 0;
}

/* Header */

.header-wrap { position: relative }

.header {
    padding: 40px 20px 40px 0;
    border-right: 1px solid #eee;
    top: 0;
    right: 0;
    text-align: right;
    position: relative;
    float: right;
}

.header .logo h1 {
    position: absolute;
    top: 40px;
    right: 20px;
    max-width: 110px;
}

.logo h1 {
    font-family: 'Michroma', sans-serif;
    font-size: 25px;
    line-height: 1.2em;
    font-weight: normal;
    margin: 0;
}

.logo h1 a { color: #21262b }

.primary-menu {
    float: right;
    margin-top: 115px;
}

.primary-menu .nav-tabs > li {
    margin: 0;
    overflow: hidden;
}

.primary-menu .nav-tabs.nav-stacked > li > a {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 11px;
    text-transform: uppercase;
    background: #21262b;
    display: inline-block;
    padding: 5px 20px 4px 20px;
    font-weight: bold;
    color: #fff;
}

.primary-menu .clone {
    position: absolute;
    top: 0;
    right: -100%;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.primary-menu .dropdown-menu li > a:hover,
.primary-menu .dropdown-menu li > a:focus,
.primary-menu .dropdown-submenu:hover > a { filter: inherit }

.primary-menu .dropdown-menu {
    position: relative;
    float: none;
    min-width: 120px;
    z-index: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
}

.primary-menu .dropdown-menu a {
    font-size: 10px;
    font-weight: bold;
    line-height: 1.8em;
    text-transform: uppercase;
    color: #999;
    color: rgba(0,0,0,0.5);
    padding: 0 20px 0 0;
}

.primary-menu .dropdown-menu .current-menu-item a,
.primary-menu .dropdown-menu a:hover,
.primary-menu .dropdown-menu li:hover { background: none !important }

.primary-menu .current-menu-item .dropdown-menu,
.primary-menu .current-menu-ancestor .dropdown-menu { display: block !important }

/* Content */

.hentry { margin: 0 0 40px }

.entry-wrap { position: relative }

.featured-image a:hover { opacity: 0.8 }

.entry-header { margin-top: 20px }

.ie8 .entry-title {
    padding: 10px 20px;
    background-color: #21262b;
}

.ie8 .entry-title span,
.ie8 .entry-title a {
    padding: 0;
    background: none;
}

.entry-title {
    font-size: 18px;
    line-height: 1.8em;
    font-weight: bold;
    display: block;
    margin: 25px 0 0;
    padding: 0 20px;
}

.entry-title span,
.entry-title a,
.blog-preview .entry-title a {
    -webkit-box-shadow: 20px 0 0 #21262b, -20px 0 0 #21262b;
    -moz-box-shadow: 20px 0 0 #21262b, -20px 0 0 #21262b;
    -ms-box-shadow: 20px 0 0 #21262b, -20px 0 0 #21262b;
    -o-box-shadow: 20px 0 0 #21262b, -20px 0 0 #21262b;
    box-shadow: 20px 0 0 #21262b, -20px 0 0 #21262b;
    background-color: #21262b;
    padding: 10px 0;
    color: #fff;
}

.entry-title a:hover { color: #fff }

.entry-meta {
    font-size: 12px;
    color: #999;
    color: rgba(0,0,0,0.5);
    margin-top: 20px;
    font-style: italic;
    font-family: "Droid Serif", serif;
}

.entry-meta a {
    color: #999;
    color: rgba(0,0,0,0.5);
    border-bottom: 1px solid #f7f7f7;
}

.entry-meta a:hover {
    color: #21262b;
    border-bottom: 1px solid;
}

.entry-category.terms span:last-child { display: none }

.entry-comments {
    position: absolute;
    bottom: 0;
    left: 0;
}

.entry-comments:hover { color: #fff }

.entry-content { margin: 8px 0 45px 0 }

.entry-content ul {
    list-style: none;
    margin: 0;
}

.entry-content .nav-stacked a {
    color: #21262b;
    font-size: 12px;
}

.entry-content form { margin: 0 }

.entry-content .search {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 30px;
}

.entry-content input { width: 50% }

.entry-content textarea {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.entry-content input[type="submit"] { width: auto }

.wpcf7 p { font-size: 12px }

.required { color: #ff0000 }

.wpcf7-form-control-wrap {
    margin-top: 10px;
    display: block;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors,
span.wpcf7-not-valid-tip {
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7;
    position: static;
    display: block;
    padding: 5px 20px;
    margin-bottom: 20px;
    border: 1px solid #EED3D7;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 10px;
}

div.wpcf7-mail-sent-ok {
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

.read-more {
    position: absolute;
    bottom: 0;
    right: 0;
}

.read-more:hover { color: #fff }

.flexslider {
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    border: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    background: none;
}

.flexslider .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-next {
    left: auto;
    bottom: 0;
    right: 20px;
    top: auto;
    width: 20px;
    height: 20px;
    padding: 0;
    background: #21262b;
    text-indent: inherit;
    color: #fff;
    opacity: 1;
    padding: 0 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.flexslider .flex-direction-nav .flex-next { right: 0 }

.flexslider .slides img { margin-bottom: 20px }

.flexslider .slides img:hover { cursor: e-resize; }

.post-nav {
    margin: 0 40px 0 -20px;
    padding-bottom: 60px;
    padding-right: 40px;
    width: 100%;
    border-top: 1px solid #eee;
}

.post-nav a {
    color: #fff;
    float: left;
}

.post-nav a:hover { color: #fff }

.post-nav .prev-post {
    float: right;
    margin-right: -40px;
}

.no-sidebar .post-nav { padding-right: 20px }

.no-sidebar .post-nav .prev-post { margin-right: -20px }

.portfolio-single-content .entry-header { margin-top: 0 }

.portfolio-single-content .entry-meta { margin-top: -5px }

.portfolio-single-content .slides img { margin-bottom: 20px }

.portfolio-single-content .flexslider .flex-direction-nav .flex-prev,
.portfolio-single-content .flexslider .flex-direction-nav .flex-next {
    top: 20px;
    bottom: auto;
}

.portfolio-single-content .flexslider .slides { padding-top: 20px }

.index-content .entry-wrap {
    padding: 20px;
    background: #f7f7f7;
}

.index-content .featured-area { margin: -20px 0 0 -40px }

.index-content .featured-image {
    width: 100%;
    margin-left: 20px;
}

.index-content .engine-video {
    margin-left: 20px;
    width: 100%;
}

.index-content .mejs-container,
.index-content .flexslider { margin-left: 20px }

/* Comments */

.no-sidebar #respond { padding-right: 0 }

#respond {
    border-top: 1px solid #eee;
    margin: 0 0 40px -20px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    float: left;
}

#respond #reply-title { margin: 0 0 0 -20px }

#respond #commentform { margin: 40px 0 0 0 }

#respond #commentform p {
    float: left;
    width: 100%;
}

#respond #commentform label {
    float: right;
    font-size: 12px;
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#respond #commentform .required { color: #ff0000 }

#respond #commentform input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: right;
    width: 50%;
    height: 30px;
}

#respond #commentform textarea {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 250px;
}

#respond #commentform .comment-notes { margin-bottom: 40px }

#respond #commentform .form-allowed-tags,
#respond #commentform .comment-form-comment label { display: none }

#respond #commentform #submit {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: auto;
    float: left;
    font-weight: bold;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

#respond #commentform #submit:hover {
    background: #21262b;
    color: #fff;
    border: 1px solid #21262b;
}

.no-sidebar .comments { padding-right: 0 }

.comments {
    border-top: 1px solid #eee;
    margin: 0 0 40px -20px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}

.comments .comment-awaiting-moderation { display: none }

.comments .comments-title { margin: 0 0 0 -20px }

.comments .commentlist {
    margin: 20px 0 0 0;
    list-style: none;
}

.comments .comment {
    position: relative;
    padding-top: 40px;
}

.comments .avatar {
    position: absolute;
    top: 2px;
    left: 0;
}

.comments .comment-meta,
.comments .comment-body p,
.comments .comment-author { padding-left: 60px }

.comments .says { display: none }

.comments .comment-author {
    font-size: 18px;
    margin-bottom: 5px;
}

.comments .comment-author a { color: #21262b }

.comments .bypostauthor .comment-author:after {
    content: "(admin)";
    font-size: 11px;
}

.comments .comment-reply-link,
.comments .comment-meta a {
    font-size: 14px;
    font-style: italic;
    font-family: "Droid Serif", serif;
    color: #999;
    color: rgba(0,0,0,0.5);
    border-bottom: 1px solid #fff;
}

.comments .comment-reply-link:hover,
.comments .comment-meta a:hover {
    color: #21262b;
    border-bottom: 1px solid;
}

.comments .comment-body p { margin: 13px 0 0 }

.comments .comment-reply-link {
    font-size: 11px;
    margin-left: 60px;
    display: inline-block;
    margin-top: 10px;
}

.comments .comment-body {
    margin-bottom: 20px;
    position: relative;
}

.comments #respond {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0px;
    margin-left: 60px;
    float: none;
    width: auto;
    border: none;
}

.comments #respond input,
.comments #respond p,
.comments #respond label { float: none !important }

.comments #respond label { padding: 0 !important }

.comments #respond #reply-title { margin-left: 0 }

.comments #respond #cancel-comment-reply-link {
    text-transform: none;
    font-style: italic;
    font-family: "Droid Serif", serif;
    color: #fff;
    font-size: 11px;
    margin-left: 20px;
}

.comments #respond #commentform { margin-top: 20px }

.comments #respond .comment-notes { margin-bottom: 20px !important }

.comments .children {
    list-style: none;
    margin-left: 80px;
    margin-bottom: 20px;
    border-left: 1px solid #eee;
}

.comments .children .comment { padding-top: 40px }

.comments .children .avatar {
    top: -60px;
    padding: 20px;
    margin-top: 40px;
    background: #fff;
    left: -40px;
    z-index: 10;
}

.comments .children ol .comment:last-child .comment-body {
    background: #fff;
    margin-left: -1px;
    padding-left: 1px;
}

.comments .children ol .comment-author:after {
    content: "";
    position: absolute;
    width: 40px;
    top: 0;
    left: -80px;
    height: 20px;
    border-bottom: 1px solid #eee;
}

.comments .children ol .comment-body { margin: 0 }

/* Widgets */

.widget {
    margin: 40px 0 0 0;
    font-size: 12px;
    word-wrap: break-word;
}

.widget ul {
    list-style: none;
    margin: 0;
}

.widget a { 
	border-bottom: 1px solid #999;
	border-color: rgba(255,255,255, 0.3);
}

.widget a:hover {
    color: #fff;
    border-bottom: 1px solid;
}

.widget-title {
    margin: 0 0 20px;
    padding: 0 0 5px 0;
    border-bottom: 1px dashed #999;
	border-color: rgba(255,255,255, 0.2);
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5em;
    text-transform: uppercase;
}

.widget_search { margin-bottom: -20px }

.Engine_Twitter .tweet_avatar { display: none }

.Engine_Twitter li { margin-bottom: 20px }

.bra-photostream-widget .entry-category,
.bra-photostream-widget .entry-likes { display: none }

.bra-photostream-widget ul { margin-left: -10px }

.bra-photostream-widget li {
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 0px 10px 10px;
    float: left;
}

.bra-photostream-widget li:hover { opacity: 0.8 }

.sidebar .sidebar-inner { padding-top: 45px }

.sidebar a {
    color: #999;
    color: rgba(0,0,0,0.5);
    border: none;
}

.sidebar a:hover { border: none }

.sidebar .widget-title { border-color: #eee }

.sidebar input {
    width: 100%;
    height: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 11px;
}

.sidebar .Engine_Twitter { color: #999; color: rgba(0,0,0,0.5); }

.sidebar .Engine_Twitter .widget-title { color: #21262b }

.sidebar .Engine_Twitter a { color: #21262b }

/* Footer */

.footer {
    background: #21262b;
    color: #ccc;
    color: rgba(255,255,255, 0.7);
    border-top: 10px solid;
}

.footer .widget-title,
.footer .logo,
.footer a { color: #fff }

.footer a:hover { color: #fff !important }

.bottom-bar {
    margin-top: 40px;
    padding: 20px 0;
    border-top: 1px dashed #999;
	border-color: rgba(255,255,255, 0.2);
    font-size: 11px;
    color: rgba(255,255,255, 0.7);
}

.footer-menu a,
.footer-menu .nav a { 
	color: rgba(255,255,255, 0.7); 
}

.footer-menu .nav a {
	padding: 0;
	margin: 4px 20px 0 0;
	border-radius: 0;
}

.footer-menu .nav a:hover {
    background: none;
    color: #fff;
}

/* Home */

.ie8 .home-slider .entry-title { background: none !important }

.home-slider {
    height: 749px;
    margin: -150px 0 0 0;
    overflow: hidden;
    position: relative;
}

.home-slider .jcarousel-clip-vertical {
    width: 100%;
    height: 900px;
}

.home-slider .jcarousel-item {
    width: 100%;
    height: 300px;
}

.home-slider .engine-video iframe,
.home-slider .engine-video .mejs-video,
.home-slider .mejs-poster img { height: 300px !important }

.home-slider .mejs-poster img { border: none }

.home-slider .video-clone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.home-slider .jcarousel-prev,
.home-slider .jcarousel-next {
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 4px;
    background: #21262b;
    position: absolute;
    bottom: 300px;
    right: 540px;
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.home-slider .jcarousel-prev:hover,
.home-slider .jcarousel-next:hover { cursor: pointer }

.home-slider .jcarousel-prev { bottom: 320px }

.home-slider .featured-area { position: relative }

.home-slider .hentry { list-style: none }

.home-slider .entry-header { margin: 0 }

.home-slider .entry-title {
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.5em;
}

.home-slider .entry-title a {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    background: none;
    color: #21262b;
    padding: 0;
}

.home-slider .entry-title a:hover { background: none }

.home-slider .entry-wrap { display: none; }

.home-slider li.jcarousel-item-2 .entry-wrap { display: block; }

.home-slider .hentry {
    margin: 0;
    height: 300px;
    width: 100%;
}

.home-slider .entry-content {
    margin: 0;
    font-size: 12px;
}

.home-slider .entry-meta {
    margin: 0;
    font-size: 11px;
}

.home-slider .entry-meta span:last-child { display: none }

.home-slider .bg-top,
.home-slider .bg-bottom {
    width: 540px;
    height: 150px;
    position: absolute;
    top: 150px;
    right: 0;
    background: url(assets/images/slider-overlay.png) repeat;
    background: rgba(255, 255, 255, 0.8);
    z-index: 20;
}

.home-slider .bg-bottom {
    top: auto;
    bottom: -1px;
    height: 150px;
}

.slider-content {
    border-left: 1px solid #eee;
    margin-left: -1px;
    padding-left: 20px;
    padding-bottom: 0;
}

.welcome,
.blog-preview,
.home-content {
    border-top: 1px solid #eee;
    padding: 40px 0;
    margin-left: -140px;
}

.welcome {
    margin-top: 0;
    margin-bottom: 0;
    padding: 50px 0 40px;
    font: italic normal 24px/1.5em "Droid Serif", serif;
    text-align: center;
}

.welcome a:hover { border-bottom: 1px solid #eee; }

.blog-preview { padding: 50px 0 20px; }

.blog-preview .entry-title {
    position: absolute;
    bottom: 25px;
    left: 20px;
    right: 20px;
}

.blog-preview .entry-title a:hover { color: #fff }



/* Overlay */

.overlay {
    position: fixed;
    top: 0;
    height: 100%;
    background: #21262b;
    color: #f7f7f7;
    left: -270px;
    width: 300px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 40px;
    -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform: translatez();
    color: #ccc;
    color: rgba(255,255,255, 0.7);
}

.overlay .overlay-trigger {
    position: absolute;
    top: 50%;
    right: 0;
    background: #21262b;
    color: #21262b;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    width: 20px;
}

.overlay .overlay-trigger i {
    position: absolute;
    top: 50%;
    right: -18px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-size: 40px;
}

.overlay:hover .overlay-trigger {
    right: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.overlay a,
.overlay .widget-title { color: #fff; }

.overlay .logo h1 { color: #FFF; }

/* Portfolio / Page */

.portfolio-content { padding-top: 85px }

.page-title { margin: 5px 0 33px -20px }

.item {
    margin-bottom: 20px;
    overflow: hidden;
}

.portfolio-page-content { margin: -5px 0 30px 0 }

.portfolio-posts { padding-bottom: 40px }

.portfolio-posts .featured-image { position: relative }

.portfolio-posts .featured-image a:hover { opacity: 1 }

.ie8 .border-overlay .entry-title span,
.ie8 .border-overlay .entry-title span:hover { background: none }

.ie8 .border-overlay .entry-title { width: 50% }

.border-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 10;
}

.border-overlay .entry-title {
    position: absolute;
    bottom: 28px;
    left: -100%;
    width: 80%;
}

.border-overlay a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20;
    border: 5px solid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Shortcodes */

.alert { position: relative }

.alert .close {
    position: absolute;
    right: 10px;
    top: 2px;
}

.sc.row-fluid { margin-bottom: 20px }

.accordion-heading .accordion-toggle {
    color: #fff;
    background: #21262b;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
}

.accordion-group { border-color: #eee }

.accordion-toggle:hover { color: #fff }

.sc.nav-tabs {
    margin: 0;
    border-color: #eee;
}

.sc.nav-tabs .active > a,
.sc.nav-tabs .active > a:hover {
    border-color: #eee;
    border-bottom-color: transparent;
    background-color: #eee !important;
}

.sc.nav-tabs li a {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    color: #21262b;
}

.sc.nav-tabs li a:hover {
    background: #fff;
    border-color: #eee;
}

.sc.tab-content {
    padding: 20px;
    border: 1px solid #eee;
    border-top: none;
}

.wp-caption { border: 1px solid #eee }

/* Mobile Elements */

.home-slider-mobile { 
	margin-bottom: 20px;
	padding-top: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.home-slider-mobile .hentry { list-style: none }

.home-slider-mobile .flex-direction-nav {
    position: absolute;
    top: 20px;
    right: 0;
}

.home-slider-mobile .entry-title {
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.5em;
}

.home-slider-mobile .entry-title a {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    background: none !important;
    color: #21262b;
    padding: 0;
}

.home-slider-mobile .entry-content {
    margin: 0;
    font-size: 12px;
}

.home-slider-mobile .entry-meta {
    margin: 0;
    font-size: 11px;
}

.home-slider-mobile .entry-meta span:last-child { display: none }

.mobile-menu { text-align: left }

.mobile-menu .navbar-inner {
    background: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    padding: 0;
}

.mobile-menu .nav-tabs { border: none }

.mobile-menu .nav li { margin: 0 0 2px 0 !important }

.mobile-menu .nav li a {
    background: #21262b;
    text-shadow: none;
    color: #fff;
    margin-right: 0 !important;
    border: none;
}

.mobile-menu .nav li a:hover {
    color: #fff;
    border: none;
}

.mobile-menu .dropdown-menu {
    display: block;
    margin: 2px 0 0;
    border: none;
}

.mobile-menu .dropdown-menu a {
    padding-left: 30px;
    font-size: 12px;
}

.mobile-menu .nav-collapse { margin-top: 2px }

.mobile-menu .btn-navbar {
    width: 100%;
    float: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 40px 0 3px 0;
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

.mobile-menu .btn-navbar:hover { color: #fff }

.image-desc { margin: -10px 0 40px 0 }