/**
 * @file
 * Styling for the sig-3col-stacked template.
 */

/*remove inherited margins*/
 .multi-stacked-wrapper .grid-1,  .multi-stacked-wrapper .grid-2,  .multi-stacked-wrapper .grid-3,  .multi-stacked-wrapper .grid-4,  .multi-stacked-wrapper .grid-5,  .multi-stacked-wrapper .grid-6,  .multi-stacked-wrapper .grid-7,  .multi-stacked-wrapper .grid-8,  .multi-stacked-wrapper .grid-9,  .multi-stacked-wrapper .grid-10,  .multi-stacked-wrapper .grid-11,  .multi-stacked-wrapper .grid-12,  .multi-stacked-wrapper .grid-13,  .multi-stacked-wrapper .grid-14,  .multi-stacked-wrapper .grid-15,  .multi-stacked-wrapper .grid-16,  .multi-stacked-wrapper .grid-17,  .multi-stacked-wrapper .grid-18,  .multi-stacked-wrapper .grid-19,  .multi-stacked-wrapper .grid-20,  .multi-stacked-wrapper .grid-21,  .multi-stacked-wrapper .grid-22,  .multi-stacked-wrapper .grid-23,  .multi-stacked-wrapper .grid-24 {
margin-left: 0px;
margin-right: 0px;
}

.multi-stacked-wrapper .content-block {
width: 100%;
float: left;
}

.multi-stacked-wrapper.container-24 {
  margin: 0px;
}

/*clear the two content blocks*/
.multi-stacked-wrapper #content-bottom {
  clear: both;
  width: 100%;
}

/*make all areas 100% for mobile*/
.container-24 .group-group-block-area-1 .field-name-field-blocks-group-block-area-1,
 .multi-stacked-wrapper > .group-group-block-area-1,
.promo-block  {
width: 100%;
}

 .multi-stacked-wrapper h1#page-title {
  display: none;
 }

 .multi-stacked-wrapper .group-group-block-area-1 > .field-type-text-with-summary {
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
 }

.multi-stacked-wrapper > .group-group-block-area-4 {
  clear: left;
}


.multi-stacked-wrapper .group-node-settings {
  clear: left; /* LTR */
}

.multi-stacked-wrapper .field-type-blockreference select {
  width: 200px;
}
/*
.multi-stacked-wrapper .filter-wrapper {
  display:none;
}*/



/*tablet portrait, below temp solutions, to be redone*/
@media 
only screen and (min-width: 740px) {

.multi-stacked-wrapper .grid-1,  .multi-stacked-wrapper .grid-2,  .multi-stacked-wrapper .grid-3,  .multi-stacked-wrapper .grid-4,  .multi-stacked-wrapper .grid-5,  .multi-stacked-wrapper .grid-6,  .multi-stacked-wrapper .grid-7,  .multi-stacked-wrapper .grid-8,  .multi-stacked-wrapper .grid-9,  .multi-stacked-wrapper .grid-10,  .multi-stacked-wrapper .grid-11,  .multi-stacked-wrapper .grid-12,  .multi-stacked-wrapper .grid-13,  .multi-stacked-wrapper .grid-14,  .multi-stacked-wrapper .grid-15,  .multi-stacked-wrapper .grid-16,  .multi-stacked-wrapper .grid-17,  .multi-stacked-wrapper .grid-18,  .multi-stacked-wrapper .grid-19,  .multi-stacked-wrapper .grid-20,  .multi-stacked-wrapper .grid-21,  .multi-stacked-wrapper .grid-22,  .multi-stacked-wrapper .grid-23,  .multi-stacked-wrapper .grid-24 {
}

.multi-stacked-wrapper.container-24.grid-24 {
  margin: 0 0%;
  width: 100%;
}

.multi-stacked-wrapper .group-group-block-area-1,
.multi-stacked-wrapper .group-group-block-area-5 {
  margin-left: 0;
  width: 65%;
}

/*.multi-stacked-wrapper .group-group-block-area-1 header h2.field-name-title-field {
  color: rgb(78, 78, 78);
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
  margin-bottom: 20px;
}*/

.multi-stacked-wrapper .group-group-block-area-2  {
  float: right;
  width: 33%;
}

.multi-stacked-wrapper .group-group-block-area-3,
.multi-stacked-wrapper .group-group-block-area-6 {
float: left;
width: 49%;
}


.multi-stacked-wrapper .group-group-block-area-4,
.multi-stacked-wrapper .group-group-block-area-7 {
float:right;
width: 49%;
}

.multi-stacked-wrapper .lower-blocks {
float:left;
width: 65%;
}


.field-type-blockreference {
  float: none;
}

.multi-stacked-wrapper .block-without-title {
width:100%;
}


.multi-stacked-wrapper .group-group-block-area-1 .group-content-bottom-first {
width: 49%;
margin-left: 0px;
}


.multi-stacked-wrapper .group-group-block-area-1 .group-content-bottom-second {
float:right;
width: 49%;
clear:right;
margin-right: 0px;
}


.multi-stacked-wrapper > .group-group-block-area-4 {
  clear: left;
}

.multi-stacked-wrapper .group-node-settings {
  width: 100%;
  clear: left; /* LTR */
}

.multi-stacked-wrapper .field-type-blockreference select {
  width: 200px;
}

}


