/* -------------------------------------------------------------------------
 * !!! AUTOMATICALLY GENERATED CODE !!!
 * -------------------------------------------------------------------------
 * This file was automatically generated by the OrangeBits compiler.  
 * Compiled on:  7/31/2013 2:11:14 PM
 * Compiled by: BECKYHAMM7287\beckyhamm
 * Source: C:\IvanovTFS\CraftTekWP\crafttek-wp\wp-content\themes\required-starter\style.scss      
 * -------------------------------------------------------------------------*/


/*
Theme Name: Crafttek
Theme URI: http://crafttek.com
Author: CraftTek
Author URI: http://crafttek.com
Template: Required-Foundation
*/
@import url(../required-foundation/style.css);
@font-face {
  font-family: 'NovecentowideUltraLightBold';
  src: url("fonts/Novecentowide-Medium-webfont.eot");
  src: url("fonts/Novecentowide-Medium-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/Novecentowide-Medium-webfont.woff") format("woff"), url("fonts/Novecentowide-Medium-webfont.ttf") format("truetype"), url("fonts/Novecentowide-Medium-webfont.svg#NovecentowideUltraLightBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'NovecentowideBookBold';
  src: url("fonts/Novecentowide-Bold-webfont.eot");
  src: url("fonts/Novecentowide-Bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/Novecentowide-Bold-webfont.woff") format("woff"), url("fonts/Novecentowide-Bold-webfont.ttf") format("truetype"), url("fonts/Novecentowide-Bold-webfont.svg#NovecentowideBookBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontellod01c.eot?28857953');
  src: url('fonts/fontellod01c.eot?28857953#iefix') format('embedded-opentype'),
       url('fonts/fontellod01c.woff?28857953') format('woff'),
       url('fonts/fontellod01c.ttf?28857953') format('truetype'),
       url('fonts/fontellod01c.svg?28857953#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?28857953#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-angle-circled-left:before { content: '\e806'; } /* '' */
.icon-linkedin-circled:before { content: '\e804'; } /* '' */
.icon-angle-circled-up:before { content: '\e808'; } /* '' */
.icon-angle-circled-down:before { content: '\e809'; } /* '' */
.icon-menu:before { content: '\e80a'; } /* '' */
.icon-angle-circled-right:before { content: '\e807'; } /* '' */
.icon-github-circled:before { content: '\e800'; } /* '' */
.icon-twitter-circled:before { content: '\e802'; } /* '' */
.icon-facebook-circled:before { content: '\e801'; } /* '' */
.icon-gplus-circled:before { content: '\e803'; } /* '' */
.icon-rss:before { content: '\e805'; } /* '' */
html {
  font-size: 18px;
  height: 100%;
  overflow: hidden; }

body {
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-image: url(images/rows-sm.jpg); }
  @media all and (min-width: 700px) {
    body {
      background-image: url(images/rows.jpg);
      /*photo by kovik on sxc.hu */ } }

/* Backgrounds for pages */
body.home {
  background-image: url(images/rows-sm.jpg); }
  @media all and (min-width: 700px) {
    body.home {
      background-image: url(images/rows.jpg);
      /*photo by kovik on sxc.hu */ } }

body.page-id-361 {
  background-image: url(images/tower-sm.jpg); }
  @media all and (min-width: 700px) {
    body.page-id-361 {
      background-image: url(images/tower.jpg);
      /*photo by Graf on sxc.hu */ } }

body.page-id-451 {
  background-image: url(images/tractor-sm.jpg); }
  @media all and (min-width: 700px) {
    body.page-id-451 {
      background-image: url(images/tractor.jpg);
      /*photo by some_bo on sxc.hu */ } }

body.page-id-281 {
  background-image: url(images/tracks-sm.jpg); }
  @media all and (min-width: 700px) {
    body.page-id-281 {
      background-image: url(images/tracks.jpg);
      /*photo by THARDI1648 on sxc.hu */ } }

body.page-template-page-templatesleft-nav-page-php {
  background-image: url(images/valves-sm.jpg); }
  @media all and (min-width: 700px) {
    body.page-template-page-templatesleft-nav-page-php {
      background-image: url(images/valves.jpg);
      /*photo by LPartridge on sxc.hu */ } }

/*-----------------------------------------/
                Typography
/------------------------------------------*/
h1 {
  font-size: 2em; }

h2 {
  font-size: 1.8em; }

h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.4em; }

@media all and (min-width: 42em) {
  h1 {
    font-size: 2.7em; }

  h2 {
    font-size: 2.31em; }

  h3 {
    font-size: 1.68em; }

  h4 {
    font-size: 1.43em; } }
h3, h4, h5, h6 {
  color: white;
  font-family: 'NovecentowideUltraLightBold', 'Open Sans', sans-serif; }

h1, h2 {
  color: white;
  font-family: 'NovecentowideBookBold', 'Open Sans', sans-serif; }

.subheader {
  color: white;
  line-height: 1.1; }

p, ul {
  font-size: 1.2em; }

p a {
  font-size: 1em; }

li {
  font-size: 1em; }

::selection {
  background-color: rgba(0, 145, 220, 0.99); }

::-moz-selection {
  background-color: rgba(0, 145, 220, 0.99); }

 /*-----------------------------------------/
         Overrides of Foundation Layout
/------------------------------------------*/
.row-full {
  /* only used in header styling */
  max-width: 2000px;
  width: 100%; }
  .row-full [class*="column"] {
    padding: 0 15px 0 0; }
  .row-full [class*="column"] + [class*="column"]:last-child {
    float: right;
    padding: 0; }

.row-full:before {
  clear: both; }

.row-full:before, .row-full:after {
  content: " ";
  display: table; }

 /*-----------------------------------------/
                Header and Nav
/------------------------------------------*/
.required-header {
  /* Contains logo, navigation, and CraftTek name container */
  clear: both;
  width: 100%; }
  @media all and (min-width: 42em) {
    .required-header {
      margin-top: 2em; } }

.nav-main {
  /* Containing element of logo and navigation */
  float: none;
  background-color: rgba(53, 50, 48, 0.7);
  width: 100%; }
  .nav-main ul li {
    float: none;
    padding: .5em; }
  .nav-main a.menu-link {
    float: right;
    font-size: 1.3em;
    display: block;
    line-height: 50px;
    padding-right: 1em; }
  @media all and (min-width: 42em) {
    .nav-main {
      background-color: transparent;
      float: right; }
      .nav-main ul li {
        float: left;
        padding: 0; }
      .nav-main a.menu-link {
        display: none; } }

.js #menu-main {
  /* Navigation menu element; responsive styling */
  background-color: rgba(0, 145, 220, 0.6);
  max-height: 0;
  max-width: none;
  overflow: hidden;
  padding: 0 2em 0 0; }
  .js #menu-main a {
    color: white;
    border-bottom: none;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); }
    .js #menu-main a:hover, .js #menu-main a:focus {
      color: white;
      text-decoration: underline; }
  @media all and (min-width: 42em) {
    .js #menu-main {
      background-color: transparent;
      clear: none;
      float: right;
      max-height: none;
      margin-top: 1em; } }

