/* ---------- border box magic from ZURB ----------- */
/* line 6, ../scss/cmpbs.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ------------------- Basic Layout Styles ---------------- */
/* line 15, ../scss/cmpbs.scss */
body,
body.overlay {
  color: #3b3b3b;
}

/* line 19, ../scss/cmpbs.scss */
body {
  background: url(/sites/all/themes/cmpbs_bartik/images/bg1.jpg) no-repeat top center fixed;
  background-size: cover;
}

/* line 24, ../scss/cmpbs.scss */
.comment .comment-arrow {
  border-color: #ffffff;
}

/* line 27, ../scss/cmpbs.scss */
.tabs ul.primary li a.active {
  background-color: #ffffff;
}

/* line 30, ../scss/cmpbs.scss */
.tabs ul.primary li.active a {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

/* line 34, ../scss/cmpbs.scss */
#header, #featured {
  background: none;
}

/* line 37, ../scss/cmpbs.scss */
p, div {
  font-size: 14px;
  text-align: left;
}

/* line 41, ../scss/cmpbs.scss */
a {
  color: #098ba8;
}

/* line 45, ../scss/cmpbs.scss */
a:hover,
a:focus {
  color: #098ba8;
}

/* line 48, ../scss/cmpbs.scss */
a:active {
  color: #098ba8;
}

/* line 51, ../scss/cmpbs.scss */
.sidebar .block {
  border: none;
}

/* line 57, ../scss/cmpbs.scss */
#main {
  background-color: #FFF;
  background-image: url(../images/grid.png);
}

/* line 68, ../scss/cmpbs.scss */
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
  color: black;
}

/* line 72, ../scss/cmpbs.scss */
.responsive-menus.responsified {
  width: 180px;
}
/* line 74, ../scss/cmpbs.scss */
.responsive-menus.responsified span.toggler {
  margin-top: 2px;
  border-radius: 0;
  box-shadow: none;
  background-color: #5a5a5a;
  height: 25px;
  padding: 5px;
}
/* line 82, ../scss/cmpbs.scss */
.responsive-menus.responsified .responsive-menus-simple li {
  background-color: #5a5a5a;
  line-height: normal;
  width: 180px;
}

/* line 89, ../scss/cmpbs.scss */
.grid {
  width: 100%;
  float: left;
  position: relative;
}

/* line 95, ../scss/cmpbs.scss */
.left {
  float: left;
}

/* line 99, ../scss/cmpbs.scss */
.right {
  float: right;
}

/* Blue btns */
/* line 105, ../scss/cmpbs.scss */
.blue.btn:hover {
  background-color: #00a7e1;
}

/* line 109, ../scss/cmpbs.scss */
.blue.btn {
  background-color: #00a7e1;
}

/* line 113, ../scss/cmpbs.scss */
.large.btn {
  font-size: 14px;
  padding: 8px 19px 9px;
  padding-top: 8px;
  padding-right: 19px;
  padding-bottom: 9px;
  padding-left: 19px;
}

/* line 122, ../scss/cmpbs.scss */
.btn:active {
  top: 1px;
}

/* line 126, ../scss/cmpbs.scss */
.btn:hover {
  background-color: #111111;
  color: white;
}

/* line 131, ../scss/cmpbs.scss */
.btn {
  /*background: url(/images/overlay-btn.png) repeat-x rgb(34, 34, 34);*/
  -webkit-border-bottom-left-radius: 5px 5px;
  -webkit-border-bottom-right-radius: 5px 5px;
  -webkit-border-top-left-radius: 5px 5px;
  -webkit-border-top-right-radius: 5px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24609) 0px 1px 3px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24609);
  color: white !important;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  overflow: visible;
  padding: 5px 15px 6px;
  position: relative;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.24609) 0px -1px 1px;
  width: auto;
}

/* ---------- HEADER ----------- */
/* line 155, ../scss/cmpbs.scss */
#header {
  line-height: 0.8;
}

/* line 162, ../scss/cmpbs.scss */
.region-header {
  margin: 1em;
}

/* line 169, ../scss/cmpbs.scss */
#logo {
  padding: 10px;
  width: 65px;
}
/* line 172, ../scss/cmpbs.scss */
#logo img {
  position: relative;
  top: 5px;
}

