/*

Theme Name: X Design 1 - Autotec
Theme URI: http://theme.co/x/
Author: Thread Marketing Group
Author URI: http://theme.co/
Description: Autotec custom settings
Version: 1.0.0
Template: x

*/

/* Site Colors: First set in Customizer then find and replace here for global changes
Primary: #e51b24
Primary Darker: #b8151c
Secondary: #58585a
Dark Color: #000000
Light Color: #ffffff
Gray Shade: #f8f8f8

*/


/****************************** Tag Globals ****************************/
html {
    font-size: 100%!important;
}

@media screen and (max-width: 1600px) {
    html {
        font-size: 90%!important;
    }
}
@media screen and (max-width: 1399px) {
    html {
        font-size: 81%!important;
    }
}
@media screen and (max-width: 1223px) {
    html {
        font-size: 76.5%!important;
    }
}

@media screen and (max-width: 980px) {
    html {
        font-size: 62.5%!important;
    }
}

body.x-renew {
	font-size:1.3125rem;
	line-height:1.2;
}

body .site {
	background-color:transparent;
}

body h1,body h2,body h3,body h4,body h5,body h6,body .h1,body .h2,body .h3,body .h4,body .h5,body .h6 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height:1.1;
    margin: 0.2em 0 0.6em;
}

body h1,body .h1 {
	font-size:3.9rem;	
}

body h2,body .h2,body h1.entry-title {
	font-size:3.125rem;	
}

body h3,body .h3,body h2.entry-title {
	font-size:2.75rem;
}

body h4,body .h4 {
	font-size: 2.1rem;
}

body h5,body .h5 {
	font-size:1.75rem;
}

body h6,body .h6 {
	font-size:1.5rem;
}

p {
	margin:0.2em 0 0.8em;
}

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #333!important;
}

.home .entry-content {
	margin-top:0;
}

.home .hentry {
	margin-bottom:0;
}

.content ul,.content ol {
    padding: 0;
    margin: 0 0 0.8em 2.38em;
}

.content li {
    line-height: 1.1;
    margin-bottom: 0.8em;
}

.content li li{
	list-style:circle;
}

.content li li:first-child {
	margin-top:0.8em;
}

.x-social-global a {
	border-radius:0;
}

.x-social-global a.google-plus:hover {
    background-color: #db4437;
}

/****************************** Site Structure ****************************/

/* Begin Header */
.x-navbar .desktop .x-nav {
	font-size: 1.125rem;
}

.x-navbar-fixed-top-active .x-navbar-wrap {

}

.x-navbar .desktop .x-nav li>a>span:after {
	content:none;
}

.x-navbar .desktop .x-nav > li {
	margin-right:10px;
}

.x-navbar .desktop .x-nav > li > a {
	display:block;
	padding:0.5em 0.5em;
	border:1px solid #fff;
	height:auto;
	margin-top:27px;
	margin-right:0px;
	margin-bottom:20px;
}

.x-navbar .desktop .x-nav > li > a:hover {
	text-decoration:none;
	background:#fff;
	color:#e51b24;
}

.desktop .sub-menu li>a {
    padding: 0.5em 0.5em;
}

.desktop .sub-menu li>a:hover, .x-navbar .desktop .x-nav > li:hover > a {
    background:#fff;
    color:#e51b24;
}

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow:none;
}

.x-navbar .desktop .x-nav > li > a.x-btn-navbar-search {
	border:0;
	margin-right:0;
}

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none!important;
}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .sub-menu li > a:hover, .x-navbar .desktop .sub-menu li.x-active > a, .x-navbar .desktop .sub-menu li.current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav li.x-active > a, .x-navbar .mobile .x-nav li.current-menu-item > a {
	background:#fff;
}

.masthead-inline .x-navbar .desktop .sub-menu {
    left: 0;
    /* right: 0; */
}

.desktop .sub-menu {
	font-size:1rem;
	padding:0 0.25em 0.25em;
}

.x-brand {
    margin-bottom: 20px;
}

.x-header-landmark {
	padding:0;
	border-bottom:1px solid #e2e2e2;
	border-top:0;
}

.x-landmark-breadcrumbs-wrap {
	padding:1.875rem 0;
}

/* Begin Content */

