You are here

classy_panel_styles.css in Classy Panel Styles 7

div[class*="bg"].panel-pane {
  padding: 10px;
  *zoom: 1;
}
div[class*="bg"].panel-pane:after {
  content: "";
  display: table;
  clear: both;
}
div[class*="bg"].panels-ipe-portlet-wrapper {
  padding: 10px;
  *zoom: 1;
}
div[class*="bg"].panels-ipe-portlet-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
div[class*="bg"].panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  border: 0;
  padding: 0;
}

.bg-one {
  background: #3B87D2;
  color: #fff;
}

.bg-two {
  background: #d2b83b;
  color: #333;
}

.bg-three {
  background: #d23b87;
  color: #fff;
}

.bg-four {
  background: #87d23b;
  color: #333;
}

.bg-five {
  background: #3bd23b;
  color: #fff;
}

.bg-white {
  background: #fff;
  color: #333;
}

.bg-black {
  background: #000;
  color: #fff;
}

.panel-pane img {
  max-width: 100%;
  height: auto;
}
.panel-pane .img-right .views-field {
  float: left;
  width: 50%;
}
.panel-pane .img-right .field-image.views-field {
  float: right;
}
.panel-pane .img-left .views-field {
  float: right;
  width: 50%;
}
.panel-pane .img-left .field-image.views-field {
  float: left;
}
.panel-pane .image-float-right img {
  float: right;
  margin: 0 0 15px 15px;
}
.panel-pane .image-float-left img {
  float: left;
  margin: 0 15px 15px 0;
}

.panels-ipe-portlet-wrapper img {
  max-width: 100%;
  height: auto;
}
.panels-ipe-portlet-wrapper .img-right .views-field {
  float: left;
  width: 50%;
}
.panels-ipe-portlet-wrapper .img-right .field-image.views-field {
  float: right;
}
.panels-ipe-portlet-wrapper .img-left .views-field {
  float: right;
  width: 50%;
}
.panels-ipe-portlet-wrapper .img-left .field-image.views-field {
  float: left;
}
.panels-ipe-portlet-wrapper .image-float-right img {
  float: right;
  margin: 0 0 15px 15px;
}
.panels-ipe-portlet-wrapper .image-float-left img {
  float: left;
  margin: 0 15px 15px 0;
}
.panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

.panel-separator {
  display: none;
}

#page #panels-dnd-main .region-1col .panel-pane,
#page .region-1col .panel-pane {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#page #panels-dnd-main .region-1col .panels-ipe-portlet-wrapper,
#page .region-1col .panels-ipe-portlet-wrapper {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#page #panels-dnd-main .region-1col .panels-ipe-portlet-wrapper .panel-pane,
#page .region-1col .panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#page #panels-dnd-main .region-2col .panel-pane,
#page #panels-dnd-main .three-quarters .region-2col .panel-pane,
#page .region-2col .panel-pane,
#page .three-quarters .region-2col .panel-pane {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-2col .panel-pane,
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane,
  #page .region-2col .panel-pane,
  #page .three-quarters .region-2col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(2),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(2),
  #page .region-2col .panel-pane:nth-child(2),
  #page .three-quarters .region-2col .panel-pane:nth-child(2) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(3),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(3),
  #page .region-2col .panel-pane:nth-child(3),
  #page .three-quarters .region-2col .panel-pane:nth-child(3) {
    clear: left;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(n + 5),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 5),
  #page .region-2col .panel-pane:nth-child(n + 5),
  #page .three-quarters .region-2col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(4),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(4),
  #page .region-2col .panel-pane:nth-child(4),
  #page .three-quarters .region-2col .panel-pane:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(5),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(5),
  #page .region-2col .panel-pane:nth-child(5),
  #page .three-quarters .region-2col .panel-pane:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(n + 9),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 9),
  #page .region-2col .panel-pane:nth-child(n + 9),
  #page .three-quarters .region-2col .panel-pane:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(6),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(6),
  #page .region-2col .panel-pane:nth-child(6),
  #page .three-quarters .region-2col .panel-pane:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(7),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(7),
  #page .region-2col .panel-pane:nth-child(7),
  #page .three-quarters .region-2col .panel-pane:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(n + 13),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 13),
  #page .region-2col .panel-pane:nth-child(n + 13),
  #page .three-quarters .region-2col .panel-pane:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(8),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(8),
  #page .region-2col .panel-pane:nth-child(8),
  #page .three-quarters .region-2col .panel-pane:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(9),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(9),
  #page .region-2col .panel-pane:nth-child(9),
  #page .three-quarters .region-2col .panel-pane:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-2col .panel-pane:nth-child(n + 17),
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 17),
  #page .region-2col .panel-pane:nth-child(n + 17),
  #page .three-quarters .region-2col .panel-pane:nth-child(n + 17) {
    margin-top: 20px;
  }
}
#page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper,
#page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper,
#page .region-2col .panels-ipe-portlet-wrapper,
#page .three-quarters .region-2col .panels-ipe-portlet-wrapper {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper,
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper,
  #page .region-2col .panels-ipe-portlet-wrapper,
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(2),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(2),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(2),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(2) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(3),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(3),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(3),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(3) {
    clear: left;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(4),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(5),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(6),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(6),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(6),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(7),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(7),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(7),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(8),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(9),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  #page .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
    margin-top: 20px;
  }
}
#page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper .panel-pane,
#page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper .panel-pane,
#page .region-2col .panels-ipe-portlet-wrapper .panel-pane,
#page .three-quarters .region-2col .panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#page #panels-dnd-main .three-quarters .region-2col .panel-pane,
#page .three-quarters .region-2col .panel-pane {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 63.8125em) {
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane,
  #page .three-quarters .region-2col .panel-pane {
    clear: both;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 63.8125em) and (min-width: 37.5em) {
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane,
  #page .three-quarters .region-2col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(2),
  #page .three-quarters .region-2col .panel-pane:nth-child(2) {
    margin-right: 0;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(3),
  #page .three-quarters .region-2col .panel-pane:nth-child(3) {
    clear: left;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 5),
  #page .three-quarters .region-2col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(4),
  #page .three-quarters .region-2col .panel-pane:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(5),
  #page .three-quarters .region-2col .panel-pane:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 9),
  #page .three-quarters .region-2col .panel-pane:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(6),
  #page .three-quarters .region-2col .panel-pane:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(7),
  #page .three-quarters .region-2col .panel-pane:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 13),
  #page .three-quarters .region-2col .panel-pane:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(8),
  #page .three-quarters .region-2col .panel-pane:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(9),
  #page .three-quarters .region-2col .panel-pane:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 17),
  #page .three-quarters .region-2col .panel-pane:nth-child(n + 17) {
    margin-top: 20px;
  }
}

