/*
Theme Name: MTM Builder
Author: Madison Taylor Marketing
Description: Entry point for custom build sites.
Version: 0.0.1
Tags: 
*/

* {
  margin: 0;
  padding: 0;
}

#mtm a:focus {
	outline: 0;
	outline-offset: 0;
}

#mtm .container-fluid,
#mtm .container-fluid>.row,
#mtm .container-fluid>.row>.col-sm-12,
#mtm .container-fluid .vc_row {
	padding:0;
    margin: 0;
		
}

html#mtm {
font-size: 18px
}

body#page-body {

font-size: 1rem;
font-family: 'Open Sans', sans-serif;
/*font-family: 'Work Sans', sans-serif; 
font-family: 'Encode Sans', sans-serif;*/
font-weight: 400;
/*color: #1d1d1d;*/
color: #555555;

}

body a,
body a:hover, 
body a:focus,
body a:visited {
color: #f1592a;
text-decoration: none;
}

#header-bar {
z-index: 10;
width: 100%;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
}


#header-logo {
display: inline-block;
position: relative;
padding: 20px;
}

#header-logo img {
	max-width:100px;
}


#header-number {
	display:inline-block;
	background-color: #f1592a;
	color: #fff;
	padding: 10px 50px 10px 25px;
	position: absolute;
	top: 20px;
	right:0px;
}

#mtm #header-number a {
	color: white;
}

#mtm #responsive-menu-pro-container {
	top:60px;
}

/*Scrolled Navbar Styles */
#header-bar.scrolled-nav {

  background-color: rgba(255,255,255,.8);
}

.scrolled-nav #header-logo {
	padding:10px
}

.scrolled-nav #header-logo img {
	max-width:50px;
}

.scrolled-nav #header-number {
display:none;
}

#mtm #responsive-menu-pro-container.scrolled-nav  {
	top:0px;
}


html#mtm ul#responsive-menu-pro ul{
-webkit-padding-start: 0px;
}

ul#responsive-menu-pro ul > li {
text-align: left;
}

#responsive-menu-pro-title-image img {
max-width: 90%;
}

#mtm .container-fluid .narrow-row {
	max-width:1170px;
	margin:auto;
}

#mtm #banner {
	background-position: 50% 30% !important;
}

#mtm .cta > .vc_column-inner {
	box-shadow: 0 0 3px .5px #58585a;
}

	#page-title .vc_col-sm-8 > .vc_column-inner {
		box-shadow: 2px -2px 0 0 #ebebeb;
	}

#mtm .narrow-row ul {
	/*padding-left:30px;
	padding-right:30px;
	list-style-image:url(/wp-content/uploads/2017/12/iwb.jpg);*/
	list-style: none;
	padding-right: 30px;
}

#mtm .narrow-row ul > li {
	background: url(/wp-content/uploads/2017/12/iwb.jpg) no-repeat 0 50%;
	padding-left:35px;
	margin-bottom:10px;
}

.orange-row {
	color: white;
}


#circle-row .vc_col-sm-3 .circle-text{
	background-color: #f1592a /*rgba(241,89,42,.82)*/;
	color: white;
	border: 2px solid #f1592a;
	border-radius: 50%;
	border-collapse: separate; 
	width:150px;
	height:150px;
	display:flex;
	align-items: center;
	margin:auto;
	box-shadow: inset 0px 0px 0px 5px #ffffff;
}

.circle-text > .wpb_wrapper{
width:100%;
}

#circle-row .vc_col-sm-3 > .vc_column-inner .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button {
	margin-bottom: 0;
}

/*Header STYLE */

#mtm h1 {
font-size: 2rem;
	color: #f1592a;
	font-weight:bold;

}

#mtm h2 { 

font-size: 1.75rem;
}

#mtm h3 {
font-size: 1.25rem;
font-weight: 400;
margin-top: 0;
line-height: 1.4;
}

#mtm h4 {
	font-size: 1.1rem;
	font-weight: bold;
}


/* Testimonials */


div.strong-view.default .testimonial-name {
	display:inline-block;
	color: white;
	background-color: #f1592a;
	padding-left:100px;
	padding-top: 10px;
	padding-bottom:10px;
}

