/*
 *   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:30%;
  float:left;
}
#logo img {
  vertical-align: bottom;
  width:80%;
  padding: 20px;

}
#logo a { display:block;}
/*------Menu--------*/

#nav-wrapper{
	width: 40%;
	padding: 0 20px;
	margin-top: 30px
}

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

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

.panels-flexible-region-1-top_left{width: 100%;}
.flexslider {margin: 0 0 10px;}
.panels-flexible-region-1-top_right{width: 100%;}
.panels-flexible-region-1-top_right .pane-views-follow-us-block {width: 20%; float:left;}
.panels-flexible-region-1-top_right .pane-views-latest-posts-block{width:75%; float:right; margin: 0 10px 20px 0}
.panels-flexible-region-1-center {width: 100%;}
.panels-flexible-region-1-bottom_right {width: 100%;}




/*---------Blog--------------*/

.ds-2col-stacked-fluid > .group-right {width:63%;
  margin-right: 20px;}
.group-one-column .group-left, .group-one-column .group-right{ width: 100%; float:left;}

.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%;}

.one-sidebar .sidebar {width: 97%; margin-bottom: 30px;}
.region-sidebar-second {
border-top: 1px solid rgba(153, 153, 153, 0.5);
padding: 10px;
box-shadow: none;
margin-bottom:30px;}

.region-sidebar-second #block-views-follow-us-block {width: 30%; margin-right: 2%; float:left;}
.region-sidebar-second #block-views-blog-archive-block {width: 65%; float:right;}
.region-sidebar-second #block-views-categories-block {width: 30%; float:left;}

/*-----------Submenu------------*/
.responsive-menus-0-1, .responsive-menus-0-2{ width: 30%;
float: right;
margin: 30px 20px 0 0 ;
}
.responsive-menus-0-3, .responsive-menus-0-4{
width: 30%;
float: right;
margin: 20px 20px 0 0 ;}
.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;
}
.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';}

/*----------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: 100%; float:right;}

legend {width:97%;}
/*-----------Toolchain-------------*/
.region-highlighted .node {width:60%;}

.view-toolchain .views-field-field-position-toolchain-pic {display: none;}
.view-toolchain .views-row {float:left; width:94%; padding:0 20px;}
.view-toolchain .views-field-field-software-logo {width:6%; float:left;}
.view-toolchain .views-field-title, .view-toolchain .views-field-field-extended-name{float: right; width: 90%; }
.view-toolchain .views-field-field-short-description {float:left; width: 100%; 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: 100%; }
.node-type-toolchain-item .field-name-field-short-description, .node-type-vehicle .field-name-field-short-description, .node-type-vehicle .field-name-field-fleet, .node-type-support-system .field-name-field-short-description, .node-type-support-system .field-name-field-fleet {width: 100%;}
.node-type-vehicle .field-name-field-fleet, .node-type-support-system .field-name-field-fleet, .node-type-toolchain-item .field-name-field-short-description {margin-bottom: 0px;}


/* Feature columns*/
.node-type-toolchain-item .field-name-field-features li, .node-type-toolchain-item .field-name-field-features-gallery li{ width: 47%;  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: 47%;  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:30.5%;
  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: 100%;
  margin-top: 10px;
}
.view-join-us .group-right{
   width: 100%;
 padding:5px;
}

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

/*--Node Type Pages...*/
.node-type-event .group-left, .node-type-project .group-left {width:100%}
.node-type-event .group-right, .node-type-project .group-left {width: 100%;}
.node-type-join-us .group-left {width: 100%;}
.node-type-join-us .group-right {width: 100%;}
.node-type-member .group-left {width: 25%; padding: 0 10px;}
.node-type-member .group-right {width: 70%;}
/*---Maintainance Screen--------*/
.in-maintenance #header {width: 40%;}