/*
 Theme Name:     MTi
 Theme URI:      http://jpwp.me/thefalcon
 Description:    A child theme for Twenty Fourteen with all content centered, user-configurable gradient background, fancier topbar and a slideout sidebar on mobile.
 Author:         Josh Pollock
 Author URI:     http://JoshPress.net
 Template:       twentyfourteen
 Version:        1.1.0
 License:       GPL (Version 2 or later)
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/
 .wpbody-content .hide{
	 display:block
 }
 


/**
The Falcon is copyright 2013 Josh Pollock
The Falcon is licensed under the terms of the GNU General Public License Version 2 or later.

Includes css from Sidr Copyright (c) 2013 Alberto Varela (http://www.albertovarelasanchez.com)
Released under the MIT License http://opensource.org/licenses/MIT
**/

@import url("../twentyfourteen/style.css");



/* Theme customization starts here */
@font-face {
    font-family: mohave;
    src: url(css/mohave.ttf);
}

@font-face {
    font-family: bebaslLight;
    src: url(css/bebasneue-light.ttf);
}
@font-face {
    font-family: globeRegular;
    src: url(css/Fontfabric-GloberRegular.otf);
}

.nav-menu li{
float: left;
  list-style-type: none;
  margin: 10px 15px;
  position:relative;
  text-align:left; 
  
}

#menu-main-menu{font-family:mohave; margin-top:1em; font-size:1em}
ul.sub-menu{display:none; font-size:.8em; width:250px }
ul.sub-menu li{display:block; float:none; margin-left:20px}
li > ul, li > ol{margin-left:0px}
/*position:absolute; top:20px*/
li.menu-item-has-children a:hover > ul.submenu{display:block}

.nav-menu li:hover > ul{display:block; background:#252525; position:absolute}



body{background:#fff !important; background-image: none !important;  font-size:18px}


.lefty{float:left; margin-right:2em}

/* center the design */
.site {
    margin: 0 auto;
	width:100%;
	max-width:100000px
}
.xsite-header{opacity:.7}
.xsite-header {
background-color: #000;
max-width: 1260px;
position: relative;
width: 100%;
z-index: 4;
}

/* add padding to the top of the sidebar */
#secondary {
    padding-top: 8px;
}

/* prevent links changing color on hover */
#secondary a:hover {
    color: #fff;
}

.content-post-sidebar .item{float:left; width:900px}
.content-post-sidebar #post-sidebar{padding:20px; background:#f5f5f5; width:300px; float:left; clear;none; margin-left:20px}

/* change the background color for form inputs */
.footer-sidebar .widget input, .footer-sidebar .widget textarea, .primary-sidebar .widget input, .primary-sidebar .widget textarea {
    background-color: #000;
}
/* Keep mobile toggle on the right and resize the genricon */
#menu-toggle {
    float: right;
    display: inline;
}

#menu-toggle .genericon {
    font-size: 48px;
    padding: 0 1em 0 0;
    z-index: 999;
}

#mobile-nav-div, #mobile-nav-foot{display:none;}

.center-wrap{width:1200px; margin:auto}
.centered{text-align:center}

.shady{background:#f5f5f5; padding:2em}
.whitey{background:#fff; padding:2em}




/* enhancing the topbar */
#big-top {
    display: block; }

#masthead {
    width: 100%;
    max-width: 100%;
    height: 88px;
    position: fixed;
    top: 0;
    left: 0;
	height:44px; position:fixed; opacity:.9; z-index:2000; background:#000
}
#masthead:hover{opacity: 1}


.search-toggle {
    position: absolute;
    top: 0px;
    right: 0px;
}

.header-main {
    display: inline;
}

