/*
Theme Name: TMCO Custom Theme
Theme URI: http://tmco.co.nz/
Author: The New Black
Author URI: http://thenewblack.co.nz
Description: A custom theme for TMCO
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tmco
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

tmco is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/* References 
    
darkblue: #002d56
lightblue: #00aeef
lightgrey: #eaeeef
mediumgrey: #b0bfc3
    
*/


/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #666;
	font-size: 16px;
	line-height: 1.5;
    font-family: Lato, "Myriad Pro", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
    font-family: myriad-pro, 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #002d56;
    margin-top: 0px
}
h1, h2, h3 {
    font-weight: 600
}
.home h1 {
    font-size: 2.2em
}
.home h2 {
    font-size: 1.9em
}
.home h3 {
    font-size: 1.9em
}
.home h4 {
    font-size: 1.4em
}
.home h5 {
    font-size: 1.1em
}
p {
	margin-bottom: 1.5em;
}
.greeting {
	font-size: 1.9em;
	margin-bottom: 10px;
    color: #00aeef;
	font-weight: 600
}
dfn,
cite,
i {
	font-style: italic;
}
em {
    color: #00aeef
}
blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;

}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}
.standout {
    font-style: italic;
    font-weight: 600;
    margin-bottom: 20px
}
.secondary {
    color: #00aeef
}
h3 em {
color: #00aeef;
font-style: normal
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
.container-fluid {
    overflow-x: hidden
}
.breadcrumbs {
    font-family: "Myriad Pro Condensed", myriad-pro-condensed, 'Helvetica Neue', Helvetica, Arial, sans-serif; 
    color: #b0bfc3;
    padding: 10px 0px;
    text-transform: uppercase;
    font-size: 1.1em;
    float: right
}
.floatleft {
    float: left
}
#testimonial-slider blockquote:before,
q:before,
#testimonial-slider blockquote:after,
q:after {
    font-size: 3em;
    color: #002d56;
    font-family: Georgia, 'Times New Roman', serif; 
}
#testimonial-slider blockquote:before,
q:before {
	content: "\201C";
    float: left;
    margin: -20px 0 0;
}
#testimonial-slider blockquote:after,
q:after {
    content: "\201D";
    float: right;
    margin: -90px -20px 0;
}
blockquote,
q {
	quotes: "" "";
    border-left: none
}
blockquote footer:before {
    content: "-";
}
blockquote footer {
    color: #979797;
    margin-top: 10px
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
    padding-left: 25px
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
a.button, a.button:visited {
    padding: 10px 20px;
    color: #fff;
    background-color: #00aeef
}
a.button:hover {
    padding: 9px 19px;
    border: 2px solid #00aeef;
    background-color: #fff;
    color: #00aeef;
    text-decoration: none
}
/** testimonials **/
#testimonial-slider blockquote {
    font-size: 1.4em;
    color: #002d56;
    font-style: italic;
    text-align: center;
}
.carousel-wrap {
    margin: 0 auto;
    display: block;
    overflow: hidden;    
    max-width: 100%
}
#testimonials {
    display: block;
    width: 100%;
    margin-bottom: 40px;
}
.testimonial-nav:hover {
    cursor: pointer
}
#prv-testimonial {
    float: left
}
#nxt-testimonial {
    float: right
}
#testimonials .carousel-wrap ul {
  display: block;
  list-style: none;
  position: relative;
  padding-left: 0px
}
#testimonials .carousel-wrap ul li {
  display: block;
  float: left;
  position: relative;
}
 
#testimonials .carousel-wrap .context {
  font-size: 2.0em;
  line-height: 1.45em;
  color: #797670;
  font-style: italic;
  margin-bottom: 6px;
  padding-bottom: 4px;
  border-bottom: 1px solid #dcdcdc;
}