#menu-main.active {
  max-height: 20em; }

.mobile-headline {
  /* CraftTek name on smaller displays; hidden on large displays */
  font-family: 'NovecentowideBookBold', 'Open Sans', sans-serif;
  font-size: 1.7em;
  line-height: 50px;
  vertical-align: top; }
  @media all and (min-width: 42em) {
    .mobile-headline {
      display: none; } }

.header-image img {
  /* logo element */
  max-width: 50px;
  max-height: 50px; }
  @media all and (min-width: 42em) {
    .header-image img {
      float: left;
      max-width: 200px;
      max-height: 200px; } }

.name-container {
  /* CraftTek name on larger displays */
  background-color: #0091dc;
  clear: both;
  display: none; }
  .name-container h2 {
    display: inline-block;
    color: white;
    font-size: 6em;
    padding: 0 .5em; }
  @media all and (min-width: 42em) {
    .name-container {
      display: block;
      float: right;
      margin-top: -6em; } }

/*-----------------------------------------/
                Entry and Content
/------------------------------------------*/
#content {
  margin-top: 3em; }

#main {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aa353230', endColorstr='#aa353230');
  /* IE */
  background-color: rgba(53, 50, 48, 0.7);
  padding: 1em 2em; }

.entry-content a {
  color: white;
  border-bottom: 1px solid #ff6000; }
  .entry-content a:hover, .entry-content a:focus {
    border-bottom: none;
    color: #ff6000; }

.entry-title {
  display: inline-block;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); }

#side-nav {
  /* used in the "Left Sub Nav" template */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aa353230', endColorstr='#aa353230');
  /* IE */
  background-color: rgba(53, 50, 48, 0.7);
  font-family: 'NovecentowideUltraLightBold', 'Open Sans', sans-serif; }
  #side-nav .side-nav {
    color: #0091dc;
    line-height: 1.2em; }
    #side-nav .side-nav li a {
      color: #0091dc; }
    #side-nav .side-nav .active a {
      color: #838383; }
    #side-nav .side-nav .active a:hover {
      color: #006fa9; }

