/* HOW TO USE

@media screen and (max-width: 768px) {
  body {
    background-color: green;
  }
}

@media screen and (max-width: 480px) {
  body {
    background-color: red;
  }
}
*/
/* Defenition of all colors used in the VUB layout */
/* HOW TO USE

@media screen and (max-width: 768px) {
  body {
    background-color: green;
  }
}

@media screen and (max-width: 480px) {
  body {
    background-color: red;
  }
}
*/
/* Defenition of all colors used in the VUB layout */
body {
  padding: 0;
  margin: 0;
}

p.debug-outline {
  background-color: rgba(26, 26, 26, 0.1);
}

.container {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 948px;
  /*background-color: #DEDEFF;
  overflow: auto;*/
  padding: 0 12px;
}

.cell1, .cell2, .cell3, .cell4, .cell5, .cell6, .cell7, .cell8, .cell9, .cell10, .cell11, .cell12 {
  margin-right: 24px;
  float: left;
  min-height: 1px;
  /*	background-color: rgba(26,26,26,0.1);*/
}

.cell1 {
  width: 57px;
}

.cell2 {
  width: 138px;
}

.cell3 {
  width: 219px;
}

.cell4 {
  width: 300px;
}

.cell5 {
  width: 381px;
}

.cell6 {
  width: 462px;
}

.cell7 {
  width: 543px;
}

.cell8 {
  width: 624px;
}

.cell9 {
  width: 705px;
}

.cell10 {
  width: 786px;
}

.cell11 {
  width: 867px;
}

.cell12 {
  width: 948px;
}

.views-column-last,
.last {
  margin-right: 0px !important;
}

.border-after {
  margin-right: 11px;
  border-right: 1px solid #CCC;
  padding-right: 12px;
}

.container:after,
.last:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* VERTICAL SPACING */
.fixedrow-50 {
  height: 50px;
}

.fixedrow-100 {
  height: 100px;
}

.fixedrow-150 {
  height: 150px;
}

.panel-display {
  padding-top: 20px;
  width: 960px;
  margin: auto;
}

#column-second,
.vub-layouts-sidebar,
.vub-layouts-sidebar.cell4 {
  float: right;
  width: 300px;
  clear: right;
}

.vub-layouts-footer {
  clear: both;
  position: relative;
  top: 25px;
}

/* MOBILE =================================================================== */
@media screen and (max-width: 480px) {
  .cell1, .cell2, .cell3, .cell4, .cell5, .cell6, .cell7, .cell8, .cell9, .cell10, .cell11, .cell12 {
    width: 100%;
  }

  .panel-display {
    width: 100%;
  }

  #column-second,
  .vub-layouts-sidebar,
  .vub-layouts-sidebar.cell4 {
    float: none;
    clear: both;
    width: 100%;
  }
}
/* TO MIGRATE =============================================================== */
.panel-vub-full-width #vub-full-width-content {
  padding-top: 10px;
}

/* TWO COLS 300 SIDEBAR */
.panel-two-cols-300-sidebar #two-cols-300-sidebar-content {
  float: left;
  width: 635px;
  padding-top: 10px;
}

.page-node-panelizer .panel-two-cols-300-sidebar #two-cols-300-sidebar-footer,
.page-admin .panel-two-cols-300-sidebar #two-cols-300-sidebar-footer {
  top: 0px;
}

.panel-vub-full-width #vub-full-width-content {
  padding-top: 10px;
}

.panel-vub-master-layout .pane-region p:last-child {
  margin-bottom: 0;
}

/*# sourceMappingURL=layouts.css.map */