/* ------------------- Triptych --------------------------- */
/* line 183, ../scss/cmpbs.scss */
#triptych-wrapper {
  background-color: #fff;
  background: white;
  border-top: 1px solid #e7e7e7;
}

/* line 189, ../scss/cmpbs.scss */
.group-left {
  width: 33%;
  float: left;
}

/* ---------- BLOCKS ----------- */
/* line 196, ../scss/cmpbs.scss */
#block-search-form {
  display: none;
  float: right;
}
/* line 199, ../scss/cmpbs.scss */
#block-search-form #edit-search-block-form--2 {
  border: 1px solid black;
}

/* line 209, ../scss/cmpbs.scss */
#block-menu-block-1,
#block-menu-block-2,
#block-menu-block-3,
#block-menu-block-4,
#block-menu-block-5,
#block-views-d8499d2403fa10eb2b6f5117ff69ec68 {
  margin-top: 2em;
}
/* line 212, ../scss/cmpbs.scss */
#block-menu-block-1 ul li,
#block-menu-block-2 ul li,
#block-menu-block-3 ul li,
#block-menu-block-4 ul li,
#block-menu-block-5 ul li,
#block-views-d8499d2403fa10eb2b6f5117ff69ec68 ul li {
  list-style-image: none;
  list-style-type: none;
  font-size: 15px;
  margin-top: 0.5em;
}
/* line 219, ../scss/cmpbs.scss */
#block-menu-block-1 .views-row,
#block-menu-block-2 .views-row,
#block-menu-block-3 .views-row,
#block-menu-block-4 .views-row,
#block-menu-block-5 .views-row,
#block-views-d8499d2403fa10eb2b6f5117ff69ec68 .views-row {
  margin-top: 0.5em;
  padding: 0.2em 0.5em 0 1em;
  line-height: 1.4em;
}
/* line 223, ../scss/cmpbs.scss */
#block-menu-block-1 .views-row a,
#block-menu-block-2 .views-row a,
#block-menu-block-3 .views-row a,
#block-menu-block-4 .views-row a,
#block-menu-block-5 .views-row a,
#block-views-d8499d2403fa10eb2b6f5117ff69ec68 .views-row a {
  font-size: 15px;
  text-transform: uppercase;
  color: #333333;
  padding: 0;
}

/* line 232, ../scss/cmpbs.scss */
#block-block-2 {
  display: none;
  width: 140px;
  float: right;
  background-color: #F89938;
  height: 25px;
  text-align: center;
  margin-top: 2px;
}

/* line 244, ../scss/cmpbs.scss */
#block-block-4 p,
#block-block-4--4 p {
  margin: 0 2em;
  color: #DDCE77;
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight: bold;
}

/* line 253, ../scss/cmpbs.scss */
#block-block-8 {
  z-index: 9999;
  position: absolute;
  width: 300px;
  left: 10px;
  top: 200px;
}

/* line 265, ../scss/cmpbs.scss */
#block-views-what-we-do-project-list-block,
#block-views-what-we-do-project-list-block-1,
.field-name-related-projects,
.field-name-related-projects-for-projects,
.field-name-related-projects-for-pedagogy {
  clear: left;
  margin-bottom: 2em;
}

/* line 274, ../scss/cmpbs.scss */
#main-wrapper {
  background: none;
}

/* line 279, ../scss/cmpbs.scss */
#main {
  margin-top: 0;
  margin-bottom: 0;
}

/* ------------------- Content ---------------------------- */
/* line 286, ../scss/cmpbs.scss */
h1#page-title {
  text-transform: uppercase;
  font-size: 30px;
  margin: 0;
  padding: 1.0em 0 0.5em;
}

/* line 294, ../scss/cmpbs.scss */
#content h2 {
  margin-bottom: 5px;
  font-size: 1.286em;
  line-height: 1.4;
}

/* line 301, ../scss/cmpbs.scss */
.ds-2col-stacked > .group-left,
.ds-2col > .group-left {
  width: 100%;
  float: none;
  text-align: center;
}