#sidebar {
  padding: 0; }
  @media all and (min-width: 767px) {
    #sidebar {
      padding: 0 15px; } }

.widget-area aside {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aa353230', endColorstr='#aa353230');
  /* IE */
  background-color: rgba(53, 50, 48, 0.7);
  padding: 1em; }

#supplementary {
  padding: 0; }
  #supplementary .widget-area aside {
    filter: none;
    background-color: transparent;
    padding: 0; }
    #supplementary .widget-area aside [class^="icon-"] {
      font-size: 2.5em; }
    #supplementary .widget-area aside a {
      color: #ff6000; }

/*-----------------------------------------/
                Form Elements
/------------------------------------------*/
label {
  color: white;
  font-size: 1.2em;
  font-weight: bold; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  border: 2px solid #0091dc;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  font-family: "NovecentowideUltraLightBold", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  height: auto;
  line-height: 1.1;
  padding: .5em; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  background-color: rgba(255, 255, 255, 0.2);
  border: 2px solid #ff6000;
  color: #ff6000; }

.lt-ie9 input {
  color: #353230; }

.lt-ie9 textarea {
  color: #353230; }

::-webkit-input-placeholder {
  color: white; }

:-moz-placeholder {
  /* Firefox 18- */
  color: white; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: white; }

:-ms-input-placeholder {
  color: white; }

.wpcf7 p {
  /* overrides Contact Form 7 default styles */
  color: white;
  font-family: "NovecentowideUltraLightBold", "Helvetica", Helvetica, Arial, sans-serif; }

div.wpcf7-validation-errors {
  border: 2px solid #ff6000;
  font-size: 18px; }

span.wpcf7-not-valid-tip {
  background: none;
  border: 1px solid #ff6000;
  font-size: 10pt;
  left: 0;
  padding: 2px;
  position: relative;
  width: 280px; }

input:focus, textarea:focus {
outline: #ff6000 auto 5px;
}
/*-----------------------------------------/
                Buttons and Helpers
/------------------------------------------*/
.button {
  background: none;
  background-color: #0091dc;
  border: none;
  box-shadow: none;
  border: 2px solid #0091dc;
  color: white;
  font-family: "NovecentowideUltraLightBold", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  height: auto;
  line-height: 1.1;
  padding: .5em; }
  .button:hover {
    background-color: #006fa9; }

#searchsubmit {
  margin-left: 10px; }

code {
  background: none; }

.panel {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc353230', endColorstr='#cc353230');
  /* IE */
  background-color: rgba(53, 50, 48, 0.8);
  border: none; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }
.text-center {
text-align: center;
}

a.img-no-link{
text-decoration: none;
border-bottom: none;
}
.img-block {
display: block;
margin: 1em auto;
}


.subheader {
display: inline-block;
margin-top: 0;}