#page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper,
#page .three-quarters .region-2col .panels-ipe-portlet-wrapper {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 63.8125em) {
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper,
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper {
    clear: both;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 63.8125em) and (min-width: 37.5em) {
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper,
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(2),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(2) {
    margin-right: 0;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(3),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(3) {
    clear: left;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(6),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(7),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
    margin-top: 20px;
  }
}

#page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper .panel-pane,
#page .three-quarters .region-2col .panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#page #panels-dnd-main .region-2col-1x3 .panel-pane,
#page .region-2col-1x3 .panel-pane {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-2col-1x3 .panel-pane,
  #page .region-2col-1x3 .panel-pane {
    margin-right: 15px;
    float: left;
    clear: none;
    max-width: 100%;
    width: calc((100% / 2) - 15px);
    margin-left: 0;
  }
  #page #panels-dnd-main .region-2col-1x3 .panel-pane:nth-child(n + 2),
  #page .region-2col-1x3 .panel-pane:nth-child(n + 2) {
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 0;
    clear: right;
    float: right;
  }
  #page #panels-dnd-main .region-2col-1x3 .panel-pane:nth-child(n + 3),
  #page .region-2col-1x3 .panel-pane:nth-child(n + 3) {
    margin-top: 0;
  }
}
#page #panels-dnd-main .region-2col-1x3 .panels-ipe-portlet-wrapper,
#page .region-2col-1x3 .panels-ipe-portlet-wrapper {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-2col-1x3 .panels-ipe-portlet-wrapper,
  #page .region-2col-1x3 .panels-ipe-portlet-wrapper {
    margin-right: 15px;
    float: left;
    clear: none;
    max-width: 100%;
    width: calc((100% / 2) - 15px);
    margin-left: 0;
  }
  #page #panels-dnd-main .region-2col-1x3 .panels-ipe-portlet-wrapper:nth-child(n + 2),
  #page .region-2col-1x3 .panels-ipe-portlet-wrapper:nth-child(n + 2) {
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 0;
    clear: right;
    float: right;
  }
  #page #panels-dnd-main .region-2col-1x3 .panels-ipe-portlet-wrapper:nth-child(n + 3),
  #page .region-2col-1x3 .panels-ipe-portlet-wrapper:nth-child(n + 3) {
    margin-top: 0;
  }
}
#page #panels-dnd-main .region-2col-1x3 .panels-ipe-portlet-wrapper .panel-pane,
#page .region-2col-1x3 .panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#page #panels-dnd-main .region-1col-2col .region-inner,
#page .region-1col-2col .region-inner {
  display: flex;
  flex-wrap: wrap;
}
#page #panels-dnd-main .region-1col-2col .panel-pane,
#page .region-1col-2col .panel-pane {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-1col-2col .panel-pane,
  #page .region-1col-2col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(1),
  #page .region-1col-2col .panel-pane:nth-child(1) {
    width: 100%;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(n+2),
  #page .region-1col-2col .panel-pane:nth-child(n+2) {
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(3),
  #page .region-1col-2col .panel-pane:nth-child(3) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(4),
  #page .region-1col-2col .panel-pane:nth-child(4) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(n + 2),
  #page .region-1col-2col .panel-pane:nth-child(n + 2) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(5),
  #page .region-1col-2col .panel-pane:nth-child(5) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(6),
  #page .region-1col-2col .panel-pane:nth-child(6) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(n + 3),
  #page .region-1col-2col .panel-pane:nth-child(n + 3) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(7),
  #page .region-1col-2col .panel-pane:nth-child(7) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(8),
  #page .region-1col-2col .panel-pane:nth-child(8) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(n + 4),
  #page .region-1col-2col .panel-pane:nth-child(n + 4) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(9),
  #page .region-1col-2col .panel-pane:nth-child(9) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(10),
  #page .region-1col-2col .panel-pane:nth-child(10) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(n + 5),
  #page .region-1col-2col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
}
#page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper,
#page .region-1col-2col .panels-ipe-portlet-wrapper {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper,
  #page .region-1col-2col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(1),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(1) {
    width: 100%;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n+2),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n+2) {
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(3),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(3) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(4) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 2),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 2) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(5) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(6),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(6) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 3),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 3) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(7),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(7) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(8) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 4),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 4) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(9) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(10),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(10) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
}
#page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper .panel-pane,
#page .region-1col-2col .panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#page #panels-dnd-main .region-3col .region-inner,
#page .region-3col .region-inner {
  display: flex;
  flex-wrap: wrap;
}
#page #panels-dnd-main .region-3col .panel-pane,
#page .region-3col .panel-pane {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-3col .panel-pane,
  #page .region-3col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 3) - 15px);
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(3),
  #page .region-3col .panel-pane:nth-child(3) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(4),
  #page .region-3col .panel-pane:nth-child(4) {
    clear: left;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(n + 5),
  #page .region-3col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(6),
  #page .region-3col .panel-pane:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(7),
  #page .region-3col .panel-pane:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(n + 9),
  #page .region-3col .panel-pane:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(9),
  #page .region-3col .panel-pane:nth-child(9) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(10),
  #page .region-3col .panel-pane:nth-child(10) {
    clear: left;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(n + 13),
  #page .region-3col .panel-pane:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(12),
  #page .region-3col .panel-pane:nth-child(12) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(13),
  #page .region-3col .panel-pane:nth-child(13) {
    clear: left;
  }
  #page #panels-dnd-main .region-3col .panel-pane:nth-child(n + 17),
  #page .region-3col .panel-pane:nth-child(n + 17) {
    margin-top: 20px;
  }
}
#page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper,
#page .region-3col .panels-ipe-portlet-wrapper {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper,
  #page .region-3col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 3) - 15px);
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(3),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(3) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(4) {
    clear: left;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(6),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(7),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(9) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(10),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(10) {
    clear: left;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(12),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(12) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(13),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(13) {
    clear: left;
  }
  #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  #page .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
    margin-top: 20px;
  }
}
#page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper .panel-pane,
#page .region-3col .panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#page #panels-dnd-main .region-1col-3col .region-inner,
#page .region-1col-3col .region-inner {
  display: flex;
  flex-wrap: wrap;
}
#page #panels-dnd-main .region-1col-3col .panel-pane,
#page .region-1col-3col .panel-pane {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 18.75em) and (max-width: 37.4375em) {
  #page #panels-dnd-main .region-1col-3col .panel-pane,
  #page .region-1col-3col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(1),
  #page .region-1col-3col .panel-pane:nth-child(1) {
    width: 100%;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n+2),
  #page .region-1col-3col .panel-pane:nth-child(n+2) {
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(3),
  #page .region-1col-3col .panel-pane:nth-child(3) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(4),
  #page .region-1col-3col .panel-pane:nth-child(4) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 2),
  #page .region-1col-3col .panel-pane:nth-child(n + 2) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(5),
  #page .region-1col-3col .panel-pane:nth-child(5) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(6),
  #page .region-1col-3col .panel-pane:nth-child(6) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 3),
  #page .region-1col-3col .panel-pane:nth-child(n + 3) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(7),
  #page .region-1col-3col .panel-pane:nth-child(7) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(8),
  #page .region-1col-3col .panel-pane:nth-child(8) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 4),
  #page .region-1col-3col .panel-pane:nth-child(n + 4) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(9),
  #page .region-1col-3col .panel-pane:nth-child(9) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(10),
  #page .region-1col-3col .panel-pane:nth-child(10) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 5),
  #page .region-1col-3col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-1col-3col .panel-pane,
  #page .region-1col-3col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(1),
  #page .region-1col-3col .panel-pane:nth-child(1) {
    width: 100%;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n+2),
  #page .region-1col-3col .panel-pane:nth-child(n+2) {
    width: calc((100% / 3) - 15px);
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(4),
  #page .region-1col-3col .panel-pane:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(5),
  #page .region-1col-3col .panel-pane:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 2),
  #page .region-1col-3col .panel-pane:nth-child(n + 2) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(7),
  #page .region-1col-3col .panel-pane:nth-child(7) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(8),
  #page .region-1col-3col .panel-pane:nth-child(8) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 3),
  #page .region-1col-3col .panel-pane:nth-child(n + 3) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(10),
  #page .region-1col-3col .panel-pane:nth-child(10) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(11),
  #page .region-1col-3col .panel-pane:nth-child(11) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 4),
  #page .region-1col-3col .panel-pane:nth-child(n + 4) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(13),
  #page .region-1col-3col .panel-pane:nth-child(13) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(14),
  #page .region-1col-3col .panel-pane:nth-child(14) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 5),
  #page .region-1col-3col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
}
#page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper,
#page .region-1col-3col .panels-ipe-portlet-wrapper {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 18.75em) and (max-width: 37.4375em) {
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper,
  #page .region-1col-3col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(1),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(1) {
    width: 100%;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n+2),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n+2) {
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(3),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(3) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(4) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 2),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 2) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(5) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(6),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(6) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 3),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 3) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(7),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(7) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(8) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 4),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 4) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(9) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(10),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(10) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper,
  #page .region-1col-3col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(1),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(1) {
    width: 100%;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n+2),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n+2) {
    width: calc((100% / 3) - 15px);
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 2),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 2) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(7),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(7) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(8) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 3),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 3) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(10),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(10) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(11),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(11) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 4),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 4) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(13),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(13) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(14),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(14) {
    clear: left;
  }
  #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
}
#page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper .panel-pane,
#page .region-1col-3col .panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#page #panels-dnd-main .region-4col .region-inner,
#page .region-4col .region-inner {
  display: flex;
  flex-wrap: wrap;
}
#page #panels-dnd-main .region-4col .panel-pane,
#page .region-4col .panel-pane {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 18.75em) and (max-width: 37.4375em) {
  #page #panels-dnd-main .region-4col .panel-pane,
  #page .region-4col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(2),
  #page .region-4col .panel-pane:nth-child(2) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(3),
  #page .region-4col .panel-pane:nth-child(3) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 5),
  #page .region-4col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(4),
  #page .region-4col .panel-pane:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(5),
  #page .region-4col .panel-pane:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 9),
  #page .region-4col .panel-pane:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(6),
  #page .region-4col .panel-pane:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(7),
  #page .region-4col .panel-pane:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 13),
  #page .region-4col .panel-pane:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(8),
  #page .region-4col .panel-pane:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(9),
  #page .region-4col .panel-pane:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 17),
  #page .region-4col .panel-pane:nth-child(n + 17) {
    margin-top: 20px;
  }
}
@media (min-width: 37.5em) and (max-width: 56.25em) {
  #page #panels-dnd-main .region-4col .panel-pane,
  #page .region-4col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 4) - 16px);
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(4),
  #page .region-4col .panel-pane:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(5),
  #page .region-4col .panel-pane:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 5),
  #page .region-4col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(8),
  #page .region-4col .panel-pane:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(9),
  #page .region-4col .panel-pane:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 9),
  #page .region-4col .panel-pane:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(12),
  #page .region-4col .panel-pane:nth-child(12) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(13),
  #page .region-4col .panel-pane:nth-child(13) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 13),
  #page .region-4col .panel-pane:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(16),
  #page .region-4col .panel-pane:nth-child(16) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(17),
  #page .region-4col .panel-pane:nth-child(17) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 17),
  #page .region-4col .panel-pane:nth-child(n + 17) {
    margin-top: 20px;
  }
}
#page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper,
#page .region-4col .panels-ipe-portlet-wrapper {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 18.75em) and (max-width: 37.4375em) {
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper,
  #page .region-4col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(2),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(2) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(3),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(3) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(6),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(7),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
    margin-top: 20px;
  }
}
@media (min-width: 37.5em) and (max-width: 56.25em) {
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper,
  #page .region-4col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 4) - 16px);
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(12),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(12) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(13),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(13) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(16),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(16) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(17),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(17) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
    margin-top: 20px;
  }
}
#page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper .panel-pane,
#page .region-4col .panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane,
#page .region-4col .three-quarters .region-4col .panel-pane {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane,
  #page .region-4col .three-quarters .region-4col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(2),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(2) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(3),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(3) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(4),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(5),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(6),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(7),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(8),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(9),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17) {
    margin-top: 20px;
  }
}
@media (min-width: 63.8125em) {
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane,
  #page .region-4col .three-quarters .region-4col .panel-pane {
    clear: both;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 63.8125em) and (min-width: 18.75em) and (max-width: 37.4375em) {
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane,
  #page .region-4col .three-quarters .region-4col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(2),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(2) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(3),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(3) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(4),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(5),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(6),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(7),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(8),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(9),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17) {
    margin-top: 20px;
  }
}
@media (min-width: 63.8125em) and (min-width: 37.5em) and (max-width: 56.25em) {
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane,
  #page .region-4col .three-quarters .region-4col .panel-pane {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 4) - 16px);
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(4),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(5),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(8),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(9),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(12),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(12) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(13),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(13) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(16),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(16) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(17),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(17) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17),
  #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17) {
    margin-top: 20px;
  }
}