/* Styles for projects shortcode */
.project-desc {
    margin-top: -130px;
    height: 130px;
    padding: 30px 20px 20px;
    text-align: center;
    color: #fff;
    background-color: rgba(1, 46, 87, 0.8);
    position: relative
}
.project-desc h4 {
    text-transform: uppercase
}
.project-desc a, .project-desc a:visited, .project-desc h4, .project-desc h5 {
    color: #fff
}
.single-project, .single-post, #latest-posts {
    max-width: 100%
}
.single-post img {
    width: 100%
}
#latest-posts {
    margin-top: 10px
}
.list-posts {
    margin-top: 15px;
    list-style-type: none;
    border-bottom: 1px solid #E4E5E7;
    padding-bottom: 10px;
    margin-left: 0px;
}
.list-posts-img {
    width: 150px
}
.list-posts-text {
    padding-left: 20px
}
.list-posts-img, .list-posts-text {
    display: table-cell;
    vertical-align: top
}
#projects-carousel {
    width: 100%;
    overflow: hidden
}
.carousel-nav {
    width: 5%;
    margin: 0 1%;
    height: 100%;
    min-height: 150px;
    display: inline-block;
    vertical-align: top
}
.carousel-nav:hover {
    cursor: pointer
}
#prev-project {
    background: url(/wp-content/plugins/tmco_posttypes/shortcodes/img/prev.png) center no-repeat;
}
#next-project {
    background: url(/wp-content/plugins/tmco_posttypes/shortcodes/img/next.png) center no-repeat; 
}
.projects-carousel-wrapper {
    overflow: hidden;
    max-width: 86%;
    display: inline-block
}
.projects-carousel-ul {
    margin: 0;
    padding: 0;
    position: relative
}
.carousel-project {
    display: inline-block;
    margin-right: 25px;
    vertical-align: top;
}
.carousel-project:hover {
    cursor: pointer
}
.carousel-project .project-desc {
    margin-top: 0px;
    -webkit-transition: margin-top 0.5s; /* Safari */
    transition: margin-top 0.5s;   
    padding: 10px;
    height: 100px   
}
.carousel-project .project-desc h4 {
    font-size: 1.1em
}
.carousel-project .project-desc h5 {
    font-size: 1em
}
.carousel-project:hover .project-desc {
    display: block;
    margin-top: -100px;
}
#project-post-gallery {
    padding-top: 30px
}
.site-footer {
    background: #eaeeef no-repeat bottom right;
    padding: 150px 0px 0px 50px;
    font-family: "Myriad Pro Condensed", myriad-pro-condensed, 'Helvetica Neue', Helvetica, Arial, sans-serif;        
    color: #002d56;
    font-size: 1.1em;
    font-weight: 600
}
.site-footer p {
    margin-bottom: 0.5em
}
.site-footer em {
    font-style: normal;
}
.site-footer .menu {
    padding-left: 0px
}
.site-footer .menu li {
    display: inline-block;
    text-transform: uppercase;
}
.site-footer .menu a {
    color: #aaa
}
.site-footer .menu li:after {
    content: " | ";
    padding: 0px 10px
}
.site-footer .menu li:last-child:after {
    content: "";    
}

/* Styles for contact shortcode */
.contact-details {
    margin-bottom: 35px
}
.contact-details div {
    margin-bottom: 10px
}
.contact-details i {
    color: #fff;
    background-color: #00aeef;
    border-radius: 20px;
    font-size: 15px;
    text-align: center;
    padding: 7px;
    height: 30px;
    width: 30px;
    margin-right: 15px
}

/* Styles for home flexslider */
.home .flexslider {
    box-shadow: none;
    border: none;
    margin-bottom: 0px
}
.home .wpb_gallery .wpb_flexslider .flex-control-nav {
    display: none
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #00aeef;
    border: 2px solid #002d56;
    color: #fff;
	font-size: 12px;
	font-size: 1.5rem;
	line-height: 1;
	padding: .5em 1em .5em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #002d56;
    border: 2px solid #00aeef;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background-color: #002d56;
    border: 2px solid #00aeef;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #00aeef;
}

a:visited {
	color: #0187b8
}