.content {

}

.switch .x-column {
    position: relative;
    z-index: 1;
    float: right;
    margin-left: 4%;
    margin-right: 0;
}

.switch .x-column.last, .x-column:last-of-type {
    margin-left: 0;
}

/* Begin Footer */
.x-colophon {

}

.x-colophon a {

}

.x-colophon a:hover {
	
}

.x-colophon.bottom {

}

.x-colophon.bottom .x-colophon-content {

}

.x-colophon.bottom .x-nav li {

}

.x-colophon.bottom .x-nav li a {

}

.x-colophon.bottom .x-nav, .x-colophon.bottom .x-social-global {

}

.x-colophon.bottom .x-social-global a {

}

/****************************** Blog Styling ****************************/

.hentry {
	margin:2.5rem 0;
}

.hentry:first-child {
	margin-top:0;
}

.x-comments-area {
	margin-top:2.5rem;
}

#reply-title {
	margin-top:2.5rem;
}

.blog .x-container.max.width.offset,.single-post .x-container.max.width.offset {
	padding:0 5%;
}

@media screen and (max-width:980px){
	.blog .x-container.max.width.offset,.single-post .x-container.max.width.offset {
	padding:0;
}
}

.x-sidebar .widget {
	margin-top:2rem;
}

body .widget_tag_cloud .tagcloud a {

}

body .widget_tag_cloud .tagcloud a:hover {

}

/****************************** X Modules ****************************/

/* Begin X Classic Video Embed */
.x-video {
    margin-bottom: 0;
}

/* Begin Block Grid Styling */


.x-block-grid {
	overflow:visible;
}

.x-block-grid:after {
	content:'';
	display:table;
	clear:both;
}

li.x-block-grid-item {
	margin-bottom:0;
}

li.x-block-grid-item li li{
	list-style:circle;
}

ul.x-block-grid li {
	list-style:disc;
}

/* Change x-Recent Posts */
.x-recent-posts {
	margin-bottom:0;
}

.x-recent-posts .post-wrapper {
	margin-bottom:1rem;
}

.x-recent-posts .hentry {
	padding-bottom:0;
}

body .x-recent-posts .x-recent-posts-img::after {
	transition:all .5s;
}

.x-recent-posts .x-recent-posts-img {
    position: relative;
    padding-bottom: 16%;
    background: center center/cover no-repeat;
    width: 16%;
    float: left;
    margin-right: 3%;
    display:block;
}

body .x-recent-posts .x-recent-posts-img:hover:after {

}

.x-recent-posts .x-recent-posts-content {
    padding: 0;
    width: 81%;
    float: left;
}

.x-recent-posts .read-more-button .x-btn {
    position: absolute;
    bottom: 0;
    left: 20px;
}

.x-recent-posts a {
	overflow:visible;
	border-radius:0;
	text-shadow:none;
	box-shadow:none;
	margin:0;
	display:inline-block;
	padding:inherit;
	float:none;
	border:0;
}

.x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date {
    white-space: normal;
}

