/*
* Prefixed by:
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

html {
  scroll-padding-top: 120px;
}

body {
  color: black;
}

.brand-image {
  max-width: 100%;
  height: 90px;

}
.sticky-wrapper .shrink  {
  padding-top:10px !important;
  padding-bottom:10px !important;
}
@media only screen and (min-width: 200px) and (max-width: 670px) {
  .brand-image {
    display: block;
    width: auto;
    height: 60px;
  }
}

.section-title .title {
  /*font-size: 2.2rem;*/
  font-family: bely-display, sans-serif;
  font-size: 55px;
  font-weight: 500;
  line-height: 1.2;
}

.top-title {
}

a {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
}

.hamburger-button, hamburger-button {
  font-size: 2.75rem;
}

.social-icons {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.social-icons li {
  margin-top: -3px;
}

.social-icons li a {
  margin-top: -3px;
  height: 28px;
  width: 28px;
  display: block !important;
  float: left;
  background: black;
  color: white;
  border-radius: 50%;
  line-height: 28px;
  margin-right: 5px;
  text-align: center;
  position: relative;
}
.btn {
  border-width: 2px;
  border-radius: 0;
  /*border-radius: 30px;*/
  /*-webkit-border-radius: 30px;*/
  /*-moz-border-radius: 30px;*/
  /*border-radius: 30px;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.btn-primary {
  color:var(--chapter4-color);
  background-color: var(--chapter4-color-light);
  border-color: var(--chapter4-color-light);
}

.heading-btn {
  margin-left: -150px;
  padding-top: 4rem;
}

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

.text-primary {
  color: #000000 !important;
}

.site-blocks-cover {
  margin-top: 0;
}

.site-blocks-cover, .site-blocks-cover > .container > .row {
  min-height: auto;
  height: auto;
}

.site-blocks-cover h1,
.section-title .title {
  font-size: 2rem;
}

.site-blocks-cover .intro .heading {
  margin-left: 0;
}

.site-blocks-cover .sub-text {
  font-size: 1rem;
}

.site-section {
  padding: 3rem 1rem;
}

.animacion {
  margin-top: 5rem;
}

.intro-foreword-section {
  margin-top: -10px;
}

.intro-foreword-section,
.foreword-keys-section {
  background-color: #E4E3D5;
}

.foreword-keys-section .corner {

}

.foreword-keys-section .top-right-corner {
  background-color: var(--chapter4-color);
  background-image: url('../images/foreword-bg.png');
  background-repeat: repeat-x;
}

.foreword-keys-section .bottom-left-corner {
  background-color: var(--chapter4-color);
  /*background-image: url('../images/foreword-bottom-left-corner.png');*/
  /*background-repeat: no-repeat;*/
  /*background-position: bottom left;*/
  min-height: 250px;
  padding-bottom: 8rem;
  margin-bottom: 5rem;
}

.intro-text {
  max-width: 695px;
}

.foreword-container {
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(230, 225, 190, 1))); /* Lighter bottom */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 225, 190, 1) 100%); /* Lighter bottom */
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 225, 190, 1) 100%); /* Lighter bottom */

  /*border-radius: 60px;*/
  padding: 2rem 4rem;
  margin: 0;
  height: 100%;
}

.foreword-container {
  color: var(--chapter4-color);
}
.foreword-container h3 {
  color: var(--chapter4-color);
  filter: brightness(0.8);
}

.foreword-container h3 {
  font-family: "weidemannefregular";
  font-size: 28px;
  font-weight: bold;
}

.foreword-container subtext {
  font-family: "weidemannefregular";
  font-size: 20px;
}

.first-foreword {
  margin-bottom: 150px;
}

.foreword-container-inner {
  margin-top: -150px;
}

.foreword-photo img {
  width: 200px;
  height: 200px;
  border-radius: 150px;
  margin-bottom: 3rem;
}

.foreword-keys-section .btn-primary {
  background-color: var(--chapter4-color);
  border-color: var(--chapter4-color);
  color: var(--chapter4-color-light);
}
.foreword-keys-section .key-messages .btn-primary {
  background-color: var(--chapter4-color-light);
  border-color: var(--chapter4-color-light);
  color: var(--chapter4-color);
}

.foreword-keys-section .msg {
  font-size: 22px;
  color: var(--chapter4-color-light);
  margin-top: 5rem;
  line-height: 1.5;
  position:relative;
  padding-top:15px;
}
.foreword-keys-section .msg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 8px;
  background-color: var(--chapter4-color-light);
}

.foreword-keys-section .key-messages {
  max-width: 320px;
}

.foreword-keys-section .key-messages h3 {
  font-size: 2rem;
  font-family: bely-display, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: var(--chapter4-color-light);
}