a:hover,
a:focus,
a:active {
	color: #002d56;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
5.2 Sidebar
--------------------------------------------------------------*/

@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 0px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        border-right: 1px solid #b0bfc3;
        box-shadow: 0px 2px 2px #ccc         
    }
    #primary-menu li {
        padding-left: 14%;
        border-left: 6px solid transparent;
        line-height: 2.2;
        font-weight: 600;
        margin: 5px 0px
    }
    #primary-menu li:hover {
        color: #b0bfc3            
    }
    #primary-menu li.current-menu-item {
        border-left: 6px solid #00aeef;
        color: #b0bfc3        
    }
}
.sidebar {
    text-transform: uppercase;
    padding: 0px;
    font-family: "Myriad Pro Condensed", myriad-pro-condensed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.1em    
}
.sidebar a, .sidebar a:visited {
    color: #002d56
}
.sidebar .site-branding img {
    padding: 10% 14%;
}
ul#primary-menu {
    list-style-type: none;
}
#primary-menu .current-menu-item > a, #primary-menu a:hover {
    color: #b0bfc3;
    text-decoration: none
}
#primary-menu {
    margin-left: 0px;
    padding-left: 0px
}
.sub-menu {
    display: none;
    margin-left: 0;
    position: fixed;
    margin-top: -39px;
    left: 14%;
    background-color: #00aeef;
    padding: 20px 25px;
}
#primary-menu li.menu-item-has-children.hover {
    background-color: #00aeef;
}
#primary-menu .sub-menu li {
    list-style-type: none;
    line-height: 1.2;
    padding-left: 0    
}
/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle {
        width: auto;
        right: 0px;
        font-size: 1.2em;
        top: 0px
    }
    .menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
        position: fixed;
        z-index: 1000
	}
    .main-navigation.toggled .nav-menu {
        list-style: none;
        text-align: center;
        padding-left: 0px;
        font-size: 1.2em;
        width: 100%;
        background-color: #fff;
        top: 50px
    }    
    .main-navigation.toggled li {
        padding: 6px;
        border-bottom: 1px dotted #dcdcdc
    }
	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 2.5em 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.main {
    padding: 0px
}
.panel-grid .panel-grid-cell {
    padding-left: 10%
}
.navbar-fixed-top {
    z-index: 1000
}
.top-strip {
    background-color: #00aeef;
    height: 6px
}
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}
.single-header, .page-header {
    border-bottom: 1px solid #b0bfc3;
    margin: 0px;
    padding: 2.5em
}
.entry-content, .page-content {
    padding: 2.5em 0 0 2.5em
}
.single-post .entry-content {
	padding-right: 2.5em;
}
.single-header h1, .page-header h1 {
    color: #002d56;
    font-family: "Myriad Pro Condensed", myriad-pro-condensed, 'Helvetica Neue', Helvetica, Arial, sans-serif; 
    display: inline;
    padding-top: 5px
}
.h1div {
    border-left: 6px solid #00aeef;
    padding-left: 10px
}
h2.entry-title {
    display: inline;
}
.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.site .bgfixed {
    background-attachment: fixed !important
}
.archive article {
    margin: 2.5em;
    padding: 3em 2.5em 3em 0;
    background-color: #F5F5F5;
}
.archive .entry-header {
    padding-left: 2.5em
}
.archive .entry-content {
    padding-top: 1.5em
}
.archive article {
    max-width: 900px
}
.read-more {
    text-transform: uppercase;
    display: block;
    margin-top: 20px;
    font-size: 15px
}
.entry-header i {
    height: 3px;
    margin-top: 20px;
    width: 50px;
    background-color: #00aeef;
    display: block
}
.entry-footer {
    padding-left: 2.5em
}
.entry-meta {
    color: #979797;
    font-size: 15px;
    font-style: italic
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
#comments .col-md-7 {
    margin: 1.5em 2.5em;
    background-color:#F5F5F5;
    padding: 2em 2.5em;
}
#comments ul {
    list-style-type: none;
    padding-left: 0px
}
#comments label {
    display: block;
    font-weight: normal;
    font-size: 1.1em
}
#comments input {
    max-width: 300px
}
#comments p {
    margin-bottom: 0.5em
}
#comments #submit {
    padding: 0.7em 1em 0.5em;
    font-size: 1.2em
}
.comment-reply-title, #comments label, #comments #submit {
    font-family: "Myriad Pro Condensed", myriad-pro-condensed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase
}
.comment-body {
    border-left: 2px solid #00aeef;
    padding-left: 15px;
    margin-bottom: 20px;
    background-color: #fff
}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


