/*
 * Nibble theme - layout.css
 * Legacy HubSpot grid wrappers (container-fluid, row-fluid, span*, dnd-*) and .shell containers.
 * Consolidated from the legacy HubSpot CSS; order of files and rules is the cascade order (functions/assets.php).
 */

.remove-top-padding {
  padding-top: 0 !important;
}

.remove-bottom-padding {
  padding-bottom: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.row-fluid {
  width: 100%;
}

.row-fluid:after,
.row-fluid:before {
  content: "";
  display: table;
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*=span] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-left: 2.127659574%;
  min-height: 1px;
  width: 100%;
}

.row-fluid [class*=span]:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.container-fluid:after,
.container-fluid:before {
  content: "";
  display: table;
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }
  .row-fluid [class*=span] {
    display: block;
    float: none;
    margin-left: 0;
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }
  .row-fluid:after,
  .row-fluid:before {
    content: "";
    display: table;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*=span] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.762430939%;
    min-height: 1px;
    width: 100%;
  }
  .row-fluid [class*=span]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 99.999999993%;
  }
  .row-fluid .span6 {
    width: 48.618784527%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }
  .row-fluid:after,
  .row-fluid:before {
    content: "";
    display: table;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*=span] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.564102564%;
    min-height: 1px;
    width: 100%;
  }
  .row-fluid [class*=span]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
  }
  .row-fluid .span6 {
    width: 48.717948718%;
  }
}

.dnd-section > .row-fluid {
  margin-left: auto;
  margin-right: auto;
}

.dnd-section .dnd-column {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 768px) {
  .dnd-section .dnd-column {
    padding-left: 0;
    padding-right: 0;
  }
}

.shell {
  --shell-max-width: 109.2rem;
  --shell-gutter: 2.4rem;
  margin-inline: auto;
  max-width: calc(var(--shell-max-width) + var(--shell-gutter)*2);
  padding-inline: var(--shell-gutter);
  width: 100%;
}

.css-slug-nibble-press-awards .row-fluid .span6 {
  width: inherit;
}