/******************************************************************
Theme Name: ProMatic Theme
Theme URI: http://www.themble.com/bones
Description: This site was built for ProMatic Automation using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github.
Author: Chad Nance
Author URI: http://www.integritive.com
Version: 1.3
Tags: flexible-width, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes.


MAKE SURE TO READ BELOW BEFORE GETTING STARTED FOR THE FIRST TIME!
------------------------------------------------------------------

You may be thinking…

WHOA, WHOA, WHOA…WHAT HAPPENED HERE?

But before you freak out, let me take a few minutes to explain.

Bones now uses LESS or Sass by default. If you prefer
using regular CSS, then feel free to modify this theme how you like
and keep a copy as your own personal starting point.

DON'T DISMISS IT JUST YET THOUGH, USING LESS or Sass ISN'T AS
COMPLICATED AS YOU THINK.

It does take a few minutes to wrap your head around, but it will all
be worth it. Need a quick intro? Here are a few quick reads:

http://cognition.happycog.com/article/preprocess-this
http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

I would HIGHLY RECOMMEND, if you are going to be working with
LESS or Sass, that you work locally. Sass isn't readable by a browser
and using a LESS js file to parse it on live sites can make your site sluggish.

That being said, here are a few MUST HAVE TOOLS for working with a
pre-processor: (You really only need one of them)

CodeKit: (Highly Recommended)
http://incident57.com/codekit/

LESS App:
http://incident57.com/less/

Compass App: (Windows / Mac Users)
http://compass.handlino.com/

SimpLESS: (Windows Users)
http://wearekiss.com/simpless

WinLESS: (Windows Users)
http://winless.org/

These applications compile LESS or Sass into valid CSS. This
way you can keep your production files easy to read and your
CSS minified and speedy. Simply set the output to the
library/css folder and you are all set. It's a thing of beauty.

---------------------------------------------------------------

Remember, once you download Bones it's up to you how to use it,
so go nuts. Set things up and develop in a way that's easiest for
you. If LESS/Sass is still a bit confusing for you, then remove them
and customize this template as you see fit.

If you're frustrated with this new direction and don't like change,
take a few minutes and think about how much better a developer you
can become by just TRYING out new technologies. It may be tough at
first but it WILL make you a better developer. TRUST ME ON THIS. Give
it a week, maybe two, and you will never go back.

Happy Developing!

******************************************************************/

/*sorry... I'm laming out and putting in my own CSS sans less or sass.  will learn on my own time*/

/*use whats already built for the responsive/mobile components*/
@import url('library/css/style.css');

/*FONTS*/