.admin-bar .sidebar {
    margin-top: 32px
}
.admin-bar .navbar-fixed-top {
    display: none
}

/* Custom responsive styles */
@media (max-width: 1080px) {
    .carousel-wrap, .testimonial {
        max-width: 450px;
    }

    .testimonial blockquote {
        margin: 0px;
        padding: 0px;
    }

    .testimonial-nav {
        max-width: 20px;
    }
    #testimonial-slider blockquote:before {
        margin: -20px 0 0;
        padding-right: 10px
    }
    #testimonial-slider blockquote:after {
        display: none
    }
}
@media (max-width: 768px) {
    #content .respresetpad {
        padding: 15px !important
    }
    #content .respresetpadL {
        padding-left: 15px !important
    }
    #content .respnopad {
        padding: 0px !important
    }
    .wpb_row {
        margin-bottom: 15px !important
    }
    .vc_row .custom-sm-12 {
        width: 100%
    }
}
@media (max-width: 600px) {
    .entry-content, .page-content {
        padding: 1em
    }
    /*.testimonial-nav {
        display: none;
    } */
    .testimonial, .carousel-wrap {
        max-width: 250px;
    }

    #testimonial-slider blockquote {
        font-size: 1em;
        padding: 0px;
        margin: 10px 0px 0px;
    }
    /*#testimonial-slider blockquote:after {
     content: ""
    }*/
    #projects-carousel {
        margin: 0;
    }
    .projects-carousel-wrapper {
        max-width: 100%
    }
    .carousel-nav {
        position: absolute;
        background-color: rgba(1, 46, 87, 0.8) !important;
        z-index: 100;
        width: 25px
    }
    #prev-project {
        left: 12px;
        background-position: center left
    }
    #next-project {
        right: 12px;
        background-position: center right
    }
    .carousel-project {
        margin-bottom: 15px;
    }

    .carousel-project .project-desc {
        margin-top: -75px;
        height: 75px
    }
    #project-post-gallery {
        height: auto !important
    }
    #project-post-gallery #projects-carousel {
        height: auto !important
    }
    #project-post-gallery .carousel-nav {
        display: none
    }
    #project-post-gallery .carousel-project {
        width: 50% !important;
        margin-right: 0px
    }
    #project-post-gallery #carousel-gallery {
        left: 0px !important;
        width: auto !important
    }
    .site-footer {
        padding: 10px;
        background-image: none !important
    }
    .sidebar .site-branding img {
        max-width: 200px;
        padding: 20px 0px 0px
    }
    .site-branding {
        text-align: center
    }
    .navbar-fixed-top {
        display: none
    }   
     .entry-content {
        margin-top: 0px
    }
.home .flexslider {
    margin-top: 20px
}
}

/* Team shortcode */

.tmco-post, .grid-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 20px
}
.tmco-posts img {
    display: block;
    width: 100%
}
.tmco-posts img:hover, .mix:hover h4 {
    -webkit-filter: grayscale(100%);
    filter: gray; 
    filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
}
#tmco-team .tmco-post {
    width: 200px
}
.grid-item {
    width: 300px;
    margin-bottom: 20px
}
#projects-grid .grid-item {
    display: none
}
.grid-item img {
    min-height: 200px;
    width: auto
}
.grid-item h4 a {
    color: #fff;
}
.grid-item h4 {
    min-height: 68px;
    background-color:rgba(1, 46, 87, 0.8);
    margin-top: -68px;
    text-transform: uppercase;
    position: relative;
    padding: 15px
}
#tmco-filters {
    margin-bottom: 20px
}
.filter {
    display: inline-block;
    margin-right: 20px;
    padding: 5px;
    border: 3px solid #00aeef;
    min-width: 100px;
    text-align: center;
    margin-bottom: 15px	
}
.filter:hover, #tmco-filters .active {
    cursor: pointer;
    background-color: #00aeef;
    color: #fff
}