/* Layout CSS for: page.html.twig, generated: Mon, 11 Dec 17 17:41:45 -0500 */
html,
.dialog-off-canvas-main-canvas {
    background-color: white;
}
.page {
/*  display: flex;
  flex-flow: column; */
  width: 90%;
  max-width: 1800px;
  padding: 0 5%;
}

.l-pr {
  max-width: 84em;
  margin: auto;
}

.l-rw {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}

.l-r {
  flex: 0 0 auto;
  width: 100%;
}
.l-r,
.l-rw {
  display: unset;
}
.page-node-type--book .l-r,
.page-node-type--book .l-rw {
  display: flex;
  flex-wrap: wrap;
}
.l-header.l-row {
  z-index: 21;
  position: relative;
  top: 0;
}
.page-node-type--book .pr-main .hr--1-3 .l-r:first-child {
/*  display: none; */
}
@media all and (max-width: 960px) {
  .page-node-type--book nav.book-navigation {
    display: none;
  }
  .page {
    padding: 5%;
  }
}
/* Begin breakpoint: wide */
@media all and (min-width: 60.0625em) {

.l-leaderboard { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-header { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-navbar { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
.l-highlighted { -webkit-order: 3; -ms-flex-order: 3; order: 3; }
.l-features { -webkit-order: 4; -ms-flex-order: 4; order: 4; }
.l-content-prefix { -webkit-order: 5; -ms-flex-order: 5; order: 5; }
.l-main { -webkit-order: 6; -ms-flex-order: 6; order: 6; }
.l-content-suffix { -webkit-order: 7; -ms-flex-order: 7; order: 7; }
.l-subfeatures { -webkit-order: 8; -ms-flex-order: 8; order: 8; }
.l-footer { -webkit-order: 9; -ms-flex-order: 9; order: 9; }

.pr-main .hr--1-2 .l-r:first-child {
  width: 66.66667%;
  -ms-flex-order: 2;
      order: 2;
}
#rid-subfeatures-fourth {
  margin-left: -20px;
}
.pr-main .hr--1-2 .l-r:last-child {
  width: 33.33333%;
  -ms-flex-order: 1;
      order: 1;
}

.pr-main .hr--1-3 .l-r:first-child {
 /* width: 66.66667%;*/
  -ms-flex-order: 1;
      order: 1;
}
.page-node-type--book .pr-main .hr--1-3 .l-r:first-child {
  width: 66.66667%;
  -ms-flex-order: 1;
      order: 1;
  display: block;
}

.pr-main .hr--1-3 .l-r:last-child {
  width: 33.33333%;
  -ms-flex-order: 2;
      order: 2;
}

.pr-main .hr--2-3 .l-r {
  width: 50%;
}

.pr-main .arc--3 .l-r:first-child {
  width: 50%;
  -ms-flex-order: 2;
      order: 2;
}

.pr-main .arc--3 .l-r:nth-child(2) {
  width: 25%;
  -ms-flex-order: 1;
      order: 1;
}

.pr-main .arc--3 .l-r:last-child {
  width: 25%;
  -ms-flex-order: 3;
      order: 3;
}
/*
.pr-subfeatures .hr--2-3 .l-r {
  width: 75%;
}

.pr-subfeatures .hr--2-3 .l-r:last-child {
  width: 25%;
}

.pr-subfeatures .hr--1-2-3 .l-r:nth-child(2) {
  width: 75%;
}

.pr-subfeatures .hr--1-2-3 .l-r:last-child {
  width: 25%;
}

.pr-subfeatures .hr--2-3-4 .l-r:first-child {
  width: 75%;
}

.pr-subfeatures .hr--2-3-4 .l-r:nth-child(2) {
  width: 25%;
}

.pr-subfeatures .arc--4 .l-r:nth-child(2) {
  width: 75%;
}

.pr-subfeatures .arc--4 .l-r:nth-child(3) {
  width: 25%;
}
*/
}
/* End breakpoint */

/* Begin breakpoint: tabletisolate */
@media all and (min-width: 45.0625em) and (max-width: 60em) {

.l-leaderboard { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-header { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-navbar { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
.l-highlighted { -webkit-order: 3; -ms-flex-order: 3; order: 3; }
.l-features { -webkit-order: 4; -ms-flex-order: 4; order: 4; }
.l-content-prefix { -webkit-order: 5; -ms-flex-order: 5; order: 5; }
.l-main { -webkit-order: 6; -ms-flex-order: 6; order: 6; }
.l-content-suffix { -webkit-order: 7; -ms-flex-order: 7; order: 7; }
.l-subfeatures { -webkit-order: 8; -ms-flex-order: 8; order: 8; }
.l-footer { -webkit-order: 9; -ms-flex-order: 9; order: 9; }

}
/* End breakpoint */
.path-frontpage .l-leaderboard.l-row {
   width: 90%;
}

/* Begin breakpoint: mobile */
@media all and (max-width: 45em) {

.l-leaderboard { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-header { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.l-navbar { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
.l-highlighted { -webkit-order: 3; -ms-flex-order: 3; order: 3; }
.l-features { -webkit-order: 4; -ms-flex-order: 4; order: 4; }
.l-content-prefix { -webkit-order: 5; -ms-flex-order: 5; order: 5; }
.l-main { -webkit-order: 6; -ms-flex-order: 6; order: 6; }
.l-content-suffix { -webkit-order: 7; -ms-flex-order: 7; order: 7; }
.l-subfeatures { -webkit-order: 8; -ms-flex-order: 8; order: 8; }
.l-footer { -webkit-order: 9; -ms-flex-order: 9; order: 9; }
.l-subfeatures {
    display: grid;
    justify-items: center;
}
.path-frontpage .l-leaderboard.l-row {
   width: 100%;
}

}
/* End breakpoint */

.l-rw { max-width: unset; }
.l-attribution { -webkit-order: 100; -ms-flex-order: 100; order: 100 ;}
.rm-is-open .l-leaderboard { display: none; }
.l-leaderboard.l-row {
    max-width: 1600px;
    position: relative;
    margin: auto;
    z-index: 30;
}