/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* Increase the body font size on tablet devices */
body {
  font-size: 93.8%;
}

#header {}
#branding-wrapper{
  width:20%;
  float:left;
}
#logo img {
  vertical-align: bottom;
  width:80%;
  padding: 20px;

}
#logo a { display:block;}

#nav-wrapper .responsive-menus{
  padding: 0 20px;
  margin-top: 30px;
}

.responsive-menus-0-0.responsified span.toggler:after{content:'Menu';
color: #555;
line-height: 1rem;}

/*-----------Submenu------------*/
.responsive-menus-0-1, .responsive-menus-0-2, .responsive-menus-0-3, .responsive-menus-0-4{ width: 100%;
float: right;
border-top: 1px solid #fff;
}
.responsive-menus-0-1.responsified span.toggler, .responsive-menus-0-2.responsified span.toggler, .responsive-menus-0-3.responsified span.toggler, .responsive-menus-0-4.responsified span.toggler {
background: #1f2831;
color: #fff;
font-size: 1em;
text-align: right;
cursor: pointer;
padding: 0 20px;
}
.responsive-menus-0-1.responsified span.toggler:after, .responsive-menus-0-2.responsified span.toggler:after, .responsive-menus-0-3.responsified span.toggler:after, .responsive-menus-0-4.responsified span.toggler:after{
color: #fff;
line-height: 1rem;
}
.responsive-menus-0-1.responsified span.toggler:after{content:'Systems';}
.responsive-menus-0-2.responsified span.toggler:after{content:'Toolchain';}
.responsive-menus-0-3.responsified span.toggler:after{content:'Team';}
.responsive-menus-0-4.responsified span.toggler:after{content:'Work';}

/*---------Home------------*/
#block-block-1 h1{
  font-weight: 200;
  line-height: 1em;
}
#block-block-1 h2{
  font-weight: 200;
  color:#3C92B3;
}

/*---About Home page---*/

/*-- blog view*/
.sidebar-second .content-inner {margin:0; }
.sidebar-second #content-column{ width: 70%;}

  .view-mode-teaser .group-header .field-name-title, .node-type-article .ds-left .field-name-title{
width:90%;}
  .view-mode-teaser .group-header .field-name-post-date, .node-type-article .ds-left .field-name-post-date{
  max-width:7%;}
}
.ds-2col-stacked-fluid > .group-right {width:62%;
  margin-right: 20px;}
.group-one-column .group-left, .group-one-column .group-right{ width: 100%; float:left;}


/*-------Sidebar-----------*/
.region-sidebar-second {width: 25%; margin-left: 2px;}

.region-sidebar-second {
border: 1px solid rgba(153, 153, 153, 0.5);
padding: 10px;
box-shadow: 1px 1px 2px 0px rgba(153, 153, 153, 0.3);
margin-bottom:30px;}

/*----------Systems, Projects, Events -------------*/
#block-block-3, #block-block-4, #block-block-5, #block-block-6, #block-block-10{width: 30%;
  float:left;
}
.views-field-field-project-logo, .views-field-field-event-logo, .view-vehicles .views-field-field-picture, .view-support-systems .views-field-field-picture {width:25%}
.views-field-field-project-end, .views-field-field-project-description, .views-field-field-project-url, .views-field-field-event-date, .views-field-field-event-description, .views-field-field-event-url, .view-vehicles .views-field-field-extended-name, .view-vehicles .views-field-field-short-description, .view-vehicles .views-field-field-fleet, .view-support-systems  .views-field-field-extended-name, .view-support-systems .views-field-field-extended-name, .view-support-systems  .views-field-field-short-description, .view-support-systems  .views-field-field-fleet, .view-vehicles .views-field-field-highlights, .view-vehicles .views-field-field-highlights, .view-support-systems .views-field-field-highlights {
  width: 70%;
  float:right;
}
.view-toolchain .views-field-field-highlights { width: 67%; float:right;}
legend {width:97%;}

/*---- toolchain------*/
.view-toolchain .views-row {float:left; width:100%;}
.view-toolchain .views-field-field-position-toolchain-pic{width:32%; float:left;}
.view-toolchain .views-field-field-software-logo {width:6%; float:left; margin-left:1%; }
.view-toolchain .views-field-title, .view-toolchain .views-field-field-extended-name{float: right; width: 60%; margin-bottom: 10px;}
.view-toolchain .views-field-field-short-description {float: right; width: 67%; font-size: 90%;}
.node-type-toolchain-item .field-name-field-main-gallery, .node-type-vehicle .field-name-field-main-gallery, .node-type-support-system .field-name-field-main-gallery {width: 50%; margin-bottom: 30px;}
.node-type-toolchain-item .field-name-field-main-gallery img, .node-type-vehicle .field-name-field-main-gallery img, .node-type-support-system .field-name-field-main-gallery img{
  width:100%;
}
.node-type-toolchain-item  .field-name-field-short-description, .node-type-vehicle /*.field-name-field-short-description*/.field-name-field-extended-description, .node-type-vehicle .field-name-field-fleet, .node-type-support-system /*.field-name-field-short-description*/.field-name-field-extended-description, .node-type-support-system .field-name-field-fleet
 {float:right; width: 47%;}

/* Feature columns*/
.node-type-toolchain-item .field-name-field-features li, .node-type-toolchain-item .field-name-field-features-gallery li{ width: 31%;  margin: 0 2% 2% 0; }
.node-type-vehicle .field-name-field-features li, .node-type-vehicle  .field-name-field-features-gallery li, .node-type-support-system .field-name-field-features li, .node-type-support-system .field-name-field-features-gallery li{ width: 23%;  margin: 0 2% 2% 0; }


/*--------Team------------*/
#block-views-lsts-team-block-1, #block-views-lsts-team-block-2, #block-views-lsts-team-block-3, #block-views-lsts-team-block-4, #block-views-lsts-team-block-5, #block-views-lsts-team-block-6 { padding: 10px 20px;}
.view-team .views-row, .view-lsts-team .views-row {width:23%;
  height:300px;
  margin: 0 10px 10px 0;
}
  .view-team .group-left, .view-lsts-team .group-left{
  height:290px;
}

/* ---------------- Join Us -------------------------*/
.view-join-us .group-left{
  width: 62%;
  margin-top: 10px;
}
.view-join-us .group-right{
  margin-left: 3%;
   width: 33%;
 padding:5px;
}

/*--------Footer---------*/
.region-footer .block{width:27%;}

/*--Node Type Pages...*/
.node-type-event .group-left, .node-type-project .group-left{width:25%}
.node-type-event .group-right, .node-type-project .group-right{width: 70%;  float:right;}
.node-type-join-us .group-right {width: 45%;}
.node-type-member .group-left {width: 25%; padding: 0 10px;}
.node-type-member .group-right {width: 70%;}

/*---Maintainance Screen--------*/
.in-maintenance #header {width: 40%;}