.testimonial-company {
	display:inline-block;
	color:white;
	background-color: #f1592a;
	padding-right:50px;
	padding-top: 10px;
	padding-bottom:10px;
}

#mtm .testimonial-company a {
	color:white;
}

#mtm .strong-view.default .testimonial-field-before {
	margin-right:1px;
}

#mtm .strong-view.default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport {
	border: 0;
}


.strong-view .testimonial-content {
font-size: 1.5rem;
}

/* Interior Pages */
#banner {
	min-height: 50vh;
}

#page-title .vc_col-has-fill > .vc_column-inner {
	padding-top:0px;
	padding-bottom:0px;
}

#page-title .wpb_content_element {
	margin-bottom: 20px;
}

/* Form Style */

div.hbspt-form {
	display:flex;
	justify-content:center;
}

#mtm div.hbspt-form form {
	max-width: 100%;
	padding-left: 25px;
	padding-right: 25px;
}

#mtm div.hbspt-form label,
#mtm div.hbspt-form legend {
	font-family: 'Open Sans', sans-serif;
	color: #1d1d1d;
	font-size: 1rem;
}

#mtm div.hbspt-form .hs-input {
	width:250px;
	max-width: 90%;
}

#mtm div.hbspt-form textarea.hs-input {
	width:475px;
	max-width: 100%;
	height:100px;
}

#mtm div.hbspt-form input[type='checkbox'].hs-input {
	max-width: 50px;
}

div.hbspt-form .hs_submit {
	display: flex;
	justify-content: flex-end;
}

div.hbspt-form .hs_submit .actions {
margin-top: 0;
	margin-bottom: 0;
	padding-top:0;
}

#mtm div.hbspt-form .hs_submit .actions > input {
background-color: #f15426;
	padding:15px 55px;
	border: 0;
	background-image: none;
	text-shadow:none;
	font-size: 1.2rem;
	font-family: proxima-nova, sans-serif;
	box-shadow: none;
	color:white;

}

#mtm input.hs-input, textarea.hs-input {
	box-shadow: none;
}

#mtm .wpforms-form {
	display: flex;
	flex-direction: column;
}

#mtm .wpforms-submit-container {
	width:500px;
	max-width:50%;
	text-align:right;
	background-color: #f1592a;
	align-self: flex-end;

}

#mtm .wpforms-submit-container {
	padding-top: 0;
}
#mtm .wpforms-submit {
	background:none;
	border: none;
	color: white;
}

/* End Form Styles */

/*Blog Styles */

#mtm .otw-twentyfour.otw-columns {
	margin-bottom:40px;
}

#mtm .otw_blog_manager-blog-date {
	font-size: .8rem;
}

#mtm .otw_blog_manager-blog-content {
	display: flex;
    flex-direction: column;
	font-size: 1rem;

}

#mtm .otw_blog_manager-blog-content > p {
	margin-bottom:10px;
}

#mtm .otw_blog_manager-blog-content > p:after {
	content:"..."
}

#mtm .otw_blog_manager-blog-content .otw_blog_manager-blog-continue-reading {
			background-color: #ebebeb;

	padding: 10px 50px 10px 10px;
	width:500px;
    max-width:50%;
		align-self: flex-end;
	text-align:right;
		color: #f1592a;
		font-style:normal;
}

#mtm .otw-twentyfour.otw-columns h3 > a {
	color: #1d1d1d;

}

#mtm .blog-post.narrow-row {
padding-left: 25px;
padding-right: 25px;
	margin-top: 50px;
}

#mtm .blog-post-meta {
	color: #f1592a;
}

.article-preview-image {
	text-align: center;
	margin-bottom:25px;
}
.article-preview-image img {
	width:200px;
	height: auto;
	max-width:100%;
}

/* Footer Styles */

footer {
background-color: #ebebeb;
color: #1d1d1d;
padding-top: 25px;
}

footer .row{
display:flex;
	margin:0;
}


footer .menu, footer .contact {
list-style: none;
text-align: center;
z-index:10;
}

footer ul {
-webkit-padding-start: 0px;
}

footer p,
footer li {
font-size: .85rem;
}

footer .menu li, footer p {
padding: 0px 0px 15px 0px;
}