.x-recent-posts .h-recent-posts {
	font-size:1.7rem;
	line-height:1.1;
	border-bottom:1px solid #4e5b6a;
	font-weight:bold;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.x-recent-posts .h-recent-posts a {
	display:block;
}

.x-recent-posts .h-recent-posts a:hover {

}

.x-recent-posts .x-recent-posts-date {
	color:#999;
	font-size:1.2rem;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	line-height: 1.3;
}

.x-recent-posts a {

}

.x-recent-posts a:hover {

}

/* Button Shortcodes */
body .x-btn,body .button,body [type="submit"] {
    display: inline-block;
    position: relative;
    border: 0;
    padding: 0.5em 1em 0.5em;
    cursor: pointer;
    font-size: 1.375rem;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

body .x-btn:hover,body .button:hover,body [type="submit"]:hover {

}

body .x-btn.x-btn-real {
	
}

.x-btn.x-btn-mini {
	font-size:0.9rem;	
}

.x-btn.x-btn-small {
	font-size:1.15rem;	
}

.x-btn.x-btn-regular {
	font-size:1.375rem;
}

.x-btn.x-btn-large {
	font-size:1.5rem;	
}

.x-btn.x-btn-x-large {
	font-size:2.25rem;	
}

.x-btn.x-btn-jumbo {
	font-size:3rem;	
}

.x-btn.x-btn-flat {

}

.x-btn.x-btn-rounded {

}

/* x feature box adjustments and customizations */
.x-feature-box,.x-feature-box h4, .x-feature-box span,.x-feature-box i.hexagon,.x-feature-box p a,.x-feature-box .x-feature-box-graphic-inner{
	transition: all .2s ease-out;
}

a .x-feature-box h4 {
	color:#58585a;
}

a .x-feature-box i {
	color:#fff;
}

.x-feature-box-graphic i::before {
	font-size:4.6875rem;
}

a .x-feature-box span,a .x-feature-box p a {
	display: table;
	margin:0 auto;
	padding:0.3em 1.2em 0.4em;
	font-size:1.2rem;
	margin-top:1em;
	background:#58585a;
	color:#fff;
}

a:hover .x-feature-box span {
	color:#fff;
}

a:hover .x-feature-box h4 {
	color:#e51b24 ;
}

a:hover .x-feature-box span, a:hover .x-feature-box p a,a:hover .x-feature-box i.hexagon{
	background:#e51b24 !important;
}

a:hover .x-feature-box .x-feature-box-graphic-inner {
	border-color:#e51b24 !important;
}

h4.x-feature-box-title {
	margin: 0.2em 0 0.3em;
	font-size: 2.18rem;
	line-height:1.1;
}

a .x-feature-box p, a:hover .x-feature-box p {
	color:#000000!important;
}

/* Clear fix so that column shortcode can be used in tabs */
.x-tab-pane:after {
	content:'';
	display:table;
	clear:both;
}

/* Customize Callout */

.x-column .x-callout:first-child {
	margin-top:0;
}

.x-callout {
    padding: 1.5rem 1.5rem 0 1.5rem;
    font-size: 1.3125rem;
}

.x-callout:before {
	background:none;
}

.h-callout {

}

.x-callout .x-btn {
	display:block;
	text-align:center;
}

.x-callout .x-btn:hover {
}

/* Customize Promo */
.x-promo {
    margin-bottom: 1.5em;
    border: 0;
    box-shadow:none;
    overflow: visible;
}

.x-promo-image-wrap {
	margin:0;
}

.x-promo-content {
	padding:1.5em 0;
	background-color:transparent;
}

/* Customize Blockquote */
blockquote {
	text-align:center;
	position:relative;
	border:0;
	font-size:2.25rem;
	opacity:0.7;
	transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	-webkit-transition: all 350ms;
	color:inherit!important;
	quotes: "“" "”" "‘" "’";
	margin: 1em 0;
}

blockquote:before {
	content: open-quote;
	font-size:8rem;
	color:#ccc;
	text-align: center;
	line-height: 42px;
	position: absolute;
	left:0;
	top:10%;
	display: block;
	font-family:Georgia;
}

blockquote:after {
	content: close-quote;
	font-size:8rem;
	color:#ccc;
	text-align: center;
	line-height: 42px;
	position: absolute;
	bottom:0;
	right:0;
	margin-right: 1%;
	display: block;
	font-family:Georgia;
}

blockquote:hover:after, blockquote:hover:before {
	color: #555;
	transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	-webkit-transition: all 350ms;
}  

blockquote:hover {
	opacity:1.0;
}

blockquote .x-cite {
	text-align:right;
	padding-right:20%;
}

/* Customize Accordion */
.x-accordion {
	
}

.x-accordion-group {
	border:0;
}

.x-accordion-heading {
	
}

.x-accordion-heading .x-accordion-toggle {
	background-color:#58585a;
	color:#ffffff!important;
	position:relative;
	padding-right:40px;
}

.x-accordion-heading .x-accordion-toggle:hover {
	background-color:#000000;
}

.x-accordion-heading .x-accordion-toggle:hover::before {

}

.x-accordion-heading .x-accordion-toggle.collapsed {
	background-color:#e51b24;
}

.x-accordion-heading .x-accordion-toggle.collapsed::before {

}

.x-accordion-heading .x-accordion-toggle.collapsed:hover {
	background-color:#b8151c;
}

.x-accordion-heading .x-accordion-toggle::before {
	position:absolute;
	bottom:0.6em;
	right:1em;
	display: none;
}

.x-accordion-heading .x-accordion-toggle::after {
    content: "\f067";
    position: absolute;
    display: inline-block;
    right:20px;
    bottom: 32%;
    font-size: 90%;
    line-height:1em;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.x-accordion-heading .x-accordion-toggle.collapsed:after {
    color: #fff;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.x-accordion-body {

}

.x-accordion-inner {
	border-top:0;
	border-left: 2px solid #58585a;
	border-right: 2px solid #58585a;
	border-bottom: 2px solid #58585a;
}

/* Hide Show Elements */

.hide-show {
	box-shadow:0 10px 10px rgba(0,0,0,0.5);
	position:relative;
	background-color:#333!important;
	cursor:pointer;
}

.hide-show .h2, .hide-show .h3, .hide-show .h4 {
	margin:0.1em 0 0.3em;
	color:#fff;
}

.hide-show:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -2.2vw;
	bottom: -3.1vw;
	left: 50%;
	box-sizing: border-box;
	border: 1.67vw solid black;
	border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff #fff;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(-45deg) translate3d( 0, 0, 1px);
	-ms-transform: rotate(-45deg) translate3d( 0, 0, 1px);
	transform: rotate(-45deg) translate3d( 0, 0, 1px);
	box-shadow: -10px 10px 10px 0 rgba(0, 0, 0, 0.3);
	border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #333 #333;
}
 
.hide-show:after{
	content: "\f107";
	font-family: 'FontAwesome';
	position: absolute;
	width: 0;
	height: 0;
	margin-left: -0.9vw;
	bottom: -2.5vw;
	left: 50%;
	box-sizing: border-box;
	color: #fff;
	font-size: 3.2vw;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
}
  
.cs-editor-active .hide {
	display:block;
}

/* Search Results */

.search .type-page .entry-title::before {
    content: "\f0ac";
}

.search .hentry {
	margin-top:30px;
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
}

.search .hentry:last-child {
	border-bottom:0;
}

/* Form Styling */

select, textarea, 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 {
	height:auto;
	line-height: 1.5;
padding: 4px;
font-size: 1.315rem;
}

/* Utility Classes */

.alignleft,img.alignleft {
	margin:0 2rem 1rem 0;
}

.alignright,img.alignright {
	margin:0 0 1rem 2rem;
}

.alignnone {
	margin:0;
}

.italic {
	font-style:italic!important;
}

.boost-text-size {
	font-size:1.5rem;
}

.caption {
    font-size: 0.8em;
    font-style: italic;
    line-height: 1.1em;
}


/* START RESPONSIVE STYLES */

@media screen and (max-width:1260px){
	.content .x-container.width {
			width:90%;
	}
	
	footer .x-container.max.width {
	    width: 80%;
	}
	

}

@media screen and (max-width:980px){
	body.x-renew {
		font-size:1.6rem;
	}
	
	body h1,body .h1 {
		font-size:3.4rem;
	}
	
	body h2,body .h2 {
		font-size:2.8rem;
	}
	
	body h3,body .h3 {
		font-size:2.4rem;
	}
	
	body h4,body .h4 {
	font-size:2.2rem;
	}

	body h5,body .h5 {
		font-size:2.0rem;
	}

	body h6,body .h6 {
		font-size:1.8rem;
	}
	
	.content .x-container.width {
		width:90%;
	}

	img.alignright {
		float:none;
		padding-left:0;
		display:block;
	}
	
	img.alignleft {
	float:none;	
	padding-right:0;
	display:block;
	}
	
	.alignnone {
		
	}
	
	.boost-text-size {
		font-size:2.4rem;
	}
	
	.x-feature-box-graphic-inner {
		width:100%;
	}
	
	
	footer .x-container.max.width {
		width:80%;

}

@media screen and (max-width:766px) {
	.x-column.x-1-3, .x-column.x-2-3, .x-column.x-1-4, .x-column.x-2-4 {
		margin-bottom:2rem;
	}
	.x-column:last-of-type {
		margin-bottom:0;
	}

}

@media screen and (max-width:550px){
	footer .x-container.max.width {
	width:100%;
}
}