.chapter-section.chapter-green {
  background: #E4E3D5;
  /*border-radius: 100px;*/
}

.chapter-section.chapter-green.top-only {
  /*border-radius: 100px 100px 0 0;*/
}

.chapter-section.chapter-green.bottom-only {
  /*border-radius: 0 0 100px 100px;*/
}

.chapter-section.chapter-green .btn-primary {
  background-color: #FFA72F;
  border-color: #FFA72F;
}

.chapter-section h1,
.chapter-section h3 {
  font-size: 2rem;
  font-family: bely-display, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 2rem;
}

.chapter-section h3 {
  font-size: 22px;
  margin-bottom: 1rem;
}

.chapter-summary {
  padding-top: 3rem;
}

.chapter-section ol {
  list-style: none;
  counter-reset: chapter-list-counter;
  padding-left: 0;
}

.chapter-section ol li {
  counter-increment: chapter-list-counter;
  padding-bottom: 15px;
}

.chapter-section ol li::before {
  content: counter(chapter-list-counter) ". ";
  font-family: bely-display, sans-serif;
  font-weight: 500;
  padding-right: 5px;
}

.chapter-section .policy-points-window {
  max-height: 320px;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-color: var(--chapter4-color-light) transparent;
  --scrollbar-width: 8px;
  /*--mask-height: 50px;*/
  /*padding-bottom: var(--mask-height);*/
  /*--mask-image-content: linear-gradient(*/
  /*  to bottom,*/
  /*  transparent,*/
  /*  white var(--mask-height),*/
  /*  white calc(100% - var(--mask-height)),*/
  /*  transparent*/
  /*);*/
  /*--mask-size-content: calc(100% - var(--scrollbar-width)) 100%;*/
  /*--mask-image-scrollbar: linear-gradient(white, white);*/
  /*--mask-size-scrollbar: var(--scrollbar-width) 100%;*/
  /*-webkit-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);*/
  /*mask-image: var(--mask-image-content), var(--mask-image-scrollbar);*/
  /*-webkit-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);*/
  /*mask-size: var(--mask-size-content), var(--mask-size-scrollbar);*/
  /*-webkit-mask-position: 0 0, 100% 0;*/
  /*mask-position: 0 0, 100% 0;*/
  /*-webkit-mask-repeat: no-repeat, no-repeat;*/
  /*mask-repeat: no-repeat, no-repeat;*/
}

.chapter-section.chapter-green .policy-points-window {
  scrollbar-color: #FFA72F transparent;
}

.chapter-blurb {
  background: #E4E3D5;
  /*border-radius: 100px 100px 0 100px;*/
  padding: 3rem 5rem;
  margin-bottom: 5rem !important;
}

.chapter-blurb h3 {
  font-size: 18px;
  line-height: 1.5;
}

.chapter-blurb.chapter-blurb-white {
  background: white;
}

.chapter-blurb.chapter-blurb-left {
  /*border-radius: 100px 100px 100px 0;*/
}

.dl-button {
  font-family: bely-display, sans-serif;
  font-weight: 500;
  font-size: 20px;
  padding: 1rem 2rem;
  text-align: center;
}

.download-section .dl-green .dl-button:hover {
  /*border-color: #437652;*/
  /*background-color: white;*/
}

.download-section .dl-orange .dl-button:hover {
  /*border-color: black;*/
  /*background-color: white;*/
}

.dl-separator {
  padding: 0 5px;
}

.download-section .dl-green,
.download-section .dl-orange {
}

.download-section .dl-green,
.download-section .dl-green a {
  color: #437652;
}

.download-section .dl-green .dl-button {
  background: #E4E3D5;
  border: 1px solid #E4E3D5;
  border-radius: 100px 100px 100px 0;
}

.download-section .dl-orange,
.download-section .dl-orange a {
  color: #FFA72F;
}

.download-section .dl-orange .dl-button {
  background: white;
  border: 1px solid #FFA72F;
  border-radius: 100px 100px 0 100px;
}

.download-section .dl-button a:hover {
  color: black;
}

.footer-image {
  height: 30px;
}