#page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper,
#page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 37.5em) {
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper,
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(2),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(2) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(3),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(3) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(6),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(7),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
    margin-top: 20px;
  }
}
@media (min-width: 63.8125em) {
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper,
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper {
    clear: both;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 63.8125em) and (min-width: 18.75em) and (max-width: 37.4375em) {
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper,
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 2) - 11px);
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(2),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(2) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(3),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(3) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(6),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(6) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(7),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(7) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
    margin-top: 20px;
  }
}
@media (min-width: 63.8125em) and (min-width: 37.5em) and (max-width: 56.25em) {
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper,
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper {
    margin-right: 20px;
    clear: none;
    max-width: 100%;
    float: left;
    width: calc((100% / 4) - 16px);
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(12),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(12) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(13),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(13) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
    margin-top: 20px;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(16),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(16) {
    margin-right: 0;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(17),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(17) {
    clear: left;
  }
  #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
    margin-top: 20px;
  }
}

#page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper .panel-pane,
#page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#page #panels-dnd-main .no-padding,
#page .no-padding {
  padding: 0;
}
#page #panels-dnd-main .double-padding,
#page .double-padding {
  padding: 30px;
}
#page #panels-dnd-main .no-margin,
#page .no-margin {
  margin: 0;
}
#page #panels-dnd-main .no-margin-top,
#page .no-margin-top {
  margin-top: 0;
}
#page #panels-dnd-main .no-padding-no-margin,
#page .no-padding-no-margin {
  margin: 0;
  padding: 0;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.panel-pane .text-columns-4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}
.panel-pane .text-columns-3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}
.panel-pane .text-columns-2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

.panels-ipe-portlet-wrapper .text-columns-4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}
.panels-ipe-portlet-wrapper .text-columns-3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}
.panels-ipe-portlet-wrapper .text-columns-2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}
.panels-ipe-portlet-wrapper .panel-pane {
  width: 100% !important;
  margin: 0;
  padding: 0;
}

File