@font-face {
    font-family: 'titillium_bdbold';
    src: url('library/fonts/titillium-bold-webfont.eot');
    src: url('library/fonts/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/titillium-bold-webfont.woff') format('woff'),
         url('library/fonts/titillium-bold-webfont.ttf') format('truetype'),
         url('library/fonts/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titilliumregular';
    src: url('library/fonts/titillium-regular-webfont.eot');
    src: url('library/fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/titillium-regular-webfont.woff') format('woff'),
         url('library/fonts/titillium-regular-webfont.ttf') format('truetype'),
         url('library/fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titilliumbold';
    src: url('library/fonts/titillium-semibold-webfont.eot');
    src: url('library/fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/titillium-semibold-webfont.woff') format('woff'),
         url('library/fonts/titillium-semibold-webfont.ttf') format('truetype'),
         url('library/fonts/titillium-semibold-webfont.svg#titilliumbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'osp-dindin';
    src: url('library/fonts/osp-din-webfont.eot');
    src: url('library/fonts/osp-din-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/osp-din-webfont.woff') format('woff'),
         url('library/fonts/osp-din-webfont.ttf') format('truetype'),
         url('library/fonts/osp-din-webfont.svg#osp-dindin') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'bebasregular';
    src: url('library/fonts/bebas___-webfont.eot');
    src: url('library/fonts/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/bebas___-webfont.woff') format('woff'),
         url('library/fonts/bebas___-webfont.ttf') format('truetype'),
         url('library/fonts/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
.button,#inner-header-right,#searchform input[type="text"],.sub-menu,#inner-footer{font-family: "titilliumregular",Arial, Helvetica, sans-serif;}

#menu-footer-menu,.nav,h1,h2,h3,h4,h5,h6,.company-name{font-family: "titilliumbold", Arial, Helvetica, sans-serif}

.section-title,.article-header .page-title,.header-tagline{font-family: 'osp-dindin', Arial, Helvetica, sans-serif; font-weight: normal;}

body{font-family: 'titilliumregular', Arial, Helvetica, sans-serif; color: #000; /*background: url('library/images/sub-bg.jpg') repeat-x;*/ }

/*body.home{background: url('library/images/home-bg.jpg') repeat-x}*/

/*structure*/
.wrap{max-width: 940px}

/*header area*/
#outer-inner-header {border-bottom: 5px solid #ccc;}

#inner-header{position: relative}

.pre-nav{float: left; height: 95px; width: 100%;}

#logo{margin: 20px 0; }

#inner-header-right{float: right; text-align: right; }

#inner-header-right ul{margin: 10px 0 15px; padding: 0}

#inner-header-right ul li{display: inline; margin: 0 0 0 15px}

#header-image{width: 100%; height: 324px; margin: 46px 0 0 0; clear: both}

#taglines{position: relative; top: 50px}

.home #header-image{height: 324px; margin-bottom: 0}

#taglines{position: relative; top: 40px}

.home #taglines{top: 140px}

.header-tagline{color: #388cf9; margin: 0 0 20px 0; font-size: 44px; letter-spacing: 1px;}

.header-tagline span{background: url('library/images/tagline-bg.png'); padding: 8px 5px}

iframe{width: 100%; height: 360px; max-height: 360px; margin-top: 20px;}

/*search form at top of page*/
#searchform input[type="text"]{border: 1px solid #999; width: 200px; height: 30px; color: #000 !important; background: url('library/images/search-bg.png') no-repeat 98% 50%}

#searchform input[type="submit"]{display: none}

#searchform label{display: none}

::-webkit-input-placeholder{color: black}

:-moz-placeholder{color: black}

::-moz-placeholder{color: black}

:-ms-input-placeholder{color: black}

.nav{text-transform: uppercase; font-size: 19px; margin: 3px 0 0 0; padding: 0; position: absolute; right: 0; border: none}

.nav li a{ padding-bottom: 5px}

.nav, .nav li a,.nav li a:hover{background: none}

.nav a:hover, .nav li.current-menu-item a, .nav li.current-page-parent a, .nav li.current-menu-parent a, .nav li.current-page-parent li.current-menu-item a, .nav li.current-menu-item li a:hover{color: #00aeef;}

.nav a,.nav li.current-page-parent li a, .nav li.current-menu-item li a, .nav li.current-menu-parent li a {color: #000;}

.nav li ul.sub-menu{background: #fff; border: none; text-transform: capitalize; text-align: center; padding: 10px 8px; margin: 0 0 0 -90px; font-size: 16px; left: 50%;}

.nav li ul.sub-menu li,.nav li ul.sub-menu li a{margin: 0; padding: 0}

.nav li ul.sub-menu, .nav li ul.children, .nav li ul.sub-menu li a{border: none;}

.nav li ul.sub-menu li{padding: 3px 0 }

.nav li{padding: 0 0 0 10px;}

/*don't display 3rd level in drop down*/
.nav li ul.sub-menu li ul.sub-menu {display: none}

/*.nav li ul.sub-menu,.nav li ul.children {margin: 0px;}*/

@-moz-document url-prefix() {
    .nav li ul.sub-menu,.nav li ul.children {
        margin-top: -1px;
    }
}


/*footer*/
.footer{background: #333; margin: 0}

#inner-footer{max-width: 940px; color: #fff; padding: 50px 0 40px; font-size: 18px;}

#inner-footer a{color: #fff; text-decoration: none}

#inner-footer p{margin: 0; padding:0;}

#contact-me, .footer-logo, .footer-info {float: left;}

#contact-me .footer-logo {margin-right: 10px; padding-top: 5px;}

#contact-me .footer-logo p {font-size: 14px; padding-top: 5px;}

ul.footer-nav{float: right; margin: 0; padding: 0; text-transform: uppercase; columns: 2; -webkit-columns: 2; -moz-columns: 2; min-width: 270px;}

ul.footer-nav li{display: block; padding: 0 0 10px 0; text-align:right; min-width: 125px;}

#inner-footer ul.footer-nav li a:hover{color: #00aeef;}

/*pages*/
.full-col{}

#content{margin-top: 0; padding-bottom: 40px;}

.page-id-18 #content {padding-bottom: 0;}

/*.home .entry-content{font-size: 28px; text-align: center; margin: 0; padding: 0}*/

.home-feature{width: 300px; float: left; margin: 0 20px 0 0;}

.home-feature.last{margin: 0}

.home-feature h3{margin: 0; padding: 0; text-transform: uppercase;}

.home-feature h3 a{font-family: 'osp-dindin'; color: #000; font-size: 28px; }

.home-feature h3 a:hover{color: #00aeef;}

.home-feature p { font-size: 14px; margin: 0 0 10px; }

.home-feature-image-link{
    height: 100px;
    overflow: hidden;
    display: block;
}

#home-col-bg { margin-top: 40px; padding-bottom: 20px; background: #edeff1; }

.home-col{float: left; width: 48%; font-size: 16px; margin: 0 35px 0 0; padding: 0 0 25px 0}

.home-col.last{margin: 0;}

.home-col .colme-last ul li{text-align: left; list-style-position: inside;}

.section-title,.article-header .page-title{font-size: 60px; color: #00aeef; border-bottom: 5px solid #28282a; text-transform: uppercase; line-height: 1; padding-top: 8px;}

.competencies-title {padding: 10px 0 12px 88px; margin-top: 8px;}

#post-18 .article-header .page-title { border-bottom: none; }

#post-18 .home-content p { font-size: 20px; margin: 10px 0 30px; }

.home-col h3{ font-family: 'osp-dindin'; font-size: 36px; padding: 15px 0 20px 88px; color: #00aeef; text-transform: uppercase; border-bottom: 4px solid #ccc; margin: 20px 0 10px; }

.home-col #competencies-title, .competencies-title { background: url('images/toolbox-icon.png') no-repeat; }

.home-col #capabilities-title { background: url('images/tools-icon.png') no-repeat; }

.home-col ul{margin: 0 0 0 20px}

.home-col li, #capability-col li, #competency-col li, .client-list li.without-logo {list-style: square;}

.colme-first ul{padding: 0 25px 0 0}

.sidebar{margin: 0 75px 0 0; width: 25%; float: left; padding-bottom: 30px;}

.sidebar a {color: #000; font-size: 20px; text-decoration: none}

.sidebar li ul {margin: 5px 0 0 0;}

.sidebar li ul li a{margin: 0 0 0 20px; padding: 0; font-size: 17px}

.sidebar li{padding: 0 0 5px 0}

.sidebar a:hover, li.current_page_item a {color: #00aeef;}

.contact-sidebar{
    padding: 25px 0;
    /*border-top: 1px solid #000;*/
    width: 85%;
    margin: 10px 0;
}

.contact-sidebar a {color: #000 !important; font-size: 20px !important; text-decoration: none !important;}

.contact-sidebar li ul {margin: 5px 0 0 0 !important;}

.contact-sidebar li ul li a{margin: 0 0 0 20px !important; padding: 0 !important; font-size: 17px !important;}

.contact-sidebar li{padding: 0 0 5px 0 !important;}

.contact-sidebar a:hover, li.current_page_item a {color: #00aeef !important;}

.entry-content .contact-sidebar ul{
    margin: 0;
}

.entry-content .contact-sidebar ul li{
    list-style:  none;
}

li.current_page_item ul li a {color: #000;}

.full-width.eightcol{width: 100%}

#contact-me{font-size: 17px; margin: 0 0 20px 0}

#contact-me p{margin:0; padding: 0 0 5px 0;}

.company-name{clear:both;font-size: 24px}

.contact-col{float: left; width: 65%; margin: 10px 0 0 0; font-size: 20px}

.contact-col.first{width: 35%}

.gform_wrapper input[type="text"],.gform_wrapper textarea{border: none; background: #e5e5e5; font-size: 18px}

.gform_wrapper{margin: 0}

.gform_footer{text-align: center}

.gform_body input[type="text"].medium{width: 100%}

#gforms_confirmation_message{padding: 25px 0}

.job-app-page .eightcol{width: 100%}

.projects-content { margin-top: 20px; }

.projects-content .project:nth-child(2n+1) {clear: both;}

.project{width: 300px; float: left;  max-width: 300px; margin: 0px 5px 50px 0px }

.project-image img{max-width: 300px; width: 100%; height: auto; margin: 0}

#client-list .page-title { text-transform: uppercase; border-bottom: 4px solid #000; margin-bottom: 20px; }

.client-list {padding-left: 20px;}

.client-list li{float: left; width: 16.666%; max-width:16.666%; font-size: 17px;}

.client-list li:nth-child(6n+1){clear: both}

.client-list li.with-logo{list-style: none; margin-bottom: 10px}

.client-list li.with-logo img {max-width: 115px;}

#capability-sidebar, #competency-sidebar {margin-top: 40px; background: #edeff1; padding-bottom: 20px;}

#capability-sidebar .section-title, #competency-sidebar .section-title {background: url('images/tools-icon-small.png') 5px center no-repeat; font-size: 32px; padding: 15px 5px 10px 65px; border-bottom: 4px solid #ccc;}

#competency-sidebar .section-title {background: url('images/toolbox-icon-small.png') 5px center no-repeat;}

#capability-col ul, #competency-col ul{margin: 15px 0 0 30px; padding: 0; line-height: 1.2;}
/*
#capability-col li{float: left; width: 25%; max-width: 25%;}

#capability-col li:nth-child(4n+1){clear: both}
*/

/*text formatting*/
h1.section-title{width: 100%}

a,.entry-content a, .entry-content a:hover, .entry-content a:active, .entry-content a:visited, #taglines a:hover,.search-results a{color: #00aeef}

.entry-content ul,.entry-content ol{margin: 0 0 10px 35px}

.entry-content ul li{list-style: square}

.entry-content ol li{list-style: decimal}

h1,h2,h3,h4,h5,h6{margin: 0; padding: 0}
/*text sizes*/
.larger{font-family: 'osp-dindin'; font-size: 23px; vertical-align: middle;}

/*buttons [old bg color: #388cf9] */
.button, .slide_button{border: none; background: #ff6600; color: #fff; padding: 12px 18px; margin: 0; border-radius: 0; text-shadow: none; font-weight: normal; font-size: 18px}

.slide_button{float: right; padding: 1px 6px; margin: 10px; text-transform: uppercase; font-size: 14px; filter: alpha(opacity = 100) !important; opacity: 1!important;}

.button:hover{background: #388cf9; border: none;}

.sm-button{padding: 8px; font-size: 15px}

.button a,.button a:hover{text-decoration: none; color: #fff; }

/*misc*/
.center{text-align: center;}

.clear{clear: both}

hr{border: 0;width: 100%;  color: #ccc; background-color: #ccc; height: 1px;}

#mobile-map-link{display: none}

.list-text-right {width: 253px; float: right; margin-left: -20px; padding-bottom: 20px;}

.entry-content .list-text-right ul {margin-left: 35px;}

.page-id-199 .entry-content p {clear: both;}

.sitemap-list {padding: 20px 40px;}

/*ie bullcraps*/
.lt-ie9 .client-list li + li + li + li + li + li + li {clear: both;}

.lt-ie9 .projects-content .project + .project + .project, .lt-ie9 .projects-content .project + .project + .project + .project + .project, .lt-ie9 .projects-content .project + .project + .project + .project + .project + .project + .project {clear: both;}

/*media queries*/
@media only screen and (max-width: 480px) {

    body, body.home{background: #fff}

    #logo,#inner-header-right{float: none; text-align: left}

    #inner-header-right ul li{display: block; margin: 0}

    .not-map,.nav li ul,#promo-g-map{display: none}

    .pre-nav{height: auto}

    .nav{position: relative; background: #fff; margin: 10px 0}

    .nav li{padding: 0}

    .sidebar,ul.footer-nav{float: none; width: 100%}

    ul.footer-nav{padding: 20px 0 0 0;clear: both; border-top: 1px solid #fff}

    ul.footer-nav li{text-align: left}

    .home-col{width: 100%}

    #searchform input[type="text"]{width: 100%}

    .contact-col,.contact-col.first{float: none; width: 100%;}

    #mobile-map-link{display: block}

    .client-list li,#capability-col li, #competency-col li{float: none; width: 100%}

    .client-list li.with-logo{margin-bottom: 0}

    .home-feature,.home-feature.last{float: none; margin: 0;}

}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
@media only screen and (max-width: 768px) {
	#menu-main-menu {
		position: relative;
		margin: 15px 0;
	}
	.nav li ul.sub-menu {
		display: none;
	}
}

.fa-linkedin:before {
    font-size: 27px;
}