.owl-carousel,
.owl-carousel .owl-item {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.qf-number {
  font-family: bely-display, sans-serif;
  font-weight: 500;
  padding-right: 10px;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
  .site-blocks-cover {
    margin-top: 5rem;
  }

  .site-blocks-cover, .site-blocks-cover > .container > .row {
    /*min-height: 600px;*/
    /*height: calc(40vh);*/
  }

  .site-section {
    padding: 2rem;
  }

  .site-blocks-cover .sub-text {
    font-size: 1.5rem;
  }

  .social-icons li a {
    margin-right: 15px;
  }

  .first-foreword {
    margin-bottom: 0;
  }

  .foreword-container h3 {
    font-size: 32px;
  }

  .chapter-summary {
    padding-top: 5rem;
  }
}

@media (min-width: 992px) {
  .site-blocks-cover h1,
  .section-title .title {
    font-size: 2.5rem;
  }

  .site-section {
    padding: 4rem;
  }
}

@media (min-width: 1200px) {
}

/* Chapter colors */
:root {
  --chapter1-color: #66BC45;
  --chapter1-color-light: #D8EED0; /* 75% */
  --chapter2-color: #6F459B;
  --chapter2-color-light: #DBD0E6;
  --chapter3-color: #F1647A;
  --chapter3-color-light: #FBD8DD;
  --chapter4-color: #949258;
  --chapter4-color-light: #E4E3D5;
  --chapter5-color: #F28A22;
  --chapter5-color-light: #FBE1C7;
  --chapter6-color: #972E4A;
  --chapter6-color-light: #E5CAD1;
  --chapter7-color: #21487F;
  --chapter7-color-light: #C7D1DF;
  --chapter8-color: #5D9EDD;
  --chapter8-color-light: #D6E6F6;
  --chapter9-color: #63BF96;
  --chapter9-color-light: #D8EFE4;
  --chapter10-color: #437652;
  --chapter10-color-light: #D0DCD3;
}
#chapter-1 {
  h1,
  h3 {
    color:var(--chapter1-color);
  }
  .btn-primary {
    background-color: var(--chapter1-color-light);
    border-color: var(--chapter1-color-light);
  }
  &.chapter-section .policy-points-window {
    scrollbar-color: var(--chapter1-color-light) transparent;
  }
}
#chapter-2 {
  h1,
  h3 {
    color:var(--chapter2-color);
  }
  .btn-primary {
    background-color: var(--chapter2-color-light);
    border-color: var(--chapter2-color-light);
  }
  &.chapter-section .policy-points-window {
    scrollbar-color: var(--chapter2-color-light) transparent;
  }
}
#chapter-3 {
  h1,
  h3 {
    color:var(--chapter3-color);
  }
  .btn-primary {
    background-color: var(--chapter3-color-light);
    border-color: var(--chapter3-color-light);
  }
  &.chapter-section .policy-points-window {
    scrollbar-color: var(--chapter3-color-light) transparent;
  }
}
#chapter-4 {
  h1,
  h3 {
    color: var(--chapter4-color);
  }
  .btn-primary {
    background-color: var(--chapter4-color-light);
    border-color: var(--chapter4-color-light);
  }
  &.chapter-section .policy-points-window {
    scrollbar-color: var(--chapter4-color-light) transparent;
  }
}

#chapter-5 {
  h1,
  h3 {
    color: var(--chapter5-color);
  }
  .btn-primary {
    background-color: var(--chapter5-color-light);
    border-color: var(--chapter5-color-light);
  }
  &.chapter-section .policy-points-window {
    scrollbar-color: var(--chapter5-color-light) transparent;
  }
}

#chapter-6 {
  h1,
  h3 {
    color: var(--chapter6-color);
  }
  .btn-primary {
    background-color: var(--chapter6-color-light);
    border-color: var(--chapter6-color-light);
  }
  &.chapter-section .policy-points-window {
    scrollbar-color: var(--chapter6-color-light) transparent;
  }
}

#chapter-7 {
  h1,
  h3 {
    color: var(--chapter7-color);
  }
  .btn-primary {
    background-color: var(--chapter7-color-light);
    border-color: var(--chapter7-color-light);
  }
  &.chapter-section .policy-points-window {
    scrollbar-color: var(--chapter7-color-light) transparent;
  }
}

#chapter-8 {
  h1,
  h3 {
    color: var(--chapter8-color);
  }
  .btn-primary {
    background-color: var(--chapter8-color-light);
    border-color: var(--chapter8-color-light);
  }
  &.chapter-section .policy-points-window {
    scrollbar-color: var(--chapter8-color-light) transparent;
  }
}

#chapter-9 {
  h1,
  h3 {
    color: var(--chapter9-color);
  }
  .btn-primary {
    background-color: var(--chapter9-color-light);
    border-color: var(--chapter9-color-light);
  }
  &.chapter-section .policy-points-window {
    scrollbar-color: var(--chapter9-color-light) transparent;
  }
}

#chapter-10 {
  h1,
  h3 {
    color: var(--chapter10-color);
  }
  .btn-primary {
    background-color: var(--chapter10-color-light);
    border-color: var(--chapter10-color-light);
  }
  &.chapter-section .policy-points-window {
    scrollbar-color: var(--chapter10-color-light) transparent;
  }
}

.green-arrow {
  filter: brightness(0) invert(1);
}