/*small desktop*/
@media 
only screen and (min-width: 980px) {
/*set up widths in small desktop for cols to replicate w/s on normal site*/  
.multi-stacked-wrapper .group-group-block-area-1 .group-content-bottom-second,
.multi-stacked-wrapper .group-group-block-area-1 .group-content-bottom-first {
  width: 220px;
}

.multi-stacked-wrapper.container-24 {
  margin: 0px;
}

.multi-stacked-wrapper .group-group-block-area-1 {
  margin-left: 0px;
  width: 620px;
}



.multi-stacked-wrapper .group-group-block-area-2  {
  float: right;
  width: 300px;
}

.multi-stacked-wrapper .lower-blocks {
float:left;
width: 620px;
}


/*replicate grid layout*/
.multi-stacked-wrapper .grid-1,  .multi-stacked-wrapper .grid-2,  .multi-stacked-wrapper .grid-3,  .multi-stacked-wrapper .grid-4,  .multi-stacked-wrapper .grid-5,  .multi-stacked-wrapper .grid-6,  .multi-stacked-wrapper .grid-7,  .multi-stacked-wrapper .grid-8,  .multi-stacked-wrapper .grid-9,  .multi-stacked-wrapper .grid-10,  .multi-stacked-wrapper .grid-11,  .multi-stacked-wrapper .grid-12,  .multi-stacked-wrapper .grid-13,  .multi-stacked-wrapper .grid-14,  .multi-stacked-wrapper .grid-15,  .multi-stacked-wrapper .grid-16,  .multi-stacked-wrapper .grid-17,  .multi-stacked-wrapper .grid-18,  .multi-stacked-wrapper .grid-19,  .multi-stacked-wrapper .grid-20,  .multi-stacked-wrapper .grid-21,  .multi-stacked-wrapper .grid-22,  .multi-stacked-wrapper .grid-23,  .multi-stacked-wrapper .grid-24 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}
}


/*widescreen*/
@media 
only screen and (min-width: 1220px) {
/*set up widths in w/s for cols to replicate w/s on normal site*/
.multi-stacked-wrapper .group-group-block-area-1 .group-content-bottom-second,
.multi-stacked-wrapper .group-group-block-area-1 .group-content-bottom-first {
  width: 280px;
}

.multi-stacked-wrapper .group-group-block-area-1 {
  margin-left: 0px;
  width: 780px;
}

.multi-stacked-wrapper .group-group-block-area-2  {
  float: right;
  width: 380px;
}

.multi-stacked-wrapper .lower-blocks {
float:left;
width: 780px;
}

/*replicate the site grid*/
 .multi-stacked-wrapper .grid-1,  .multi-stacked-wrapper .grid-2,  .multi-stacked-wrapper .grid-3,  .multi-stacked-wrapper .grid-4,  .multi-stacked-wrapper .grid-5,  .multi-stacked-wrapper .grid-6,  .multi-stacked-wrapper .grid-7,  .multi-stacked-wrapper .grid-8,  .multi-stacked-wrapper .grid-9,  .multi-stacked-wrapper .grid-10,  .multi-stacked-wrapper .grid-11,  .multi-stacked-wrapper .grid-12,  .multi-stacked-wrapper .grid-13,  .multi-stacked-wrapper .grid-14,  .multi-stacked-wrapper .grid-15,  .multi-stacked-wrapper .grid-16,  .multi-stacked-wrapper .grid-17,  .multi-stacked-wrapper .grid-18,  .multi-stacked-wrapper .grid-19,  .multi-stacked-wrapper .grid-20,  .multi-stacked-wrapper .grid-21,  .multi-stacked-wrapper .grid-22,  .multi-stacked-wrapper .grid-23,  .multi-stacked-wrapper .grid-24 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}
}

/*admin layout uses this css file, which breaks admin layout. this tidys up*/
form#brand-node-form .multi-stacked-wrapper  .group-group-block-area-1 {
  float: left;
  width: 100%;
}


form#brand-node-form .multi-stacked-wrapper .group-group-block-area-1 {
  float: left;
  width: 48%;
}


form#brand-node-form .multi-stacked-wrapper .group-group-block-area-1 {
  float: right;
  width: 48%;
}


form#brand-node-form .multi-stacked-wrapper .group-group-block-area-2 {
  float: left;
  width: 48%;
  margin-left: 0px;
}

form#brand-node-form .multi-stacked-wrapper .group-group-block-area-3 {
  float: right;
  width: 48%;
  margin-right: 0px;
}

form#brand-node-form .multi-stacked-wrapper .field-type-blockreference select {
  width: 200px;
}

form#brand-node-form .multi-stacked-wrapper .filter-wrapper {
  display:none;
}

form#brand-node-form .multi-stacked-wrapper .group-group-block-area-4 {
float:left;
	width: 48%;
	margin-left: 0px;
}



/*ie8 sigh */
.lt-ie9 .multi-stacked-wrapper .group-group-block-area-1.content-block {
  margin-left: 0px;
  width: 620px;
}

.lt-ie9 .multi-stacked-wrapper .group-group-block-area-2.content-block  {
  float: right;
  width: 300px;
}

.lt-ie9 .multi-stacked-wrapper .lower-blocks {
float:left;
width: 620px;
}

.lt-ie9 .multi-stacked-wrapper .group-group-block-area-1 .group-content-bottom-first {
width: 49%;
margin-left: 0px;
}


.lt-ie9 .multi-stacked-wrapper .group-group-block-area-1 .group-content-bottom-second {
float:right;
width: 49%;
clear:right;
margin-right: 0px;
}