/* line 308, ../scss/cmpbs.scss */
.ds-2col-stacked > .group-right,
.ds-2col > .group-right {
  width: 100%;
}
/* line 310, ../scss/cmpbs.scss */
.ds-2col-stacked > .group-right h1,
.ds-2col > .group-right h1 {
  margin-top: 0;
}

/* line 316, ../scss/cmpbs.scss */
.page-taxonomy-term .node-promoted, .page-taxonomy-term .pager, .page-taxonomy-term .feed-icon {
  display: none;
}

/* ------------------- Home page ---------------------------- */
/* line 324, ../scss/cmpbs.scss */
.front .field-name-title h2 {
  display: none;
}
/* line 327, ../scss/cmpbs.scss */
.front .views-slideshow-controls-bottom {
  display: none;
}
/* line 332, ../scss/cmpbs.scss */
.front .view-project-carousels .field-content img {
  width: 100%;
}

/*prototype is body.page-taxonomy-term-4
policy is body.page-taxonomy-term-2
protocol is body.page-taxonomy-term-3*/
/* line 342, ../scss/cmpbs.scss */
div.pedagogy > a {
  display: inline-block;
  height: 28px;
  width: 74px;
  margin: 0px;
  text-indent: 9999px;
  white-space: nowrap;
  overflow: hidden;
  background: 0 0 no-repeat;
  float: left;
}

/* line 353, ../scss/cmpbs.scss */
div.pedagogy > a[href="/pedagogy/protocol"] {
  background-image: url(../images/protocol.png);
  background-repeat: no-repeat;
  background-position: center top;
}

/* line 359, ../scss/cmpbs.scss */
div.pedagogy > a[href="/pedagogy/policy"] {
  background: url(../images/policy.png);
  background-repeat: no-repeat;
  background-position: center top;
}

/* line 364, ../scss/cmpbs.scss */
div.pedagogy > a[href="/pedagogy/prototype"] {
  background: url(../images/prototype.png);
  background-repeat: no-repeat;
  background-position: center top;
}

/* line 369, ../scss/cmpbs.scss */
#pedagogy {
  background-image: url(../images/pedagogy-1.png);
  background-repeat: no-repeat;
  background-position: center top;
  margin: auto;
}

/* line 376, ../scss/cmpbs.scss */
#pedagogy td, #pedagogy tr, #pedagogy tbody {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}

/* line 382, ../scss/cmpbs.scss */
body.page-taxonomy-term-4 #proto-type {
  background: url(../images/prototype.png);
  background-repeat: no-repeat;
  background-position: right top;
}

/* line 387, ../scss/cmpbs.scss */
body.page-taxonomy-term-2 #poli-cy {
  background: url(../images/policy.png);
  background-repeat: no-repeat;
  background-position: center top;
}

/* line 392, ../scss/cmpbs.scss */
body.page-taxonomy-term-3 #proto-col {
  background: url(../images/protocol.png);
  background-repeat: no-repeat;
  background-position: left top;
}

/* line 400, ../scss/cmpbs.scss */
.date-day {
  float: left;
  font-size: 64px;
  line-height: .8em;
}

/* line 405, ../scss/cmpbs.scss */
.date-month {
  font-size: 24px;
  color: #C6C29E;
  line-height: .8em;
  text-transform: uppercase;
}

/* line 411, ../scss/cmpbs.scss */
.date-year {
  font-size: 38px;
  color: #C6C29E;
  line-height: 1em;
  font-weight: bold;
  line-height: .8em;
}