footer .menu a, footer p, footer a {
color: #1d1d1d;
}

footer img {
	max-width:200px;
	text-align:center;
}

footer .social-icons {
    display: flex;
	justify-content: center;
    width: 100%;
    margin-top: 15px;
}

footer .social-icons img {
	margin: 0 5px;
	width: 60px;
	height: 60px;
}

@media(max-width:992px) {

	html#mtm {
font-size: 16px
}

#header-bar {
padding-right: 0;
}

#header-logo, #header-social {
display: block;
}

#header-logo img {
max-width: 200px;
padding: 10px 0px 0px 25px;
z-index: 50000

}
	
/*Testimonial */
	
	div.strong-view.default .testimonial-name {
	display:block;
	padding:10px;
		width:100%;
		text-align:center;
}

.testimonial-company {
	display:block;
	padding:10px;
	width:100%;
	text-align:center;
}
	
	/*Triple Row*/
	#mtm .vc_row-fluid.triple-row>.vc_col-sm-4 {
		margin-top:25px;
	}
	
.scrolled-nav {
background-color: rgba(255,255,255,1);
}
	
#mtm .otw_blog_manager-blog-content .otw_blog_manager-blog-continue-reading {
padding: 10px;
width:100%;
max-width: 100%;
text-align:center;
}
	
footer .row {
flex-direction: column;
}

.footer-menu {
display:none;
}


}

@media(max-width:400px)
{

#header-social {
display:none;
}

button#responsive-menu-pro-button.responsive-menu-pro-button {
top: 10px;
}
}

@media(min-width:993px) {

	.cta {
		margin-top:65px;
	}
	/* Triple row */

#mtm .vc_row.triple-row {
	margin-top: -25px;
			display:flex;
}

#mtm .vc_row.triple-row .middle-column>.vc_column-inner {
	border-top: 25px solid #f1592a;
	margin-top: -25px;
}
	
/* Fix triple column and post grid spacing between columns. */
	
	.triple-row .vc_col-sm-4 {
	margin-left:10px;
	margin-right: 10px;
}
	.triple-row #one,
	.triple-row #three {
			background-color: #58585a;
	}
	.triple-row #one {
				box-shadow: 0px -4px 0px 0px #ebebeb;
	}
		.triple-row #three {
				box-shadow: 0px -4px 0px 0px #ebebeb;
	}
	.triple-row #two {
		background-color: #f1592a;
		box-shadow: 0px -25px 0px 4px #fff;
	}
	
	.triple-row .vc_col-sm-4 {
	margin-left:10px;
	margin-right: 10px;
}
	.triple-row #one-muted,
	.triple-row #three-muted {
			background-color: #ebebeb;
	}
	.triple-row #one-muted {
				box-shadow: -15px -10px 0px 0px #58585a;
	}
		.triple-row #three-muted {
				box-shadow: 15px -10px 0 0 #58585a;
	}
	
	
	#mtm .orange-row.top-level.vc_row-has-fill > .vc_column_container > .vc_column-inner {
		padding-top: 0;
	}
	.offset-image {
		margin-top:-40px;
		box-shadow: 0 0 3px 0.3px #58585a;
	}
	
	

/* Form Style */

.wpforms-form {
max-width: 750px;
margin: auto;
}
}

@media(min-width:993px)
{
#responsive-menu-pro-container {
	margin-top: 20px;
	margin-right: 20px;
}

#mtm #responsive-menu-pro li a {
	padding: 0 35px;
}

#responsive-menu-pro-container #responsive-menu-pro>li:hover:before {
	border-top: 2px solid #f1592a;
	width:50%;
	    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */


}

#responsive-menu-pro-container #responsive-menu-pro>li:hover:after {
	border-bottom: 2px solid #f1592a;
	width:50%;
	    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */

}

#responsive-menu-pro-container #responsive-menu-pro li .responsive-menu-pro-submenu{
	top: 44px;
}

#responsive-menu-pro-item-877 {
	background-color: #0db4ba;
	border-radius: 3px;
}

.strong-view.large-widget.controls-type-sides.testimonal-master-style .testimonial-inner {
padding-left: 65px;
padding-right: 65px;
}
}