a{color:#f83101}
a:hover{color:#E47054}

ol.mti-numbers {background:#ffffff;margin-left:0; list-style-position: inside; }
ol.mti-numbers li{border-bottom:solid 3px #f5f5f5;  padding:1em;  border-color:#ff3300; border-width:2px;}

ul.mti-bullets {list-style-image: url(images/org-bull.png);}
ul.mti-bullets li{padding-left:1em; line-height:1.9em}


#main.site-main{background:#f5f5f5}
#main.site-main.home-main{background:#fff}
#main.site-main .entry-header{background:#f5f5f5}
#main.site-main .entry-content{background:#f5f5f5}

nav#primary-navigation {
    width: 100%;
    display: block;
    top: 40px;
    left: 0px;
    position: absolute;
    padding-left: 30px;
}
.topbar-menu a{color: #fff}

.hentry {
margin: 0 auto;
max-width:100% !important
}
.entry-content, .entry-header{margin-right:auto !important}
.entry-content, .entry-header{max-width:100% !important}
.entry-content{width:80%; margin:auto}
.wpb_wrapper{padding-left:5%; padding-right:5%}
.site-content .entry-content{max-width:100%; padding:0px}
.subwrap{width:80%; margin:4em auto}

#main-navigation{width:98%; margin:auto; text-align:right}
#menu-main-nav li{float:left; list-style-type:none; margin:10px 20px;}
#menu-main-nav li a{color:#fff; text-transform:uppercase; font-size:.9em}
#menu-main-nav li a:hover{color:#13C7D6}
#head-wrap{position:relative}
.button-link{display:inline-block; background: #f83101; color:#fff; text-transform:uppercase; padding:5px 10px; -webkit-border-radius: 3px;
border-radius: 3px;}
#head-wrap .button-link{color:#232323; float:right; margin:5px 0; }
.button-link-trans{display:inline-block; background: transparent; color:#f83101; text-transform:uppercase; padding:5px 10px; border:solid 1px #f83101}
#site-logo{position:absolute; top:0; left:0; z-index:2000}
.xsite-footer{height:400px; background:#000; padding-top:50px}

.topbar-description {
    color: #fff;
    display: inline;
    font-weight: bold;
    font-size: 100%;
    text-transform: lowercase;
    line-height: 50px;
    vertical-align: baseline;
    margin-left: 20px;
    font-style: italic;
}

.home-blog-post{float:left; height:800px; width:21%; margin:1.5%; background:#f5f7f7; border:solid 1px #e1e6e6; border-bottom:4px}
.home-blog-image{width:100%; height:150px}
.post-inner{padding:10px}
.home-blog-avatar{float:left; margin-bottom:10px; width:25%;}
.home-blog-avatar img{width:100%; border-radius:60px; -webkit-border-radius:60px}

.home-blog-excerpt{height:380px; text-align:left}
.home-blog-title{height:100px}
#blog-paging{clear:both; padding:30px; }
#blog-paging a{margin:20px}
#home-primary h2{  font-family: bebaslLight; display:inline-block; text-transform:uppercase; font-size:3.2em; padding-bottom:9px;  color:#f83101}
#home-about{margin-top:50px; clear:both; width:100%}
#home-works{margin-top:0em;}
.feature-text{ font-size:1.3em; margin:3em}
#home-results div.lefty{width:45%; padding-right:5%; text-align:left}
#home-results img{/*width:50%*/}
#home-results{margin-top:5em ; margin-bottom:5em}
#result-home-left p{font-size: 1.4em}

#checklist-home li{color:#555555; text-align:left; border-bottom:solid 1px #555555; line-height:2.5em; font-size:1.4em; list-style-type:none; background: url(images/check-yes.png) 100% no-repeat}
#checklist-home li.check-no{background: url(images/check-no.png) 100% no-repeat; line-height:1.3em}
#home-checklist h3{font-weight:normal; font-size:2em}

.home-content{background:#f5f7f7; text-align:center;}
.home-content .pad{ padding:1%; font-size:1.2em}
.contact-details{float:left; display:inline-block; width:25%}
.contact-details img{float:left}
#contact-social-contact{text-align:center; margin:90px auto}
#contact-social-contact img{margin-right:5px}

.infusion-form input[type="text"], .infusion-form textarea{width:50%;  border: 1px solid rgba(0, 0, 0, 0.1);  border-radius: 2px;  color: #2b2b2b;  padding: 8px 10px 7px;}
.infusion-form textarea{width:80%}
div.infusion-field {margin-bottom:1em}
input[type="submit"].button-link{  display: inline-block;
  background: #f83101;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;font-size:1.2em}
#home-about{background: url(images/home-about.jpg) no-repeat; color:#efefef; }
#home-contact{margin-top:2em}
#details-wrapper{margin-top:80px; padding-left:20px}
#home-contact #details-wrapper{width:850px; margin:auto; margin-left:250px; margin-top:10px}
#contact-social{margin-top:50px}
#bb-con-main{ width:85%; margin:auto}
#home-contact #bb-con-main{ width:45%; margin:auto}
#home-specialties{margin-top:4em}

.expertise-box{width:24%; float:left; margin:4% 2% 4% 6%; }
#slider-expertise .expertise-box{font-size:16px; }
#slider-expertise .expertise-box div{ font-weight:normal; white-space:normal !important}
#expertise-main{}
#insights{width:1200px}
.site-content{ margin:auto !important}
.site:before{background:transparent !important}


.footer-sidebar .widget{width:100%}
#pre-foot{width:80%; margin: 4em auto}
#app-wrap{float:right; width:45%;}
#app-wrap img {width:20%;margin-right:3%; float:left}
#app-wrap h3{width:75% ;clear:none}
#meta-wrap{width:50%; float:left}
.footer-menu a{font-family:mohave; margin-top:1em; font-size:.9em; color:#121212}
.hsite-info{color:#fff}

.mti-cta {
	font-size: 2em;margin-bottom:3em
}

.email-promo{width:60%; background:#fff; text-align:center; }
#promo-top{width:100%}
.blue-head{color:#00bbca; font-size:1.5em}

#secondary{display:none !important}

@media screen and (max-width: 1208px) {
	.center-wrap{width:1000px}

}


@media screen and (max-width: 1096px) {
	.center-wrap{width:800px}
	
}

@media screen and (max-width: 1096px) {
	.center-wrap{width:90%}
	#slider-expertise .expertise-box{font-size:.9em; line-height:1em }
	#slider-expertise .expertise-box img{width:30% }
	.home-blog-post h3{font-size:1em}
	.home-blog-post{font-size:.9em}
	#home-contact #details-wrapper {margin-left:40px}
	
	
	 .topbar-menu {
        display: none !important;
        background-color: black;
		margin-top:.2em;
		
    }
	#mobile-nav-div /*, #mobile-nav-foot*/{display:block;
		
	}
	#mobile-nav-div select, #mobile-nav-foot select{background: #f83101;
		color: #fff;
		padding: 5px 10px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin-top:.3em}
		#site-logo{width:18%; margin-top:5px}
	
	
	
	
	
	
}

@media screen and (max-width: 1026px) {
	.home-blog-post h3{font-size:1.2em}
	.home-blog-post{font-size:1.1em;  margin:20px 3%}
	#layerslider_3 h3{font-size:1.1em}
	.expertise-box div{line-height:1.2em}
	#menu-main-nav li{margin-left: 5px; margin-right: 5px}
	}





@media screen and (max-width: 768px) {

/* mobile menu */

    #masthead {
        height: 80px;
    }
    #top-social {
        float:left;
    }
    .topbar-menu {
        display: none !important;
        background-color: black;
		margin-top:.2em;
		
    }
	#mobile-nav-div{display:block;
		
	}
	#mobile-nav-div select{background: f83101;
		color: #fff;
		padding: 5px 10px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin-top:.3em}
		#site-logo{width:20%; margin-top:5px}
    .primary-navigation.toggled-on {
        display: block;
        padding: 48px 0 0 0px;
        background-color: black;
    }
    .nav-toggled {
        padding-top: 48px !important;
        padding-left: 0px !important;
    }
    h2.topbar-description {
        display:none;
    }
}

#secondary-mobile #top-social {
    display: inline;
    padding-right: 1em;
    margin: 1em auto;
}
#secondary-mobile #top-social .genericon {
    float: left;
    font-size: 1.5em;
    color: #24890d;
}
#secondary-mobile #top-social .genericon:first-child {
    margin-left: 1em;
}

#mobile-sidebar-top {
    height: 48px;
}

#secondary-mobile .site-description {
    display: block;
    text-align: left;
    font-family: lato;
    margin-right: 0;
}



.hide {
    display: none;
}

.unhide {
    display: inline;
}



.entry-title{margin-bottom:1%; margin-left:5%; margin-top:25px;   font-family: bebaslLight;
  
  text-transform: uppercase;
  font-size: 3.2em;
  padding-bottom: 9px;
  color: #f83101;
  font-weight:bold;
  text-align:center
  }
.entry-title a, .entry-title a:hover{color:#f83101}


/* see reference areas in page: "group coaching" for hoe these are used */


.mti-big-intro {

}

.mti-quotes-block {

}

.mti-quotes-words {

}

.mti-quotes-name {

}

.mti-numbers {

}



.mti-cta-block {

}


.inthenews {
	border: 0 0 10px 0;
	
}


.homepage-top-slider {
 	padding: 200px 0 0 0;
}

.mti-quote-box {
	border-color:#f83101; border-width: 2px; border-style: solid; background:#ffffff; margin:30px; padding:30px 
}


.mti-btn {
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  font-family: Arial;
  color: #000;
  font-size: 20px;
  background: #fff;
  padding: 12px ;
  border: solid #f83101 2px;
  text-decoration: none;
  text-align: center;
  padding: 12px;
  margin: auto
}

.mti-btn:hover {
  background: #f83101;
  background-image: -webkit-linear-gradient(top, #f83101, #f83101);
  background-image: -moz-linear-gradient(top, #f83101, #f83101);
  background-image: -ms-linear-gradient(top, #f83101, #f83101);
  background-image: -o-linear-gradient(top, #f83101, #f83101);
  background-image: linear-gradient(to bottom, #f83101, #f83101);
  text-decoration: none;
  color: #fff;
}

a.btn {
  text-decoration: none;
  text-color: black		

}



.btn-gettheapp {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #f83101;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-align: right
}

.btn-gettheapp:hover {
  background: #fff;
  text-decoration: none;
  color: #f83101
}

.mti-quote-image {
 margin: 0 20px 20px 0;
 padding: 0 10px 10px 0;
 border: 0x solid #fff;
 position: relative;
 left: 0px;
 
}

.mti-image {
 margin: 0 20px 20px 0;
 padding: 0 10px 10px 0;
 border: 0x solid #fff;
 position: relative;
 left: 0px;
 
}

div.spacer-30 {
	padding-bottom: 30px;
	clear: both;


}

div.spacer-50 {
	padding-bottom: 50px;
	clear: both;
}

div.spacer-10 {
	padding-bottom: 10px;
	clear: both;
}

div.spacer-1 {
	padding-bottom: 1px;
	clear: both;
}


.mti-reference {
	font-size: smaller
}

.mti-quiz-score {
	font-size: 64px;
	color: #ff3300;
}


input#submitButton {
	border: 20px;
	color: #fff;
	background-color:#ff3300;
	position: relative;
	top: 10px;
	left: 300px;
       	clear: both;
	
} 

	.test-post{  margin:1%; margin-bottom:3em}
.test-title {
	clear:none; margin-left:21%
}

.test-title{font-size:1.3em; font-weight:bold;  padding-top: 0px;}
.test-post img.test-image{margin-top:0;width:18%; border: 3px #efefef solid;   float:left;}
.test-image-wrap {float:left; display:inline-blockl; margin-right:1em; }
.test-content{margin-left:21%; border-top:1px solid #f5f5f5; padding-top: 15px; padding-bottom: 15px;}
#ls-global * .ls-wp-container .ls-slide > * {line-height:.8em; }
.mti-heading, .mti-subheading{
  font-family: bebaslLight;
  text-transform: uppercase;
  font-size: 2.6em;
  color: #f83101;
  font-weight: bold;
 }
 #home-about .wp-post-image{max-width:none}
 #wpss_form_1 #submitButton{left:58px}
 #wpss_form_1 fieldset{padding-bottom:3em}
 
 
 .clear-spacer{clear:both; margin-top:25px}
 .form-container{position: relative;
  z-index: 10000;}
.mti-subheading{font-size: 1.9em}


.mti-btn {-webkit-transition: color 1s; /* Safari */    transition: color 1s; background: #f83101; color:#fff;}
.mti-btn:hover{ color:#232323; }

h2.bold{font-weight:bold}
.postimage{float:right; margin-left:2em; margin-bottom:2em}
#head-wrap .button-link {margin-top:2.1em; float:right; margin-left:2em; color:#fff}
.buttonlink, #head-wrap .button-link{-webkit-transition: color 1s; /* Safari */    transition: color 1s;}
.button-link:hover, #head-wrap .button-link:hover{color:#232323}
.expertise-box h3 {width:100%; font-family: mohave;text-transform:uppercase}
#home-expertise .expertise-box h3{width:100%}
#home-works .expertise-box{white-space: normal;  font-size:18px}
#home-works .expertise-box h2{ font-size:1.7em; padding:1em; border-top:solid 1px #fff; border-bottom:solid 1px #fff}
#home-works .expertise-box div{height:230px; width:100%    }
#home-works .expertise-box a.button-link{font-size:1.5em;   font-family: mohave;}
#home-works .home-subsection {font-size:1em; margin-bottom:-2em}
#home-works .expertise-box a.button-link {margin-top: 20% !important;}
#home-works .expertise-box div {font-size: 1.2em !important;}
#home-results{margin-top:2em}
#home-specialties{margin-top:.5em}

.flexslider-spec .slide-single{width:150px !important}

h1.entry-title{margin-bottom:0px}

#post-34 .expertise-box, #wimti-slide .expertise-box{text-align:center; white-space: normal;  font-size:18px; margin-top:0}
#post-34 .expertise-box h2, #wimti-slide .expertise-box h2{width:90%; font-size:1.7em; padding:1em; border-top:solid 1px #fff; border-bottom:solid 1px #fff}
#post-34 .expertise-box div, #wimti-slide .expertise-box div{height:230px; width:100%    }
#post-34 .expertise-box a.button-link, #wimti-slide .expertise-box a.button-link{font-size:1.5em;   font-family: mohave;}

.search-results .entry-summary{margin-left:0; max-width:none}
.search-results .entry-title{text-align:left; font-size:26px; margin-left:0}
.search-results .entry-header{padding:0; margin-left:0; margin-bottom:.5em}
.search-results .page-header {margin-left:0; font-size:30px}
.search-results .page-header h1{font-size:30px; text-transform:uppercase}
.search-results .page-content {max-width:none; margin-left:0}

.search-results .search-submit{ margin:1em; display:block}

#drop-nav{ position:relative;}
#sub-scroll{}
#hamburger{ position:absolute; left:50%; top:5px; z-index:2500; background:#dfdfdf; display:inline-block; border-radius:3px; -webkit-border-radius:3px; margin-top:1em}
#mobile-main{ font-size:.9em; line-height:1.1em; position:relative; top: 80px; right:10px; display:none; text-align:left; background:#232323; list-style-type:none; padding:1em}
#hamburger img{width:50px}
.why-big{color:#dfdfdf; font-size:2em; margin-top:1em; margin-bottom:1.5em}
.why-mid{color:#dfdfdf; font-size:1.2em; font-weight:normal}


@media screen and (max-width: 1210px) {
	.topbar-menu{font-size:.8em}
	
}

@media screen and (max-width: 1100px) {
	.why-big{ font-size:1.52em; margin-top:0em; margin-bottom:.5em}
	.why-mid{ font-size:1.1em; }
	#layerslider_3{font-size:.8em}
	
}

@media screen and (max-width: 1024px) {
	#home-results div.lefty { width:35%; padding-right:0px; margin-right:0px}
	#home-primary h2{font-size:2.8em}
	#home-works .expertise-box div{font-size:1em !important; height:190px}
	#home-primary .home-blog-post{width:40%}
}



@media screen and (max-width: 900px) {
		.why-big{ font-size:1.2em;}
	.why-mid{ font-size:1em; }
	#home-primary h2{font-size:1.6em; margin-top:.2em; margin-bottom:.2em}
	#pre-foot #meta-wrap{clear:both; width:100%; margin:2em auto; margin-top:0; padding-left:5%}
	#pre-foot #app-wrap{clear:both; width:100%; float:left}
}
@media screen and (max-width: 768px) {
	#foot-logo{width:80%}
	#slider-expertise{height:380px}
	#home-expertise .expertise-box div{ height:340px}
	#home-expertise .expertise-box div a{margin-top:2em; display:block}
	#home-expertise .ls-bottom-nav-wrapper{display:none}
	#home-why{font-size: .9em}
	#home-works{font-size:.9em}
	#home-works .expertise-box { margin-left:2px; margin-right:2px;width:31%}
	#home-works .expertise-box div{font-size:.9em !important;}
	#home-works .expertise-box  h2 {font-size:1.3em; padding:5px}
	#home-works .home-subsection{margin-bottom:.5em}
	#home-results div.lefty{clear:both; width:100%; margin-bottom:1em}
	.home-blog-post{font-size:1em}
	#home-works .expertise-box a.button-link{font-size:.9em !important; margin-top:2px}
}



/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}