/**
 * Stylesheet for mytheme by mycompany.com
 * Author: My Name
 *
 * SITE COLORS:
 * Primary color: #0000ff (Blue)
 * Highlight color: #ff0000 (Red)
 * Text color: #444 (Grey)
 *
 * TABLE OF CONTENTS, change this to whatever fits your coding habits
 * 1. Typography
 * 2. Layout
 * 3. Decoration per Region
 * 4. Forms
 * 5. Drupal Elements
 * 6. Drupal Modules
 * 7. Block Skins
 *
 */

/**
 * TYPOGRAPHY
 */

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

body {
  background: #FFF url('../img/body.gif') repeat;
  font: 13px/1.5em helvetica, arial, verdana, sans-serif;
  color:  #444;
}

a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
  color: #E67324;
  text-decoration: none;
}

h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:focus, h2 a:active,
h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:focus, h3 a:active {
  color: #444;
  text-decoration: none;
}

a h2, a h3 {
  color: #444;
}

h1, h2, h3, h4, h5, h6, label {
  color: #817871;
  font-family: 'AbelRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

/**
 * Typographical scale by Mark Boulton
 */

h1 {
  color: #E67324;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
}

.title-icon {
  position: relative;
  top: 6px;
  height: 49px;
  width: 49px;
}

h2 {
  font-size: 22px;
}

.field-name-body h2 {
  margin: 30px 0 10px 0;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 14px;
}

p {
  margin: 0 0 12px;
  text-align: justify;
}

input, select, textarea {
  width: 100%;
}

textarea {
  max-width: 100%;
}

strong {
  font-weight: bold;
}

/**
 * Layout
 */

.box {
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  margin-bottom: 10px;
  margin-top: 10px;
}

.box-inner {
  padding: 25px 20px;
}

.front .box-inner,
.node-type-reference .box-inner {
  padding-bottom: 70px;
}

/**
 * Navigation
 */

#main-navigation {
  overflow: hidden;
  padding: 20px 20px 0;
}

#logo {
  float: left;
  margin-bottom: 10px;
  margin-right: 20px;
}

#logo a {
  color: #444;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.primary-menu {
  border-left: 1px solid #CCC;
  float: left;
}

.primary-menu li {
  display: block;
  margin-left: 20px;
}

.primary-menu li a,
#language-select li a {
  color: #444;
  display: inline-block;
  font-family: 'AbelRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.primary-menu li a:hover,
.primary-menu li a:active,
.primary-menu li a:focus,
#logo a:hover,
#logo a:active,
#logo a:focus,
#language-select a:hover,
#language-select a:active,
#language-select a:focus {
  color: #E67324;
}

/* Header right */
.header-right {
  float: right;
}

/* Linkedin icon */
.linkedin {
  background: url(../img/linkedin.png) no-repeat 0 0;
  display: block;
  height: 22px;
  opacity: 0.8;
  text-indent: -9999px;
  width: 22px;
}

.linkedin:hover {
  opacity: 1;
}

/* Language switcher */
#language-select {
  list-style: none;
  margin: 10px 10px 0 0;
  padding: 0;
}

#language-select li {
  display: none;
}

#language-select .alt-language {
  display: block;
}

/* Slideshow */

.flexslider {
  border: none;
  border-radius: 0;
  max-height: 460px;
}

.flexslider .read-more {
  bottom: 0;
  position: absolute;
  right: 0;
}

.flexslider .read-more a {
  background: #FFF url('../img/slide-arrow.png') no-repeat 100% 15px;
  border-radius: 10px 0 0 0;
  color: #444;
  display: block;
  font-family: 'AbelRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  opacity: 0.6;
  filter: alpha(opacity=60);
  padding: 10px 60px 10px 20px;
  text-align: right;
  text-decoration: none;
}

.flexslider .read-more h2 {
  font-size: 28px;
  line-height: 45px;
}

.flexslider .read-more a:hover h2 {
  color: #E67324;
}

.flexslider .read-more p {
  margin: 0;
}

.flex-control-nav {
  bottom: -40px !important;
}

.ie8 .flex-control-nav li,
.ie7 .flex-control-nav li,
.ie6 .flex-control-nav li {
  display: block;
  float: left;
}

.flex-control-nav li a {
  background-image: url('../img/slide-pager.png') !important;
}

.flexslider ul.slides li img {
  margin: 0 auto;
  width: auto;
}

.flex-direction-nav {
  display: none;
}

.flex-caption {
  display: none;
}

#block-views-coworker-slideshow-block-1 .flexslider ul.slides li img {
  margin: 0 0 10px 0;
}

#block-views-coworker-slideshow-block-1 .flex-control-nav {
  display: none;
}

