/*
Theme Name: Teammates Theme
Description: This is a custom child theme for Salient
Author: Medulla
Author URI: http://medullastudio.com/
Template: salient
Version: 0.1
*/

.home span.subheader {
	display: block;
    max-width: 500px;
}

#header-outer {
    border-bottom: 2px solid #000;
}
.bordered {
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
}

.top-bottom-border .row-bg-overlay {
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
}

#header-outer #logo img {
    position: relative;
    top: -5px;
}
.max-norm, .narrow {
    max-width: 800px;
    margin: 0 auto;
}

h1 {
    letter-spacing: 0.03em !important;
    margin-bottom: 20px !important;
}

.services .twocolumn {
    max-width: 600px;
    margin: 20px auto !important;
}
.toggle.default h3 a {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.toggle.open.default h3 a {
    background-color: #fecf2f !important;
}
.toggle div {
    border-radius: 0 0 10px 10px;
    font-size: 15px;
}
.linkgrid a {
    border: solid 3px gray;
    padding: 20px;
    display: block;
}
.linkgrid a:hover {
    background-color: #fff;
    color: black;
    border-color: black;
}
.page-template-template-portfolio .section-title {
    display: none;
}
.portfolio-items .work-item.style-3 img, .work-item.style-2 img {
    margin-bottom: 0px !important;
}
.brandbox {
    border: 3px solid #000;
    border-radius: 0 0 0 20px;
    padding: 15px 25px;
    max-width: 800px;
    margin: 0 auto;
}
.brandbox a {
    color: #000000 !important;
    text-transform: uppercase;
    margin-top: 20px;
    display: block;
}
.brandbox a:hover {
    text-decoration: underline;
}
.team-member h4 {
    font-size: 20px !important;
}
.team-member .position {
    font-size: 15px;
}
#benefits img {
    width: 150px;
}
a.link-arrow {
	color: #fff;
}

a.link-arrow:hover {
    color: #fecf2f;
	    transition:all 1s;
}
a.link-arrow:after {
    content: " >";
}
a.link-arrow:hover::after {
    position: relative;
    left: 20px;
}

.process div.direction {
    background: transparent url("https://team-mates.com/wp-content/uploads/2016/02/arrow.png") no-repeat scroll 10px 0;
    display: inline-block;
    height: 47px;
    margin: 15px;
    position: relative;
    top: -20px;
    width: 80px;
}
.process div.step {
    display: inline-block;
    font-family: lato;
    font-weight: 500;
    letter-spacing: 0.02em;
    max-width: 85px;
    text-align: left;
    text-transform: uppercase;
    width: auto;
    font-size: 14px;
}
.img-pad {
    padding: 20px;
}

#footer-outer #copyright {
    background-color: transparent !important;
	color: white !important;
}
#footer-outer i, #header-secondary-outer #social i {
    background-color: transparent !important;
    font-size: 40px !important;
	padding: 8px;
    color: #f8f8f8 !important;
}
a.credit {
    color: #9f9f9f !important;
}
a.credit:hover {
    color: #ffffff !important;
}
.portfolio-wrap h3 {
    font-size: 20px !important;
    line-height: 30px !important;
}
.hidden {
    display: none;
}
a.button, input.button {
    padding: 10px 20px;
    border-radius: 0 0 0 10px !important;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: background-color .5s, border-color .5s, color .5s, -webkit-transform .5s;
    transition: background-color .5s, border-color .5s, color .5s, transform .5s;
}
a.button, input.button {
    color: #000;
    background-color: #f8f8f8;
    border: 3px solid #000;
}
a.button:hover, input.button:hover {
    background-color: #f8d127;
}
a.button.yellow, a.alt-yellow-button, a.alt-yellow-button-mobile {
    color: #000;
    background-color: #ffd000;
    border: 3px solid #000;
	padding: 10px 20px;
    border-radius: 0 0 0 10px !important;
    text-transform: uppercase;
    font-weight: 500;
}
a.button.yellow:hover, a.alt-yellow-button:hover, a.alt-yellow-button-mobile:hover {
    background-color: #ffe10b;
}
a.alt-yellow-button-mobile {
	display: none;
}
#benefits p {font-weight: 300
}
.teknion-logo { padding: 10px; box-shadow: 0 6px 6px; position: relative; top: -30px;}

body[data-button-style="default"] .section-down-arrow i.icon-default-style[class^="icon-"] {
    font-size: 50px!important;
}

@media only screen and (max-width: 1126px) and (min-width: 1001px) {
	a.alt-yellow-button { display: none; }
	a.alt-yellow-button-mobile {
	    display: initial;
    }
}

@media only screen and (max-width: 1000px) {
    .single-portfolio #full_width_portfolio .row .col.section-title h1 {
        max-width: 100% !important;
    }
	a.alt-yellow-button {
		display: initial;
	}
	a.alt-yellow-button-mobile {
		display: none;
	}
}
@media only screen and (min-width: 1001px) {
	.three-item-row div.col.span_12.dark.left  {
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
	/* Blog header styles */
    .single:not(.material) #page-header-bg.fullscreen-header h1.entry-title {
       font-size: 3.5vw !important;
       line-height: 3.9vw !important;
    }
    /* END -- Blog header styles */
}
@media only screen and (min-width: 1000px) {
    .single-portfolio #full_width_portfolio .row .col.section-title h1 {
        width: 100% !important;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
    .portfolio-items .col[data-default-color="true"] .bottom-meta {
        bottom: 0px !important;
    }
}
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
body .row .col.section-title h1, body h1, .full-width-content .recent-post-container .inner-wrap h2 {
    font-size: 30px !important;
    line-height: 35px !important;
} 
}
@media only screen and (max-width: 1000px) and (min-width: 690px) {
	.page-header-bg-image {background-position-x: left !important;}
	.single-team-member-col.one-fourths.vc_col-sm-3:not([class*="vc_col-xs-"]) {
		display: none;
	}
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
    #slide-out-widget-area .mobile-only {
        display: block !important;
    }
	.menuopen li {
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
}
.menuopen li a {
    font-size: 20px !important;
    letter-spacing: 0em !important;
    font-weight: 200 !important;
    text-transform: uppercase;
}
	#book-a-tour, #product-lines-cta {background-image: none !important;}
	#product-lines-cta > div.col.span_12.dark.left > div.vc_col-sm-6.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-9 {
		display: none !important;
	}
}
@media only screen and (max-width: 691px) {
	a.alt-yellow-button {
		display: none;
	}
	a.alt-yellow-button-mobile {
		display: initial;
	}
}

.wpb_row.contact-us {
	margin-bottom: 0;
	padding-bottom: 0!important;
}