/*
 *   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 default font size on small touch devices */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}
/*--- Branding-----*/
#header {}

#branding-wrapper{
  width:40%;
  float:left;
}
#logo img {
  vertical-align: bottom;
  width:100%;
  padding: 20px;
}
#logo a { display:block;}

/*------Menu--------*/

#nav-wrapper{
	width: 100%;
}

.responsive-menus.responsified span.toggler {background-color: #eee; padding: 0 20px;}
.responsive-menus-0-0.responsified span.toggler:after{content:'Menu';
color: #555;
line-height: 1rem;
font-size: 0.8em;}



/*-----------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-size: 1.4em;
  font-weight: 200;
  line-height: 1em;
}
#block-block-1 h2{
	font-size: 1.2em;
  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: 100%; float:left;}
.panels-flexible-region-1-top_right .pane-views-latest-posts-block{width:100%; float:left; margin: 0 0 20px 0;}
.panels-flexible-region-1-center {width: 100%;}
.panels-flexible-region-1-bottom_right {width: 100%;}

/*---------Blog--------------*/
.view-blog .view-mode-teaser .group-right{ 
  width:100%;
}
.view-mode-teaser .group-header .field-name-title, .node-type-article .ds-left .field-name-title{
width:100%;}

.view-mode-teaser .group-left {width: 100%}
.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: 100%; margin-right: 2%; float:left;}
.region-sidebar-second #block-views-blog-archive-block {width: 100%; float:right;}
.region-sidebar-second #block-views-categories-block {width: 100%; float:left; font-size: 0.9em}

/*----------Systems, Projects, Events -------------*/
#block-block-3, #block-block-4, #block-block-5, #block-block-6, #block-block-10{width: 100%;
  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:100%; margin-bottom:20px; }
.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: 100%;
}
.view-toolchain .views-field-field-highlights { width: 100%; float:right;}

.region-highlighted .node {margin-bottom:0;  padding: 10px 0 10px 20px; width: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: 30px;}
legend {width:90%;}

/*-----------Toolchain-------------*/

.view-toolchain .views-field-field-position-toolchain-pic {display: none;}
.view-toolchain .views-row { float:left; width:94%; padding:0 10px;}
.view-toolchain .views-field-field-software-logo {width:90%; float:left; }
.view-toolchain .views-field-title, .view-toolchain .views-field-field-extended-name{float: left; width: 90%; }
.view-toolchain .views-field-field-short-description {float:left; width: 100%;  font-size: 90%;}

/*--------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:100%;
  height:300px;
  margin: 0 5px 5px 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;
}

/*--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: 100%;}
.node-type-member .group-right {width: 100%;}

/*---Maintainance Screen--------*/
.in-maintenance #header {width: 50%; }
.in-maintenance #main-content { margin-top: 20px;}
.in-maintenance #content { margin-top: 10px;}