#block-views-coworker-slideshow-block-1 .flexslider .caption {
  bottom: 0;
  position: absolute;
  right: 0;
}

#block-views-coworker-slideshow-block-1 .flexslider .caption {
  background: #FFF;
  border-radius: 10px 0 0 0;
  color: #444;
  display: block;
  font-family: 'AbelRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding: 5px 10px;
  text-align: right;
  text-decoration: none;
}

#block-views-coworker-slideshow-block-1 .flexslider .caption p {
  margin-bottom: 0;
  text-align: right;
}

#block-views-coworker-slideshow-block-1 .flexslider .caption a {
  display: block;
  margin-bottom: 10px;
}

/**
 * Nodes
 */

.field-name-body {
  margin: 20px 0;
}

.field-name-field-image .field-item {
  text-align: center;
}

.field-name-field-caption {
  font-family: 'AbelRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 10px;
  margin-top: 3px;
  text-align: right;
}

/**
 * References
 */

.view-references .views-row {
  clear: both;
  margin: 0 0 20px 0;
  position: relative;
  width: 100%;
}

.ie8 .view-references .views-row,
.ie7 .view-references .views-row,
.ie6 .view-references .views-row {
  clear: none;
  margin: 0 0 15px 0;
  float: left;
}

.view-references .views-row a {
  color: #444;
}

.view-references .views-row h3 {
  background: #FFF;
  border-radius: 10px 0 0 0;
  bottom: 5px;
  display: block;
  opacity: 0.6;
  filter: alpha(opacity=60);
  padding: 5px 10px;
  position: absolute;
  right: 0;
  text-align: right;
}

.view-references .views-row a:hover h3 {
  color: #E67324;
}

.freepager-previous {
  background: url(../img/prev-next.png) no-repeat 0 -13px;
  padding-left: 12px;
}

.freepager-next {
  background: url(../img/prev-next.png) no-repeat 100% 4px;
  padding-right: 12px;
}

/**
 * Get in touch
 */
.webform-client-form {
  margin: 20px 0;
  max-width: none;
}

.group-page-image {
  float: right;
  margin: 0 0 15px 30px;
  max-width: 120px;
  position: relative;
}

.group-page-image .field-name-field-caption-textarea {
  bottom: 0;
  position: absolute;
  right: 0;
}

.group-page-image .field-name-field-caption-textarea {
  background: #FFF;
  border-radius: 10px 0 0 0;
  color: #444;
  display: none;
  font-family: 'AbelRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding: 5px 10px;
  text-align: right;
  text-decoration: none;
}

.group-page-image .field-name-field-caption-textarea p {
  margin-bottom: 0;
  text-align: right;
}

.group-page-image .field-name-field-caption-textarea a {
  display: block;
  margin-bottom: 10px;
}

/**
 * Coworkers
 */


/**
 * Messages
 */

.messages {
  margin-bottom: 0;
}

/** =PRINT ---------- */

/**
 * Credits: Hartija & HTML 5 Boilerplate
 * http://code.google.com/p/hartija/
 * http://html5boilerplate.com/
 */

@media print {

  * {
    background: transparent !important;
    color: #000;
  }

  @page {
    margin: 0.5cm;
  }

  body {
    font-size: 12pt;
    letter-spacing: 0.2pt;
    line-height: 1.4;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    word-spacing: 1.1pt;
  }

  a:after,
  abbr:after {
    content: " (" attr(href) ")";
  }


  h1 {
    font-size: 19pt;
  }

  h2 {
    font-size: 17pt;
  }

  h3 {
    font-size: 15pt;
  }

  h4,
  h5,
  h6 {
    font-size: 12pt;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  code {
    font: 10pt Courier, monospace;
  }

  blockquote {
    margin: 1.3em;
    padding: 1em;
  }

  hr {
    background: #CCC;
  }

  img {
    float: left;
    margin: 1em 1.5em 1.5em 0;
    page-break-inside: avoid;
  }

  a img {
    border: none;
  }

  table {
    margin: 1px;
    text-align: left;
  }

  thead {
    display: table-header-group;
  }

  tr {
    page-break-inside: avoid;
  }

  th {
    border-bottom: 1px solid #333;
    font-weight: bold;
  }

  td {
    border-bottom: 1px solid #333;
  }

  th,
  td {
    padding: 4px 10px 4px 0;
  }

  tfoot {
    font-style: italic;
  }

  caption {
    background: #FFF;
    margin-bottom: 2em;
    text-align: left;
  }

  .field-name-field-images {
    text-indent: -99999px;
  }

  .flexslider-content li {
    display: none;
    list-style: none;
  }

  .flexslider-content li:first-child {
    display: block;
  }

  .box {
    box-shadow: none;
  }

  .tabs {
    display: none;
  }

}