/* ------------------- Media queries ---------------------------- */
@media only screen and (min-width: 321px) {
  /* Mobile Layout: 480px and below. */
  /* line 424, ../scss/cmpbs.scss */
  #logo {
    padding: 10px;
    width: 65px;
  }
  /* line 427, ../scss/cmpbs.scss */
  #logo img {
    position: relative;
    top: 5px;
    left: 0;
  }

  /* line 435, ../scss/cmpbs.scss */
  #block-block-8 {
    z-index: 9999;
    position: absolute;
    width: 300px;
    left: 160px;
    top: 290px;
  }
}
@media only screen and (min-width: 481px) {
  /* Mobile Layout: 768px and below. */
  /* line 447, ../scss/cmpbs.scss */
  #logo {
    padding: 10px;
    width: 65px;
  }
  /* line 450, ../scss/cmpbs.scss */
  #logo img {
    position: relative;
    top: 5px;
    left: 0;
  }

  /* line 458, ../scss/cmpbs.scss */
  #block-block-8 {
    z-index: 9999;
    position: absolute;
    width: 300px;
    left: 320px;
    top: 380px;
  }
}
@media only screen and (min-width: 641px) {
  /* Mobile Layout: 768px and below. */
  /* line 470, ../scss/cmpbs.scss */
  #logo {
    padding: 10px;
    width: 65px;
  }
  /* line 473, ../scss/cmpbs.scss */
  #logo img {
    position: relative;
    top: 5px;
    left: 0;
  }

  /* line 481, ../scss/cmpbs.scss */
  #block-block-8 {
    z-index: 9999;
    position: absolute;
    width: 300px;
    left: 440px;
    top: 450px;
  }
}
@media only screen and (min-width: 769px) {
  /* line 494, ../scss/cmpbs.scss */
  .front #content .section {
    padding: 0;
    margin-top: -20px;
  }

  /* line 500, ../scss/cmpbs.scss */
  #logo {
    height: 1px;
    display: block;
    width: auto;
  }
  /* line 504, ../scss/cmpbs.scss */
  #logo img {
    width: 100%;
  }

  /* line 508, ../scss/cmpbs.scss */
  #block-search-form {
    display: block;
  }

  /* line 512, ../scss/cmpbs.scss */
  #menu-2167-1 {
    display: none;
  }

  /* line 516, ../scss/cmpbs.scss */
  #block-block-2 {
    display: block;
  }

  /* line 521, ../scss/cmpbs.scss */
  #block-block-8 {
    z-index: 9999;
    position: absolute;
    width: 300px;
    left: 260px;
    top: 380px;
  }

  /** menus **/
  /* line 530, ../scss/cmpbs.scss */
  ul.menu li {
    margin: 0;
  }
  /* line 532, ../scss/cmpbs.scss */
  ul.menu li a {
    text-transform: uppercase;
    color: #333333;
    padding: 0;
  }

  /* line 538, ../scss/cmpbs.scss */
  #block-superfish-1 {
    clear: both;
  }

  /* line 541, ../scss/cmpbs.scss */
  #superfish-1 {
    float: right;
  }
  /* line 543, ../scss/cmpbs.scss */
  #superfish-1 .menuparent li {
    background-color: #FFFFFF;
    padding: 6px;
  }
  /* line 547, ../scss/cmpbs.scss */
  #superfish-1 .drop-list {
    padding: 6px;
  }

  /* line 552, ../scss/cmpbs.scss */
  #block-block-11 {
    text-align: right;
    padding-top: 25px;
  }

  /** DS full content **/
  /* line 560, ../scss/cmpbs.scss */
  .ds-2col-stacked > .group-left,
  .ds-2col > .group-left {
    width: 50%;
    float: left;
  }
  /* line 563, ../scss/cmpbs.scss */
  .ds-2col-stacked > .group-left img,
  .ds-2col > .group-left img {
    width: 90%;
  }

  /* line 569, ../scss/cmpbs.scss */
  .ds-2col-stacked > .group-right,
  .ds-2col > .group-right {
    float: right;
    width: 50%;
    padding-left: 20px;
  }

  /* line 575, ../scss/cmpbs.scss */
  .grid {
    width: 24%;
    min-height: 6em;
    float: left;
    position: relative;
    padding-left: 1%;
    margin: 0 1% 1% 0;
    background-color: #dadada;
  }
}
@media all and (min-width: 851px) {
  /* line 595, ../scss/cmpbs.scss */
  #header div.section,
  #featured div.section,
  #messages div.section,
  #main,
  #triptych,
  #footer-columns,
  #footer {
    max-width: 1090px;
  }
}
@media all and (min-width: 1181px) {
  /* line 603, ../scss/cmpbs.scss */
  #block-block-8 {
    z-index: 9999;
    position: absolute;
    width: 300px;
    left: 280px;
    top: 420px;
  }

  /* line 612, ../scss/cmpbs.scss */
  .ds-2col > .group-left img {
    width: 100%;
  }
}