cps_example/styles/css/classy_panel_styles.css
View source
  1. div[class*="bg"].panel-pane {
  2. padding: 10px;
  3. *zoom: 1;
  4. }
  5. div[class*="bg"].panel-pane:after {
  6. content: "";
  7. display: table;
  8. clear: both;
  9. }
  10. div[class*="bg"].panels-ipe-portlet-wrapper {
  11. padding: 10px;
  12. *zoom: 1;
  13. }
  14. div[class*="bg"].panels-ipe-portlet-wrapper:after {
  15. content: "";
  16. display: table;
  17. clear: both;
  18. }
  19. div[class*="bg"].panels-ipe-portlet-wrapper .panel-pane {
  20. width: 100% !important;
  21. margin: 0;
  22. border: 0;
  23. padding: 0;
  24. }
  25. .bg-one {
  26. background: #3B87D2;
  27. color: #fff;
  28. }
  29. .bg-two {
  30. background: #d2b83b;
  31. color: #333;
  32. }
  33. .bg-three {
  34. background: #d23b87;
  35. color: #fff;
  36. }
  37. .bg-four {
  38. background: #87d23b;
  39. color: #333;
  40. }
  41. .bg-five {
  42. background: #3bd23b;
  43. color: #fff;
  44. }
  45. .bg-white {
  46. background: #fff;
  47. color: #333;
  48. }
  49. .bg-black {
  50. background: #000;
  51. color: #fff;
  52. }
  53. .panel-pane img {
  54. max-width: 100%;
  55. height: auto;
  56. }
  57. .panel-pane .img-right .views-field {
  58. float: left;
  59. width: 50%;
  60. }
  61. .panel-pane .img-right .field-image.views-field {
  62. float: right;
  63. }
  64. .panel-pane .img-left .views-field {
  65. float: right;
  66. width: 50%;
  67. }
  68. .panel-pane .img-left .field-image.views-field {
  69. float: left;
  70. }
  71. .panel-pane .image-float-right img {
  72. float: right;
  73. margin: 0 0 15px 15px;
  74. }
  75. .panel-pane .image-float-left img {
  76. float: left;
  77. margin: 0 15px 15px 0;
  78. }
  79. .panels-ipe-portlet-wrapper img {
  80. max-width: 100%;
  81. height: auto;
  82. }
  83. .panels-ipe-portlet-wrapper .img-right .views-field {
  84. float: left;
  85. width: 50%;
  86. }
  87. .panels-ipe-portlet-wrapper .img-right .field-image.views-field {
  88. float: right;
  89. }
  90. .panels-ipe-portlet-wrapper .img-left .views-field {
  91. float: right;
  92. width: 50%;
  93. }
  94. .panels-ipe-portlet-wrapper .img-left .field-image.views-field {
  95. float: left;
  96. }
  97. .panels-ipe-portlet-wrapper .image-float-right img {
  98. float: right;
  99. margin: 0 0 15px 15px;
  100. }
  101. .panels-ipe-portlet-wrapper .image-float-left img {
  102. float: left;
  103. margin: 0 15px 15px 0;
  104. }
  105. .panels-ipe-portlet-wrapper .panel-pane {
  106. width: 100% !important;
  107. margin: 0;
  108. padding: 0;
  109. }
  110. * {
  111. box-sizing: border-box;
  112. }
  113. .panel-separator {
  114. display: none;
  115. }
  116. #page #panels-dnd-main .region-1col .panel-pane,
  117. #page .region-1col .panel-pane {
  118. clear: both;
  119. width: 100%;
  120. margin-left: auto;
  121. margin-right: auto;
  122. }
  123. #page #panels-dnd-main .region-1col .panels-ipe-portlet-wrapper,
  124. #page .region-1col .panels-ipe-portlet-wrapper {
  125. clear: both;
  126. width: 100%;
  127. margin-left: auto;
  128. margin-right: auto;
  129. }
  130. #page #panels-dnd-main .region-1col .panels-ipe-portlet-wrapper .panel-pane,
  131. #page .region-1col .panels-ipe-portlet-wrapper .panel-pane {
  132. width: 100% !important;
  133. margin: 0;
  134. padding: 0;
  135. }
  136. #page #panels-dnd-main .region-2col .panel-pane,
  137. #page #panels-dnd-main .three-quarters .region-2col .panel-pane,
  138. #page .region-2col .panel-pane,
  139. #page .three-quarters .region-2col .panel-pane {
  140. clear: both;
  141. width: 100%;
  142. margin-left: auto;
  143. margin-right: auto;
  144. }
  145. @media (min-width: 37.5em) {
  146. #page #panels-dnd-main .region-2col .panel-pane,
  147. #page #panels-dnd-main .three-quarters .region-2col .panel-pane,
  148. #page .region-2col .panel-pane,
  149. #page .three-quarters .region-2col .panel-pane {
  150. margin-right: 20px;
  151. clear: none;
  152. max-width: 100%;
  153. float: left;
  154. width: calc((100% / 2) - 11px);
  155. }
  156. #page #panels-dnd-main .region-2col .panel-pane:nth-child(2),
  157. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(2),
  158. #page .region-2col .panel-pane:nth-child(2),
  159. #page .three-quarters .region-2col .panel-pane:nth-child(2) {
  160. margin-right: 0;
  161. }
  162. #page #panels-dnd-main .region-2col .panel-pane:nth-child(3),
  163. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(3),
  164. #page .region-2col .panel-pane:nth-child(3),
  165. #page .three-quarters .region-2col .panel-pane:nth-child(3) {
  166. clear: left;
  167. }
  168. #page #panels-dnd-main .region-2col .panel-pane:nth-child(n + 5),
  169. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 5),
  170. #page .region-2col .panel-pane:nth-child(n + 5),
  171. #page .three-quarters .region-2col .panel-pane:nth-child(n + 5) {
  172. margin-top: 20px;
  173. }
  174. #page #panels-dnd-main .region-2col .panel-pane:nth-child(4),
  175. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(4),
  176. #page .region-2col .panel-pane:nth-child(4),
  177. #page .three-quarters .region-2col .panel-pane:nth-child(4) {
  178. margin-right: 0;
  179. }
  180. #page #panels-dnd-main .region-2col .panel-pane:nth-child(5),
  181. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(5),
  182. #page .region-2col .panel-pane:nth-child(5),
  183. #page .three-quarters .region-2col .panel-pane:nth-child(5) {
  184. clear: left;
  185. }
  186. #page #panels-dnd-main .region-2col .panel-pane:nth-child(n + 9),
  187. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 9),
  188. #page .region-2col .panel-pane:nth-child(n + 9),
  189. #page .three-quarters .region-2col .panel-pane:nth-child(n + 9) {
  190. margin-top: 20px;
  191. }
  192. #page #panels-dnd-main .region-2col .panel-pane:nth-child(6),
  193. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(6),
  194. #page .region-2col .panel-pane:nth-child(6),
  195. #page .three-quarters .region-2col .panel-pane:nth-child(6) {
  196. margin-right: 0;
  197. }
  198. #page #panels-dnd-main .region-2col .panel-pane:nth-child(7),
  199. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(7),
  200. #page .region-2col .panel-pane:nth-child(7),
  201. #page .three-quarters .region-2col .panel-pane:nth-child(7) {
  202. clear: left;
  203. }
  204. #page #panels-dnd-main .region-2col .panel-pane:nth-child(n + 13),
  205. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 13),
  206. #page .region-2col .panel-pane:nth-child(n + 13),
  207. #page .three-quarters .region-2col .panel-pane:nth-child(n + 13) {
  208. margin-top: 20px;
  209. }
  210. #page #panels-dnd-main .region-2col .panel-pane:nth-child(8),
  211. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(8),
  212. #page .region-2col .panel-pane:nth-child(8),
  213. #page .three-quarters .region-2col .panel-pane:nth-child(8) {
  214. margin-right: 0;
  215. }
  216. #page #panels-dnd-main .region-2col .panel-pane:nth-child(9),
  217. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(9),
  218. #page .region-2col .panel-pane:nth-child(9),
  219. #page .three-quarters .region-2col .panel-pane:nth-child(9) {
  220. clear: left;
  221. }
  222. #page #panels-dnd-main .region-2col .panel-pane:nth-child(n + 17),
  223. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 17),
  224. #page .region-2col .panel-pane:nth-child(n + 17),
  225. #page .three-quarters .region-2col .panel-pane:nth-child(n + 17) {
  226. margin-top: 20px;
  227. }
  228. }
  229. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper,
  230. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper,
  231. #page .region-2col .panels-ipe-portlet-wrapper,
  232. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper {
  233. clear: both;
  234. width: 100%;
  235. margin-left: auto;
  236. margin-right: auto;
  237. }
  238. @media (min-width: 37.5em) {
  239. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper,
  240. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper,
  241. #page .region-2col .panels-ipe-portlet-wrapper,
  242. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper {
  243. margin-right: 20px;
  244. clear: none;
  245. max-width: 100%;
  246. float: left;
  247. width: calc((100% / 2) - 11px);
  248. }
  249. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(2),
  250. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(2),
  251. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(2),
  252. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(2) {
  253. margin-right: 0;
  254. }
  255. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(3),
  256. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(3),
  257. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(3),
  258. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(3) {
  259. clear: left;
  260. }
  261. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  262. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  263. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  264. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  265. margin-top: 20px;
  266. }
  267. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(4),
  268. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(4),
  269. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(4),
  270. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(4) {
  271. margin-right: 0;
  272. }
  273. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(5),
  274. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(5),
  275. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(5),
  276. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(5) {
  277. clear: left;
  278. }
  279. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  280. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  281. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  282. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
  283. margin-top: 20px;
  284. }
  285. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(6),
  286. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(6),
  287. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(6),
  288. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(6) {
  289. margin-right: 0;
  290. }
  291. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(7),
  292. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(7),
  293. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(7),
  294. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(7) {
  295. clear: left;
  296. }
  297. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  298. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  299. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  300. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
  301. margin-top: 20px;
  302. }
  303. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(8),
  304. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(8),
  305. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(8),
  306. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(8) {
  307. margin-right: 0;
  308. }
  309. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(9),
  310. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(9),
  311. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(9),
  312. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(9) {
  313. clear: left;
  314. }
  315. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  316. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  317. #page .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  318. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
  319. margin-top: 20px;
  320. }
  321. }
  322. #page #panels-dnd-main .region-2col .panels-ipe-portlet-wrapper .panel-pane,
  323. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper .panel-pane,
  324. #page .region-2col .panels-ipe-portlet-wrapper .panel-pane,
  325. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper .panel-pane {
  326. width: 100% !important;
  327. margin: 0;
  328. padding: 0;
  329. }
  330. #page #panels-dnd-main .three-quarters .region-2col .panel-pane,
  331. #page .three-quarters .region-2col .panel-pane {
  332. clear: both;
  333. width: 100%;
  334. margin-left: auto;
  335. margin-right: auto;
  336. }
  337. @media (min-width: 63.8125em) {
  338. #page #panels-dnd-main .three-quarters .region-2col .panel-pane,
  339. #page .three-quarters .region-2col .panel-pane {
  340. clear: both;
  341. width: 100%;
  342. margin-left: auto;
  343. margin-right: auto;
  344. }
  345. }
  346. @media (min-width: 63.8125em) and (min-width: 37.5em) {
  347. #page #panels-dnd-main .three-quarters .region-2col .panel-pane,
  348. #page .three-quarters .region-2col .panel-pane {
  349. margin-right: 20px;
  350. clear: none;
  351. max-width: 100%;
  352. float: left;
  353. width: calc((100% / 2) - 11px);
  354. }
  355. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(2),
  356. #page .three-quarters .region-2col .panel-pane:nth-child(2) {
  357. margin-right: 0;
  358. }
  359. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(3),
  360. #page .three-quarters .region-2col .panel-pane:nth-child(3) {
  361. clear: left;
  362. }
  363. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 5),
  364. #page .three-quarters .region-2col .panel-pane:nth-child(n + 5) {
  365. margin-top: 20px;
  366. }
  367. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(4),
  368. #page .three-quarters .region-2col .panel-pane:nth-child(4) {
  369. margin-right: 0;
  370. }
  371. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(5),
  372. #page .three-quarters .region-2col .panel-pane:nth-child(5) {
  373. clear: left;
  374. }
  375. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 9),
  376. #page .three-quarters .region-2col .panel-pane:nth-child(n + 9) {
  377. margin-top: 20px;
  378. }
  379. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(6),
  380. #page .three-quarters .region-2col .panel-pane:nth-child(6) {
  381. margin-right: 0;
  382. }
  383. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(7),
  384. #page .three-quarters .region-2col .panel-pane:nth-child(7) {
  385. clear: left;
  386. }
  387. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 13),
  388. #page .three-quarters .region-2col .panel-pane:nth-child(n + 13) {
  389. margin-top: 20px;
  390. }
  391. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(8),
  392. #page .three-quarters .region-2col .panel-pane:nth-child(8) {
  393. margin-right: 0;
  394. }
  395. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(9),
  396. #page .three-quarters .region-2col .panel-pane:nth-child(9) {
  397. clear: left;
  398. }
  399. #page #panels-dnd-main .three-quarters .region-2col .panel-pane:nth-child(n + 17),
  400. #page .three-quarters .region-2col .panel-pane:nth-child(n + 17) {
  401. margin-top: 20px;
  402. }
  403. }
  404. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper,
  405. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper {
  406. clear: both;
  407. width: 100%;
  408. margin-left: auto;
  409. margin-right: auto;
  410. }
  411. @media (min-width: 63.8125em) {
  412. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper,
  413. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper {
  414. clear: both;
  415. width: 100%;
  416. margin-left: auto;
  417. margin-right: auto;
  418. }
  419. }
  420. @media (min-width: 63.8125em) and (min-width: 37.5em) {
  421. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper,
  422. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper {
  423. margin-right: 20px;
  424. clear: none;
  425. max-width: 100%;
  426. float: left;
  427. width: calc((100% / 2) - 11px);
  428. }
  429. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(2),
  430. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(2) {
  431. margin-right: 0;
  432. }
  433. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(3),
  434. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(3) {
  435. clear: left;
  436. }
  437. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  438. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  439. margin-top: 20px;
  440. }
  441. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(4),
  442. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(4) {
  443. margin-right: 0;
  444. }
  445. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(5),
  446. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(5) {
  447. clear: left;
  448. }
  449. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  450. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
  451. margin-top: 20px;
  452. }
  453. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(6),
  454. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(6) {
  455. margin-right: 0;
  456. }
  457. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(7),
  458. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(7) {
  459. clear: left;
  460. }
  461. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  462. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
  463. margin-top: 20px;
  464. }
  465. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(8),
  466. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(8) {
  467. margin-right: 0;
  468. }
  469. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(9),
  470. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(9) {
  471. clear: left;
  472. }
  473. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  474. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
  475. margin-top: 20px;
  476. }
  477. }
  478. #page #panels-dnd-main .three-quarters .region-2col .panels-ipe-portlet-wrapper .panel-pane,
  479. #page .three-quarters .region-2col .panels-ipe-portlet-wrapper .panel-pane {
  480. width: 100% !important;
  481. margin: 0;
  482. padding: 0;
  483. }
  484. #page #panels-dnd-main .region-2col-1x3 .panel-pane,
  485. #page .region-2col-1x3 .panel-pane {
  486. clear: both;
  487. width: 100%;
  488. margin-left: auto;
  489. margin-right: auto;
  490. }
  491. @media (min-width: 37.5em) {
  492. #page #panels-dnd-main .region-2col-1x3 .panel-pane,
  493. #page .region-2col-1x3 .panel-pane {
  494. margin-right: 15px;
  495. float: left;
  496. clear: none;
  497. max-width: 100%;
  498. width: calc((100% / 2) - 15px);
  499. margin-left: 0;
  500. }
  501. #page #panels-dnd-main .region-2col-1x3 .panel-pane:nth-child(n + 2),
  502. #page .region-2col-1x3 .panel-pane:nth-child(n + 2) {
  503. margin-top: 15px;
  504. margin-bottom: 0;
  505. margin-left: 0;
  506. clear: right;
  507. float: right;
  508. }
  509. #page #panels-dnd-main .region-2col-1x3 .panel-pane:nth-child(n + 3),
  510. #page .region-2col-1x3 .panel-pane:nth-child(n + 3) {
  511. margin-top: 0;
  512. }
  513. }
  514. #page #panels-dnd-main .region-2col-1x3 .panels-ipe-portlet-wrapper,
  515. #page .region-2col-1x3 .panels-ipe-portlet-wrapper {
  516. clear: both;
  517. width: 100%;
  518. margin-left: auto;
  519. margin-right: auto;
  520. }
  521. @media (min-width: 37.5em) {
  522. #page #panels-dnd-main .region-2col-1x3 .panels-ipe-portlet-wrapper,
  523. #page .region-2col-1x3 .panels-ipe-portlet-wrapper {
  524. margin-right: 15px;
  525. float: left;
  526. clear: none;
  527. max-width: 100%;
  528. width: calc((100% / 2) - 15px);
  529. margin-left: 0;
  530. }
  531. #page #panels-dnd-main .region-2col-1x3 .panels-ipe-portlet-wrapper:nth-child(n + 2),
  532. #page .region-2col-1x3 .panels-ipe-portlet-wrapper:nth-child(n + 2) {
  533. margin-top: 15px;
  534. margin-bottom: 0;
  535. margin-left: 0;
  536. clear: right;
  537. float: right;
  538. }
  539. #page #panels-dnd-main .region-2col-1x3 .panels-ipe-portlet-wrapper:nth-child(n + 3),
  540. #page .region-2col-1x3 .panels-ipe-portlet-wrapper:nth-child(n + 3) {
  541. margin-top: 0;
  542. }
  543. }
  544. #page #panels-dnd-main .region-2col-1x3 .panels-ipe-portlet-wrapper .panel-pane,
  545. #page .region-2col-1x3 .panels-ipe-portlet-wrapper .panel-pane {
  546. width: 100% !important;
  547. margin: 0;
  548. padding: 0;
  549. }
  550. #page #panels-dnd-main .region-1col-2col .region-inner,
  551. #page .region-1col-2col .region-inner {
  552. display: flex;
  553. flex-wrap: wrap;
  554. }
  555. #page #panels-dnd-main .region-1col-2col .panel-pane,
  556. #page .region-1col-2col .panel-pane {
  557. clear: both;
  558. width: 100%;
  559. margin-left: auto;
  560. margin-right: auto;
  561. }
  562. @media (min-width: 37.5em) {
  563. #page #panels-dnd-main .region-1col-2col .panel-pane,
  564. #page .region-1col-2col .panel-pane {
  565. margin-right: 20px;
  566. clear: none;
  567. max-width: 100%;
  568. float: left;
  569. }
  570. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(1),
  571. #page .region-1col-2col .panel-pane:nth-child(1) {
  572. width: 100%;
  573. }
  574. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(n+2),
  575. #page .region-1col-2col .panel-pane:nth-child(n+2) {
  576. width: calc((100% / 2) - 11px);
  577. }
  578. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(3),
  579. #page .region-1col-2col .panel-pane:nth-child(3) {
  580. margin-right: 0;
  581. }
  582. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(4),
  583. #page .region-1col-2col .panel-pane:nth-child(4) {
  584. clear: left;
  585. }
  586. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(n + 2),
  587. #page .region-1col-2col .panel-pane:nth-child(n + 2) {
  588. margin-top: 20px;
  589. }
  590. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(5),
  591. #page .region-1col-2col .panel-pane:nth-child(5) {
  592. margin-right: 0;
  593. }
  594. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(6),
  595. #page .region-1col-2col .panel-pane:nth-child(6) {
  596. clear: left;
  597. }
  598. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(n + 3),
  599. #page .region-1col-2col .panel-pane:nth-child(n + 3) {
  600. margin-top: 20px;
  601. }
  602. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(7),
  603. #page .region-1col-2col .panel-pane:nth-child(7) {
  604. margin-right: 0;
  605. }
  606. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(8),
  607. #page .region-1col-2col .panel-pane:nth-child(8) {
  608. clear: left;
  609. }
  610. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(n + 4),
  611. #page .region-1col-2col .panel-pane:nth-child(n + 4) {
  612. margin-top: 20px;
  613. }
  614. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(9),
  615. #page .region-1col-2col .panel-pane:nth-child(9) {
  616. margin-right: 0;
  617. }
  618. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(10),
  619. #page .region-1col-2col .panel-pane:nth-child(10) {
  620. clear: left;
  621. }
  622. #page #panels-dnd-main .region-1col-2col .panel-pane:nth-child(n + 5),
  623. #page .region-1col-2col .panel-pane:nth-child(n + 5) {
  624. margin-top: 20px;
  625. }
  626. }
  627. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper,
  628. #page .region-1col-2col .panels-ipe-portlet-wrapper {
  629. clear: both;
  630. width: 100%;
  631. margin-left: auto;
  632. margin-right: auto;
  633. }
  634. @media (min-width: 37.5em) {
  635. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper,
  636. #page .region-1col-2col .panels-ipe-portlet-wrapper {
  637. margin-right: 20px;
  638. clear: none;
  639. max-width: 100%;
  640. float: left;
  641. }
  642. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(1),
  643. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(1) {
  644. width: 100%;
  645. }
  646. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n+2),
  647. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n+2) {
  648. width: calc((100% / 2) - 11px);
  649. }
  650. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(3),
  651. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(3) {
  652. margin-right: 0;
  653. }
  654. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(4),
  655. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(4) {
  656. clear: left;
  657. }
  658. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 2),
  659. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 2) {
  660. margin-top: 20px;
  661. }
  662. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(5),
  663. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(5) {
  664. margin-right: 0;
  665. }
  666. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(6),
  667. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(6) {
  668. clear: left;
  669. }
  670. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 3),
  671. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 3) {
  672. margin-top: 20px;
  673. }
  674. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(7),
  675. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(7) {
  676. margin-right: 0;
  677. }
  678. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(8),
  679. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(8) {
  680. clear: left;
  681. }
  682. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 4),
  683. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 4) {
  684. margin-top: 20px;
  685. }
  686. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(9),
  687. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(9) {
  688. margin-right: 0;
  689. }
  690. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(10),
  691. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(10) {
  692. clear: left;
  693. }
  694. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  695. #page .region-1col-2col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  696. margin-top: 20px;
  697. }
  698. }
  699. #page #panels-dnd-main .region-1col-2col .panels-ipe-portlet-wrapper .panel-pane,
  700. #page .region-1col-2col .panels-ipe-portlet-wrapper .panel-pane {
  701. width: 100% !important;
  702. margin: 0;
  703. padding: 0;
  704. }
  705. #page #panels-dnd-main .region-3col .region-inner,
  706. #page .region-3col .region-inner {
  707. display: flex;
  708. flex-wrap: wrap;
  709. }
  710. #page #panels-dnd-main .region-3col .panel-pane,
  711. #page .region-3col .panel-pane {
  712. clear: both;
  713. width: 100%;
  714. margin-left: auto;
  715. margin-right: auto;
  716. }
  717. @media (min-width: 37.5em) {
  718. #page #panels-dnd-main .region-3col .panel-pane,
  719. #page .region-3col .panel-pane {
  720. margin-right: 20px;
  721. clear: none;
  722. max-width: 100%;
  723. float: left;
  724. width: calc((100% / 3) - 15px);
  725. }
  726. #page #panels-dnd-main .region-3col .panel-pane:nth-child(3),
  727. #page .region-3col .panel-pane:nth-child(3) {
  728. margin-right: 0;
  729. }
  730. #page #panels-dnd-main .region-3col .panel-pane:nth-child(4),
  731. #page .region-3col .panel-pane:nth-child(4) {
  732. clear: left;
  733. }
  734. #page #panels-dnd-main .region-3col .panel-pane:nth-child(n + 5),
  735. #page .region-3col .panel-pane:nth-child(n + 5) {
  736. margin-top: 20px;
  737. }
  738. #page #panels-dnd-main .region-3col .panel-pane:nth-child(6),
  739. #page .region-3col .panel-pane:nth-child(6) {
  740. margin-right: 0;
  741. }
  742. #page #panels-dnd-main .region-3col .panel-pane:nth-child(7),
  743. #page .region-3col .panel-pane:nth-child(7) {
  744. clear: left;
  745. }
  746. #page #panels-dnd-main .region-3col .panel-pane:nth-child(n + 9),
  747. #page .region-3col .panel-pane:nth-child(n + 9) {
  748. margin-top: 20px;
  749. }
  750. #page #panels-dnd-main .region-3col .panel-pane:nth-child(9),
  751. #page .region-3col .panel-pane:nth-child(9) {
  752. margin-right: 0;
  753. }
  754. #page #panels-dnd-main .region-3col .panel-pane:nth-child(10),
  755. #page .region-3col .panel-pane:nth-child(10) {
  756. clear: left;
  757. }
  758. #page #panels-dnd-main .region-3col .panel-pane:nth-child(n + 13),
  759. #page .region-3col .panel-pane:nth-child(n + 13) {
  760. margin-top: 20px;
  761. }
  762. #page #panels-dnd-main .region-3col .panel-pane:nth-child(12),
  763. #page .region-3col .panel-pane:nth-child(12) {
  764. margin-right: 0;
  765. }
  766. #page #panels-dnd-main .region-3col .panel-pane:nth-child(13),
  767. #page .region-3col .panel-pane:nth-child(13) {
  768. clear: left;
  769. }
  770. #page #panels-dnd-main .region-3col .panel-pane:nth-child(n + 17),
  771. #page .region-3col .panel-pane:nth-child(n + 17) {
  772. margin-top: 20px;
  773. }
  774. }
  775. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper,
  776. #page .region-3col .panels-ipe-portlet-wrapper {
  777. clear: both;
  778. width: 100%;
  779. margin-left: auto;
  780. margin-right: auto;
  781. }
  782. @media (min-width: 37.5em) {
  783. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper,
  784. #page .region-3col .panels-ipe-portlet-wrapper {
  785. margin-right: 20px;
  786. clear: none;
  787. max-width: 100%;
  788. float: left;
  789. width: calc((100% / 3) - 15px);
  790. }
  791. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(3),
  792. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(3) {
  793. margin-right: 0;
  794. }
  795. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(4),
  796. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(4) {
  797. clear: left;
  798. }
  799. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  800. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  801. margin-top: 20px;
  802. }
  803. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(6),
  804. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(6) {
  805. margin-right: 0;
  806. }
  807. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(7),
  808. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(7) {
  809. clear: left;
  810. }
  811. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  812. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
  813. margin-top: 20px;
  814. }
  815. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(9),
  816. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(9) {
  817. margin-right: 0;
  818. }
  819. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(10),
  820. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(10) {
  821. clear: left;
  822. }
  823. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  824. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
  825. margin-top: 20px;
  826. }
  827. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(12),
  828. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(12) {
  829. margin-right: 0;
  830. }
  831. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(13),
  832. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(13) {
  833. clear: left;
  834. }
  835. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  836. #page .region-3col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
  837. margin-top: 20px;
  838. }
  839. }
  840. #page #panels-dnd-main .region-3col .panels-ipe-portlet-wrapper .panel-pane,
  841. #page .region-3col .panels-ipe-portlet-wrapper .panel-pane {
  842. width: 100% !important;
  843. margin: 0;
  844. padding: 0;
  845. }
  846. #page #panels-dnd-main .region-1col-3col .region-inner,
  847. #page .region-1col-3col .region-inner {
  848. display: flex;
  849. flex-wrap: wrap;
  850. }
  851. #page #panels-dnd-main .region-1col-3col .panel-pane,
  852. #page .region-1col-3col .panel-pane {
  853. clear: both;
  854. width: 100%;
  855. margin-left: auto;
  856. margin-right: auto;
  857. }
  858. @media (min-width: 18.75em) and (max-width: 37.4375em) {
  859. #page #panels-dnd-main .region-1col-3col .panel-pane,
  860. #page .region-1col-3col .panel-pane {
  861. margin-right: 20px;
  862. clear: none;
  863. max-width: 100%;
  864. float: left;
  865. }
  866. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(1),
  867. #page .region-1col-3col .panel-pane:nth-child(1) {
  868. width: 100%;
  869. }
  870. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n+2),
  871. #page .region-1col-3col .panel-pane:nth-child(n+2) {
  872. width: calc((100% / 2) - 11px);
  873. }
  874. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(3),
  875. #page .region-1col-3col .panel-pane:nth-child(3) {
  876. margin-right: 0;
  877. }
  878. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(4),
  879. #page .region-1col-3col .panel-pane:nth-child(4) {
  880. clear: left;
  881. }
  882. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 2),
  883. #page .region-1col-3col .panel-pane:nth-child(n + 2) {
  884. margin-top: 20px;
  885. }
  886. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(5),
  887. #page .region-1col-3col .panel-pane:nth-child(5) {
  888. margin-right: 0;
  889. }
  890. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(6),
  891. #page .region-1col-3col .panel-pane:nth-child(6) {
  892. clear: left;
  893. }
  894. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 3),
  895. #page .region-1col-3col .panel-pane:nth-child(n + 3) {
  896. margin-top: 20px;
  897. }
  898. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(7),
  899. #page .region-1col-3col .panel-pane:nth-child(7) {
  900. margin-right: 0;
  901. }
  902. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(8),
  903. #page .region-1col-3col .panel-pane:nth-child(8) {
  904. clear: left;
  905. }
  906. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 4),
  907. #page .region-1col-3col .panel-pane:nth-child(n + 4) {
  908. margin-top: 20px;
  909. }
  910. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(9),
  911. #page .region-1col-3col .panel-pane:nth-child(9) {
  912. margin-right: 0;
  913. }
  914. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(10),
  915. #page .region-1col-3col .panel-pane:nth-child(10) {
  916. clear: left;
  917. }
  918. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 5),
  919. #page .region-1col-3col .panel-pane:nth-child(n + 5) {
  920. margin-top: 20px;
  921. }
  922. }
  923. @media (min-width: 37.5em) {
  924. #page #panels-dnd-main .region-1col-3col .panel-pane,
  925. #page .region-1col-3col .panel-pane {
  926. margin-right: 20px;
  927. clear: none;
  928. max-width: 100%;
  929. float: left;
  930. }
  931. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(1),
  932. #page .region-1col-3col .panel-pane:nth-child(1) {
  933. width: 100%;
  934. }
  935. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n+2),
  936. #page .region-1col-3col .panel-pane:nth-child(n+2) {
  937. width: calc((100% / 3) - 15px);
  938. }
  939. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(4),
  940. #page .region-1col-3col .panel-pane:nth-child(4) {
  941. margin-right: 0;
  942. }
  943. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(5),
  944. #page .region-1col-3col .panel-pane:nth-child(5) {
  945. clear: left;
  946. }
  947. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 2),
  948. #page .region-1col-3col .panel-pane:nth-child(n + 2) {
  949. margin-top: 20px;
  950. }
  951. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(7),
  952. #page .region-1col-3col .panel-pane:nth-child(7) {
  953. margin-right: 0;
  954. }
  955. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(8),
  956. #page .region-1col-3col .panel-pane:nth-child(8) {
  957. clear: left;
  958. }
  959. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 3),
  960. #page .region-1col-3col .panel-pane:nth-child(n + 3) {
  961. margin-top: 20px;
  962. }
  963. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(10),
  964. #page .region-1col-3col .panel-pane:nth-child(10) {
  965. margin-right: 0;
  966. }
  967. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(11),
  968. #page .region-1col-3col .panel-pane:nth-child(11) {
  969. clear: left;
  970. }
  971. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 4),
  972. #page .region-1col-3col .panel-pane:nth-child(n + 4) {
  973. margin-top: 20px;
  974. }
  975. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(13),
  976. #page .region-1col-3col .panel-pane:nth-child(13) {
  977. margin-right: 0;
  978. }
  979. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(14),
  980. #page .region-1col-3col .panel-pane:nth-child(14) {
  981. clear: left;
  982. }
  983. #page #panels-dnd-main .region-1col-3col .panel-pane:nth-child(n + 5),
  984. #page .region-1col-3col .panel-pane:nth-child(n + 5) {
  985. margin-top: 20px;
  986. }
  987. }
  988. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper,
  989. #page .region-1col-3col .panels-ipe-portlet-wrapper {
  990. clear: both;
  991. width: 100%;
  992. margin-left: auto;
  993. margin-right: auto;
  994. }
  995. @media (min-width: 18.75em) and (max-width: 37.4375em) {
  996. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper,
  997. #page .region-1col-3col .panels-ipe-portlet-wrapper {
  998. margin-right: 20px;
  999. clear: none;
  1000. max-width: 100%;
  1001. float: left;
  1002. }
  1003. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(1),
  1004. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(1) {
  1005. width: 100%;
  1006. }
  1007. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n+2),
  1008. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n+2) {
  1009. width: calc((100% / 2) - 11px);
  1010. }
  1011. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(3),
  1012. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(3) {
  1013. margin-right: 0;
  1014. }
  1015. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(4),
  1016. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(4) {
  1017. clear: left;
  1018. }
  1019. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 2),
  1020. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 2) {
  1021. margin-top: 20px;
  1022. }
  1023. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(5),
  1024. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(5) {
  1025. margin-right: 0;
  1026. }
  1027. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(6),
  1028. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(6) {
  1029. clear: left;
  1030. }
  1031. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 3),
  1032. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 3) {
  1033. margin-top: 20px;
  1034. }
  1035. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(7),
  1036. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(7) {
  1037. margin-right: 0;
  1038. }
  1039. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(8),
  1040. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(8) {
  1041. clear: left;
  1042. }
  1043. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 4),
  1044. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 4) {
  1045. margin-top: 20px;
  1046. }
  1047. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(9),
  1048. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(9) {
  1049. margin-right: 0;
  1050. }
  1051. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(10),
  1052. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(10) {
  1053. clear: left;
  1054. }
  1055. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  1056. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  1057. margin-top: 20px;
  1058. }
  1059. }
  1060. @media (min-width: 37.5em) {
  1061. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper,
  1062. #page .region-1col-3col .panels-ipe-portlet-wrapper {
  1063. margin-right: 20px;
  1064. clear: none;
  1065. max-width: 100%;
  1066. float: left;
  1067. }
  1068. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(1),
  1069. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(1) {
  1070. width: 100%;
  1071. }
  1072. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n+2),
  1073. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n+2) {
  1074. width: calc((100% / 3) - 15px);
  1075. }
  1076. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(4),
  1077. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(4) {
  1078. margin-right: 0;
  1079. }
  1080. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(5),
  1081. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(5) {
  1082. clear: left;
  1083. }
  1084. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 2),
  1085. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 2) {
  1086. margin-top: 20px;
  1087. }
  1088. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(7),
  1089. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(7) {
  1090. margin-right: 0;
  1091. }
  1092. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(8),
  1093. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(8) {
  1094. clear: left;
  1095. }
  1096. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 3),
  1097. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 3) {
  1098. margin-top: 20px;
  1099. }
  1100. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(10),
  1101. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(10) {
  1102. margin-right: 0;
  1103. }
  1104. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(11),
  1105. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(11) {
  1106. clear: left;
  1107. }
  1108. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 4),
  1109. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 4) {
  1110. margin-top: 20px;
  1111. }
  1112. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(13),
  1113. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(13) {
  1114. margin-right: 0;
  1115. }
  1116. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(14),
  1117. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(14) {
  1118. clear: left;
  1119. }
  1120. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  1121. #page .region-1col-3col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  1122. margin-top: 20px;
  1123. }
  1124. }
  1125. #page #panels-dnd-main .region-1col-3col .panels-ipe-portlet-wrapper .panel-pane,
  1126. #page .region-1col-3col .panels-ipe-portlet-wrapper .panel-pane {
  1127. width: 100% !important;
  1128. margin: 0;
  1129. padding: 0;
  1130. }
  1131. #page #panels-dnd-main .region-4col .region-inner,
  1132. #page .region-4col .region-inner {
  1133. display: flex;
  1134. flex-wrap: wrap;
  1135. }
  1136. #page #panels-dnd-main .region-4col .panel-pane,
  1137. #page .region-4col .panel-pane {
  1138. clear: both;
  1139. width: 100%;
  1140. margin-left: auto;
  1141. margin-right: auto;
  1142. }
  1143. @media (min-width: 18.75em) and (max-width: 37.4375em) {
  1144. #page #panels-dnd-main .region-4col .panel-pane,
  1145. #page .region-4col .panel-pane {
  1146. margin-right: 20px;
  1147. clear: none;
  1148. max-width: 100%;
  1149. float: left;
  1150. width: calc((100% / 2) - 11px);
  1151. }
  1152. #page #panels-dnd-main .region-4col .panel-pane:nth-child(2),
  1153. #page .region-4col .panel-pane:nth-child(2) {
  1154. margin-right: 0;
  1155. }
  1156. #page #panels-dnd-main .region-4col .panel-pane:nth-child(3),
  1157. #page .region-4col .panel-pane:nth-child(3) {
  1158. clear: left;
  1159. }
  1160. #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 5),
  1161. #page .region-4col .panel-pane:nth-child(n + 5) {
  1162. margin-top: 20px;
  1163. }
  1164. #page #panels-dnd-main .region-4col .panel-pane:nth-child(4),
  1165. #page .region-4col .panel-pane:nth-child(4) {
  1166. margin-right: 0;
  1167. }
  1168. #page #panels-dnd-main .region-4col .panel-pane:nth-child(5),
  1169. #page .region-4col .panel-pane:nth-child(5) {
  1170. clear: left;
  1171. }
  1172. #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 9),
  1173. #page .region-4col .panel-pane:nth-child(n + 9) {
  1174. margin-top: 20px;
  1175. }
  1176. #page #panels-dnd-main .region-4col .panel-pane:nth-child(6),
  1177. #page .region-4col .panel-pane:nth-child(6) {
  1178. margin-right: 0;
  1179. }
  1180. #page #panels-dnd-main .region-4col .panel-pane:nth-child(7),
  1181. #page .region-4col .panel-pane:nth-child(7) {
  1182. clear: left;
  1183. }
  1184. #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 13),
  1185. #page .region-4col .panel-pane:nth-child(n + 13) {
  1186. margin-top: 20px;
  1187. }
  1188. #page #panels-dnd-main .region-4col .panel-pane:nth-child(8),
  1189. #page .region-4col .panel-pane:nth-child(8) {
  1190. margin-right: 0;
  1191. }
  1192. #page #panels-dnd-main .region-4col .panel-pane:nth-child(9),
  1193. #page .region-4col .panel-pane:nth-child(9) {
  1194. clear: left;
  1195. }
  1196. #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 17),
  1197. #page .region-4col .panel-pane:nth-child(n + 17) {
  1198. margin-top: 20px;
  1199. }
  1200. }
  1201. @media (min-width: 37.5em) and (max-width: 56.25em) {
  1202. #page #panels-dnd-main .region-4col .panel-pane,
  1203. #page .region-4col .panel-pane {
  1204. margin-right: 20px;
  1205. clear: none;
  1206. max-width: 100%;
  1207. float: left;
  1208. width: calc((100% / 4) - 16px);
  1209. }
  1210. #page #panels-dnd-main .region-4col .panel-pane:nth-child(4),
  1211. #page .region-4col .panel-pane:nth-child(4) {
  1212. margin-right: 0;
  1213. }
  1214. #page #panels-dnd-main .region-4col .panel-pane:nth-child(5),
  1215. #page .region-4col .panel-pane:nth-child(5) {
  1216. clear: left;
  1217. }
  1218. #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 5),
  1219. #page .region-4col .panel-pane:nth-child(n + 5) {
  1220. margin-top: 20px;
  1221. }
  1222. #page #panels-dnd-main .region-4col .panel-pane:nth-child(8),
  1223. #page .region-4col .panel-pane:nth-child(8) {
  1224. margin-right: 0;
  1225. }
  1226. #page #panels-dnd-main .region-4col .panel-pane:nth-child(9),
  1227. #page .region-4col .panel-pane:nth-child(9) {
  1228. clear: left;
  1229. }
  1230. #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 9),
  1231. #page .region-4col .panel-pane:nth-child(n + 9) {
  1232. margin-top: 20px;
  1233. }
  1234. #page #panels-dnd-main .region-4col .panel-pane:nth-child(12),
  1235. #page .region-4col .panel-pane:nth-child(12) {
  1236. margin-right: 0;
  1237. }
  1238. #page #panels-dnd-main .region-4col .panel-pane:nth-child(13),
  1239. #page .region-4col .panel-pane:nth-child(13) {
  1240. clear: left;
  1241. }
  1242. #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 13),
  1243. #page .region-4col .panel-pane:nth-child(n + 13) {
  1244. margin-top: 20px;
  1245. }
  1246. #page #panels-dnd-main .region-4col .panel-pane:nth-child(16),
  1247. #page .region-4col .panel-pane:nth-child(16) {
  1248. margin-right: 0;
  1249. }
  1250. #page #panels-dnd-main .region-4col .panel-pane:nth-child(17),
  1251. #page .region-4col .panel-pane:nth-child(17) {
  1252. clear: left;
  1253. }
  1254. #page #panels-dnd-main .region-4col .panel-pane:nth-child(n + 17),
  1255. #page .region-4col .panel-pane:nth-child(n + 17) {
  1256. margin-top: 20px;
  1257. }
  1258. }
  1259. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper,
  1260. #page .region-4col .panels-ipe-portlet-wrapper {
  1261. clear: both;
  1262. width: 100%;
  1263. margin-left: auto;
  1264. margin-right: auto;
  1265. }
  1266. @media (min-width: 18.75em) and (max-width: 37.4375em) {
  1267. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper,
  1268. #page .region-4col .panels-ipe-portlet-wrapper {
  1269. margin-right: 20px;
  1270. clear: none;
  1271. max-width: 100%;
  1272. float: left;
  1273. width: calc((100% / 2) - 11px);
  1274. }
  1275. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(2),
  1276. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(2) {
  1277. margin-right: 0;
  1278. }
  1279. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(3),
  1280. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(3) {
  1281. clear: left;
  1282. }
  1283. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  1284. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  1285. margin-top: 20px;
  1286. }
  1287. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(4),
  1288. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(4) {
  1289. margin-right: 0;
  1290. }
  1291. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(5),
  1292. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(5) {
  1293. clear: left;
  1294. }
  1295. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  1296. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
  1297. margin-top: 20px;
  1298. }
  1299. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(6),
  1300. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(6) {
  1301. margin-right: 0;
  1302. }
  1303. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(7),
  1304. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(7) {
  1305. clear: left;
  1306. }
  1307. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  1308. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
  1309. margin-top: 20px;
  1310. }
  1311. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(8),
  1312. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(8) {
  1313. margin-right: 0;
  1314. }
  1315. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(9),
  1316. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(9) {
  1317. clear: left;
  1318. }
  1319. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  1320. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
  1321. margin-top: 20px;
  1322. }
  1323. }
  1324. @media (min-width: 37.5em) and (max-width: 56.25em) {
  1325. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper,
  1326. #page .region-4col .panels-ipe-portlet-wrapper {
  1327. margin-right: 20px;
  1328. clear: none;
  1329. max-width: 100%;
  1330. float: left;
  1331. width: calc((100% / 4) - 16px);
  1332. }
  1333. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(4),
  1334. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(4) {
  1335. margin-right: 0;
  1336. }
  1337. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(5),
  1338. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(5) {
  1339. clear: left;
  1340. }
  1341. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  1342. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  1343. margin-top: 20px;
  1344. }
  1345. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(8),
  1346. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(8) {
  1347. margin-right: 0;
  1348. }
  1349. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(9),
  1350. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(9) {
  1351. clear: left;
  1352. }
  1353. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  1354. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
  1355. margin-top: 20px;
  1356. }
  1357. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(12),
  1358. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(12) {
  1359. margin-right: 0;
  1360. }
  1361. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(13),
  1362. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(13) {
  1363. clear: left;
  1364. }
  1365. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  1366. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
  1367. margin-top: 20px;
  1368. }
  1369. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(16),
  1370. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(16) {
  1371. margin-right: 0;
  1372. }
  1373. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(17),
  1374. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(17) {
  1375. clear: left;
  1376. }
  1377. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  1378. #page .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
  1379. margin-top: 20px;
  1380. }
  1381. }
  1382. #page #panels-dnd-main .region-4col .panels-ipe-portlet-wrapper .panel-pane,
  1383. #page .region-4col .panels-ipe-portlet-wrapper .panel-pane {
  1384. width: 100% !important;
  1385. margin: 0;
  1386. padding: 0;
  1387. }
  1388. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane,
  1389. #page .region-4col .three-quarters .region-4col .panel-pane {
  1390. clear: both;
  1391. width: 100%;
  1392. margin-left: auto;
  1393. margin-right: auto;
  1394. }
  1395. @media (min-width: 37.5em) {
  1396. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane,
  1397. #page .region-4col .three-quarters .region-4col .panel-pane {
  1398. margin-right: 20px;
  1399. clear: none;
  1400. max-width: 100%;
  1401. float: left;
  1402. width: calc((100% / 2) - 11px);
  1403. }
  1404. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(2),
  1405. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(2) {
  1406. margin-right: 0;
  1407. }
  1408. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(3),
  1409. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(3) {
  1410. clear: left;
  1411. }
  1412. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5),
  1413. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5) {
  1414. margin-top: 20px;
  1415. }
  1416. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(4),
  1417. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(4) {
  1418. margin-right: 0;
  1419. }
  1420. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(5),
  1421. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(5) {
  1422. clear: left;
  1423. }
  1424. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9),
  1425. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9) {
  1426. margin-top: 20px;
  1427. }
  1428. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(6),
  1429. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(6) {
  1430. margin-right: 0;
  1431. }
  1432. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(7),
  1433. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(7) {
  1434. clear: left;
  1435. }
  1436. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13),
  1437. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13) {
  1438. margin-top: 20px;
  1439. }
  1440. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(8),
  1441. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(8) {
  1442. margin-right: 0;
  1443. }
  1444. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(9),
  1445. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(9) {
  1446. clear: left;
  1447. }
  1448. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17),
  1449. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17) {
  1450. margin-top: 20px;
  1451. }
  1452. }
  1453. @media (min-width: 63.8125em) {
  1454. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane,
  1455. #page .region-4col .three-quarters .region-4col .panel-pane {
  1456. clear: both;
  1457. width: 100%;
  1458. margin-left: auto;
  1459. margin-right: auto;
  1460. }
  1461. }
  1462. @media (min-width: 63.8125em) and (min-width: 18.75em) and (max-width: 37.4375em) {
  1463. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane,
  1464. #page .region-4col .three-quarters .region-4col .panel-pane {
  1465. margin-right: 20px;
  1466. clear: none;
  1467. max-width: 100%;
  1468. float: left;
  1469. width: calc((100% / 2) - 11px);
  1470. }
  1471. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(2),
  1472. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(2) {
  1473. margin-right: 0;
  1474. }
  1475. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(3),
  1476. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(3) {
  1477. clear: left;
  1478. }
  1479. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5),
  1480. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5) {
  1481. margin-top: 20px;
  1482. }
  1483. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(4),
  1484. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(4) {
  1485. margin-right: 0;
  1486. }
  1487. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(5),
  1488. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(5) {
  1489. clear: left;
  1490. }
  1491. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9),
  1492. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9) {
  1493. margin-top: 20px;
  1494. }
  1495. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(6),
  1496. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(6) {
  1497. margin-right: 0;
  1498. }
  1499. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(7),
  1500. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(7) {
  1501. clear: left;
  1502. }
  1503. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13),
  1504. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13) {
  1505. margin-top: 20px;
  1506. }
  1507. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(8),
  1508. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(8) {
  1509. margin-right: 0;
  1510. }
  1511. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(9),
  1512. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(9) {
  1513. clear: left;
  1514. }
  1515. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17),
  1516. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17) {
  1517. margin-top: 20px;
  1518. }
  1519. }
  1520. @media (min-width: 63.8125em) and (min-width: 37.5em) and (max-width: 56.25em) {
  1521. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane,
  1522. #page .region-4col .three-quarters .region-4col .panel-pane {
  1523. margin-right: 20px;
  1524. clear: none;
  1525. max-width: 100%;
  1526. float: left;
  1527. width: calc((100% / 4) - 16px);
  1528. }
  1529. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(4),
  1530. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(4) {
  1531. margin-right: 0;
  1532. }
  1533. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(5),
  1534. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(5) {
  1535. clear: left;
  1536. }
  1537. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5),
  1538. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 5) {
  1539. margin-top: 20px;
  1540. }
  1541. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(8),
  1542. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(8) {
  1543. margin-right: 0;
  1544. }
  1545. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(9),
  1546. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(9) {
  1547. clear: left;
  1548. }
  1549. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9),
  1550. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 9) {
  1551. margin-top: 20px;
  1552. }
  1553. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(12),
  1554. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(12) {
  1555. margin-right: 0;
  1556. }
  1557. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(13),
  1558. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(13) {
  1559. clear: left;
  1560. }
  1561. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13),
  1562. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 13) {
  1563. margin-top: 20px;
  1564. }
  1565. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(16),
  1566. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(16) {
  1567. margin-right: 0;
  1568. }
  1569. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(17),
  1570. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(17) {
  1571. clear: left;
  1572. }
  1573. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17),
  1574. #page .region-4col .three-quarters .region-4col .panel-pane:nth-child(n + 17) {
  1575. margin-top: 20px;
  1576. }
  1577. }
  1578. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper,
  1579. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper {
  1580. clear: both;
  1581. width: 100%;
  1582. margin-left: auto;
  1583. margin-right: auto;
  1584. }
  1585. @media (min-width: 37.5em) {
  1586. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper,
  1587. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper {
  1588. margin-right: 20px;
  1589. clear: none;
  1590. max-width: 100%;
  1591. float: left;
  1592. width: calc((100% / 2) - 11px);
  1593. }
  1594. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(2),
  1595. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(2) {
  1596. margin-right: 0;
  1597. }
  1598. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(3),
  1599. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(3) {
  1600. clear: left;
  1601. }
  1602. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  1603. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  1604. margin-top: 20px;
  1605. }
  1606. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4),
  1607. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4) {
  1608. margin-right: 0;
  1609. }
  1610. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5),
  1611. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5) {
  1612. clear: left;
  1613. }
  1614. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  1615. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
  1616. margin-top: 20px;
  1617. }
  1618. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(6),
  1619. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(6) {
  1620. margin-right: 0;
  1621. }
  1622. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(7),
  1623. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(7) {
  1624. clear: left;
  1625. }
  1626. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  1627. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
  1628. margin-top: 20px;
  1629. }
  1630. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8),
  1631. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8) {
  1632. margin-right: 0;
  1633. }
  1634. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9),
  1635. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9) {
  1636. clear: left;
  1637. }
  1638. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  1639. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
  1640. margin-top: 20px;
  1641. }
  1642. }
  1643. @media (min-width: 63.8125em) {
  1644. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper,
  1645. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper {
  1646. clear: both;
  1647. width: 100%;
  1648. margin-left: auto;
  1649. margin-right: auto;
  1650. }
  1651. }
  1652. @media (min-width: 63.8125em) and (min-width: 18.75em) and (max-width: 37.4375em) {
  1653. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper,
  1654. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper {
  1655. margin-right: 20px;
  1656. clear: none;
  1657. max-width: 100%;
  1658. float: left;
  1659. width: calc((100% / 2) - 11px);
  1660. }
  1661. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(2),
  1662. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(2) {
  1663. margin-right: 0;
  1664. }
  1665. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(3),
  1666. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(3) {
  1667. clear: left;
  1668. }
  1669. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  1670. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  1671. margin-top: 20px;
  1672. }
  1673. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4),
  1674. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4) {
  1675. margin-right: 0;
  1676. }
  1677. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5),
  1678. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5) {
  1679. clear: left;
  1680. }
  1681. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  1682. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
  1683. margin-top: 20px;
  1684. }
  1685. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(6),
  1686. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(6) {
  1687. margin-right: 0;
  1688. }
  1689. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(7),
  1690. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(7) {
  1691. clear: left;
  1692. }
  1693. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  1694. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
  1695. margin-top: 20px;
  1696. }
  1697. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8),
  1698. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8) {
  1699. margin-right: 0;
  1700. }
  1701. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9),
  1702. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9) {
  1703. clear: left;
  1704. }
  1705. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  1706. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
  1707. margin-top: 20px;
  1708. }
  1709. }
  1710. @media (min-width: 63.8125em) and (min-width: 37.5em) and (max-width: 56.25em) {
  1711. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper,
  1712. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper {
  1713. margin-right: 20px;
  1714. clear: none;
  1715. max-width: 100%;
  1716. float: left;
  1717. width: calc((100% / 4) - 16px);
  1718. }
  1719. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4),
  1720. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(4) {
  1721. margin-right: 0;
  1722. }
  1723. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5),
  1724. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(5) {
  1725. clear: left;
  1726. }
  1727. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5),
  1728. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 5) {
  1729. margin-top: 20px;
  1730. }
  1731. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8),
  1732. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(8) {
  1733. margin-right: 0;
  1734. }
  1735. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9),
  1736. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(9) {
  1737. clear: left;
  1738. }
  1739. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9),
  1740. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 9) {
  1741. margin-top: 20px;
  1742. }
  1743. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(12),
  1744. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(12) {
  1745. margin-right: 0;
  1746. }
  1747. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(13),
  1748. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(13) {
  1749. clear: left;
  1750. }
  1751. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13),
  1752. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 13) {
  1753. margin-top: 20px;
  1754. }
  1755. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(16),
  1756. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(16) {
  1757. margin-right: 0;
  1758. }
  1759. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(17),
  1760. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(17) {
  1761. clear: left;
  1762. }
  1763. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17),
  1764. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper:nth-child(n + 17) {
  1765. margin-top: 20px;
  1766. }
  1767. }
  1768. #page #panels-dnd-main .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper .panel-pane,
  1769. #page .region-4col .three-quarters .region-4col .panels-ipe-portlet-wrapper .panel-pane {
  1770. width: 100% !important;
  1771. margin: 0;
  1772. padding: 0;
  1773. }
  1774. #page #panels-dnd-main .no-padding,
  1775. #page .no-padding {
  1776. padding: 0;
  1777. }
  1778. #page #panels-dnd-main .double-padding,
  1779. #page .double-padding {
  1780. padding: 30px;
  1781. }
  1782. #page #panels-dnd-main .no-margin,
  1783. #page .no-margin {
  1784. margin: 0;
  1785. }
  1786. #page #panels-dnd-main .no-margin-top,
  1787. #page .no-margin-top {
  1788. margin-top: 0;
  1789. }
  1790. #page #panels-dnd-main .no-padding-no-margin,
  1791. #page .no-padding-no-margin {
  1792. margin: 0;
  1793. padding: 0;
  1794. }
  1795. .align-center {
  1796. text-align: center;
  1797. }
  1798. .align-right {
  1799. text-align: right;
  1800. }
  1801. .align-left {
  1802. text-align: left;
  1803. }
  1804. .panel-pane .text-columns-4 {
  1805. -moz-column-count: 4;
  1806. -webkit-column-count: 4;
  1807. column-count: 4;
  1808. -moz-column-gap: 10px;
  1809. -webkit-column-gap: 10px;
  1810. column-gap: 10px;
  1811. }
  1812. .panel-pane .text-columns-3 {
  1813. -moz-column-count: 3;
  1814. -webkit-column-count: 3;
  1815. column-count: 3;
  1816. -moz-column-gap: 10px;
  1817. -webkit-column-gap: 10px;
  1818. column-gap: 10px;
  1819. }
  1820. .panel-pane .text-columns-2 {
  1821. -moz-column-count: 2;
  1822. -webkit-column-count: 2;
  1823. column-count: 2;
  1824. -moz-column-gap: 10px;
  1825. -webkit-column-gap: 10px;
  1826. column-gap: 10px;
  1827. }
  1828. .panels-ipe-portlet-wrapper .text-columns-4 {
  1829. -moz-column-count: 4;
  1830. -webkit-column-count: 4;
  1831. column-count: 4;
  1832. -moz-column-gap: 10px;
  1833. -webkit-column-gap: 10px;
  1834. column-gap: 10px;
  1835. }
  1836. .panels-ipe-portlet-wrapper .text-columns-3 {
  1837. -moz-column-count: 3;
  1838. -webkit-column-count: 3;
  1839. column-count: 3;
  1840. -moz-column-gap: 10px;
  1841. -webkit-column-gap: 10px;
  1842. column-gap: 10px;
  1843. }
  1844. .panels-ipe-portlet-wrapper .text-columns-2 {
  1845. -moz-column-count: 2;
  1846. -webkit-column-count: 2;
  1847. column-count: 2;
  1848. -moz-column-gap: 10px;
  1849. -webkit-column-gap: 10px;
  1850. column-gap: 10px;
  1851. }
  1852. .panels-ipe-portlet-wrapper .panel-pane {
  1853. width: 100% !important;
  1854. margin: 0;
  1855. padding: 0;
  1856. }