/*
 * Layout for category leaf pages, loaded by _includes/category-leaf.php.
 * Used to be a <style> block copied into all 144 leaves.
 */

.page-wrapper {
  display: flex;
  flex-direction: column;
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
}
.row-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 1rem;
}
.col-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.margin-right {
  margin-right: 1rem;
}
.margin-bottom {
  margin-bottom: 2rem;
}
.video {
  width: 100%;
  margin-right: 1rem;
}
.long-explanation {
  width: 130%;
  margin-right: 1rem;
}
.section-1-row-0-max-width-section-centering > .row-fluid {
  max-width: 810px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.border-box {
  background: radial-gradient( 77.73% 534.3% at 103.67% 105.04%, rgba(55, 209, 229, 0.084) 0, rgba(55, 209, 229, 0) 100% ), linear-gradient( 96.78deg, hsla(0, 82%, 67%, 0.05) -3.1%, rgba(242, 119, 208, 0.06) 57.76%, rgba(242, 119, 208, 0) 111.13% ), #fff;
  border: 1px solid;
  border-image-repeat: round !important;
  border-image-slice: 10 !important;
  border-image-source: linear-gradient( 114.59deg, #f06464 1.6%, #f277d0 32.79%, #9489db 71.64%, #37d1e5 101.91%, #5acfb9 131.52% ) !important;
  box-sizing: content-box;
  padding: 2.75rem 1rem;
  flex: 1;
}
.dnd-section {
  padding: 40px 20px;
}
.emoji {
  margin-right: 0px !important;
}