/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./styles/pink-ribbon.scss ***!
  \**********************************************************************************************************************************************/
@font-face {
  font-family: "VisbyRoundCF-ExtraLight";
  src: url(assets/fonts/VisbyRoundCF-ExtraLight.eot);
  src: url(assets/fonts/VisbyRoundCF-ExtraLight.eot?#iefix) format("embedded-opentype"), url(assets/fonts/VisbyRoundCF-ExtraLight.woff2) format("woff2"), url(assets/fonts/VisbyRoundCF-ExtraLight.woff) format("woff"), url(assets/fonts/VisbyRoundCF-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "VisbyRoundCF-Light";
  src: url(assets/fonts/VisbyRoundCF-Light.eot);
  src: url(assets/fonts/VisbyRoundCF-Light.eot?#iefix) format("embedded-opentype"), url(assets/fonts/VisbyRoundCF-Light.woff2) format("woff2"), url(assets/fonts/VisbyRoundCF-Light.woff) format("woff"), url(assets/fonts/VisbyRoundCF-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "VisbyRoundCF-Regular";
  src: url(assets/fonts/VisbyRoundCF-Regular.eot);
  src: url(assets/fonts/VisbyRoundCF-Regular.eot?#iefix) format("embedded-opentype"), url(assets/fonts/VisbyRoundCF-Regular.woff2) format("woff2"), url(assets/fonts/VisbyRoundCF-Regular.woff) format("woff"), url(assets/fonts/VisbyRoundCF-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "VisbyRoundCF-Medium";
  src: url(assets/fonts/VisbyRoundCF-Medium.eot);
  src: url(assets/fonts/VisbyRoundCF-Medium.eot?#iefix) format("embedded-opentype"), url(assets/fonts/VisbyRoundCF-Medium.woff2) format("woff2"), url(assets/fonts/VisbyRoundCF-Medium.woff) format("woff"), url(assets/fonts/VisbyRoundCF-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "VisbyRoundCF-DemiBold";
  src: url(assets/fonts/VisbyRoundCF-DemiBold.eot);
  src: url(assets/fonts/VisbyRoundCF-DemiBold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/VisbyRoundCF-DemiBold.woff2) format("woff2"), url(assets/fonts/VisbyRoundCF-DemiBold.woff) format("woff"), url(assets/fonts/VisbyRoundCF-DemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "VisbyRoundCF-Bold";
  src: url(assets/fonts/VisbyRoundCF-Bold.eot);
  src: url(assets/fonts/VisbyRoundCF-Bold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/VisbyRoundCF-Bold.woff2) format("woff2"), url(assets/fonts/VisbyRoundCF-Bold.woff) format("woff"), url(assets/fonts/VisbyRoundCF-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "VisbyRoundCF-ExtraBold";
  src: url(assets/fonts/VisbyRoundCF-ExtraBold.eot);
  src: url(assets/fonts/VisbyRoundCF-ExtraBold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/VisbyRoundCF-ExtraBold.woff2) format("woff2"), url(assets/fonts/VisbyRoundCF-ExtraBold.woff) format("woff"), url(assets/fonts/VisbyRoundCF-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "VisbyRoundCF-Heavy";
  src: url(assets/fonts/VisbyRoundCF-Heavy.eot);
  src: url(assets/fonts/VisbyRoundCF-Heavy.eot?#iefix) format("embedded-opentype"), url(assets/fonts/VisbyRoundCF-Heavy.woff2) format("woff2"), url(assets/fonts/VisbyRoundCF-Heavy.woff) format("woff"), url(assets/fonts/VisbyRoundCF-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
form .button {
  background-color: #dc0a74;
}
form .button:hover {
  background-color: #ab085a;
}

.path-webform .page-top h1 {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.form-item {
  color: #233333;
}
.form-item.form-type-radio input:checked::before {
  background-color: #dc0a74;
}
.form-item.form-type-checkbox input {
  color: #dc0a74;
}
.form-item.form-type-select:before {
  color: #dc0a74;
}

.kwf-custom-select__container.is-open .kwf-custom-select__option-list {
  border: 2px solid #dc0a74;
}
.kwf-custom-select__opener::after {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "VisbyRoundCF-Bold", "Arial", "sans-serif";
  font-weight: 700;
  margin: 0;
}
h1.with-default-margin,
h2.with-default-margin,
h3.with-default-margin,
h4.with-default-margin,
h5.with-default-margin,
h6.with-default-margin {
  margin-bottom: 0.5rem;
}

h1,
h2 {
  font-weight: 700;
}

h5,
h6 {
  font-family: "VisbyRoundCF-Regular", "Arial", "sans-serif";
  font-weight: 400;
}

h1 {
  font-family: "VisbyRoundCF-Bold", "Arial", "sans-serif";
}

h3 {
  font-family: "VisbyRoundCF-Bold", "Arial", "sans-serif";
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.cta-btn-pink {
  background-color: #dc0a74;
  border: none;
  color: #fff;
}
.cta-btn-pink:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #dc0a74;
}
.cta-btn-pink-header {
  background-color: #dc0a74;
  border: none;
  color: #fff;
}
.cta-btn-pink-header:hover {
  background-color: #dc0a74;
  border: 2px solid #fff;
  color: #fff;
}
.cta-btn-white {
  background-color: #fff;
  border: none;
  color: #dc0a74;
}
.cta-btn-white:hover {
  background-color: #dc0a74;
  border: 2px solid #fff;
  color: #fff;
}
.cta-btn-transparent {
  background-color: transparent;
  border: none;
  color: #233333;
}
.cta-btn-transparent:hover {
  background-color: transparent;
  border: none;
  color: #dc0a74;
}
.cta-btn--header {
  font-family: "VisbyCF-DemiBold", "Arial", "sans-serif";
  font-size: 0.75rem;
  padding: 0.375rem 1.125rem;
}
.cta-btn--header:hover {
  padding: calc(0.375rem - 2px) calc(1.125rem - 2px);
}
@media only screen and (min-width: 1220px) {
  .cta-btn--header {
    font-size: 1rem;
    padding: 0.375rem 1.125rem;
  }
  .cta-btn--header:hover {
    padding: calc(0.375rem - 2px) calc(1.125rem - 2px);
  }
}
.cta-btn--header.cta-btn-pink {
  background-color: #dc0a74;
  border: none;
  color: #fff;
}
.cta-btn--header.cta-btn-pink:hover {
  background-color: #dc0a74;
  border: 2px solid #fff;
  color: #fff;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.navbar-button-container {
  margin-left: 16px;
}
.navbar-button-container .navbar-button--open {
  color: #5c635c;
}
.navbar-button-container .navbar-button--open::before {
  font-size: 2.5rem;
}
.navbar-button-container .navbar-button--close {
  color: #5c635c;
}
.navbar-button-container .navbar-button--close::before {
  font-size: 1.8rem;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.pr-header-button {
  background-color: #fff;
}
.pr-header-button, .pr-header-button:hover {
  color: #dc0a74;
}
.page-pink-ribbon .pr-header-button {
  margin-right: 401px;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.pdf-download-block {
  background-color: #dc0a74;
  color: #fff;
}
.pdf-download-block__link {
  color: #fff;
}
.pdf-download-block a.button {
  color: #dc0a74;
  background-color: #fff;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.follow-buttons li:nth-child(3) {
  order: 2;
}
.follow-buttons a {
  color: #dc0a74;
}
.follow-buttons a:hover {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.hero__title {
  font-family: "VisbyRoundCF-Bold", "Arial", "sans-serif";
}
@media (min-width: 768px) {
  .hero__title {
    font-size: 4.5rem;
  }
}
.hero__image {
  margin-top: 70px;
}
.hero__content {
  background-color: #dc0a74;
}
.hero__content h3 {
  font-family: "VisbyRoundCF-DemiBold", "Arial", "sans-serif";
}
.hero__btn, .hero__btn:hover {
  font-family: "VisbyCF-DemiBold", "Arial", "sans-serif";
}
.hero__widget h3 {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.language-switch a, .language-switch a:hover, .language-switch a.active {
  color: #5c635c;
}
.language-switch a:nth-child(odd)::before {
  color: #5c635c;
}

.footer--bar--menu {
  font-size: 0.75rem;
}
.footer--bar--menu li:nth-last-child(2) a:after {
  content: "|";
  margin-left: 1rem;
}
.footer--bar--menu li:last-child a:after {
  content: "";
  margin: 0;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.footer--menu {
  font-family: "VisbyRoundCF-Regular", "Arial", "sans-serif";
}
.footer--menu h3 {
  font-family: "VisbyRoundCF-Regular", "Arial", "sans-serif";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.footer--menu ul li:before {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.main-menu__back-to-kwf-link, .main-menu__back-to-kwf-link:hover, .main-menu__back-to-kwf-link::before {
  color: #fff;
}
@media only screen and (max-width: 1219px) {
  .main-menu__back-to-kwf-link {
    display: flex;
  }
}
.main-menu .logo-link {
  color: #fff;
}
.main-menu .mobile-container {
  display: none;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.pr-main-menu__list .logo-link, .pr-main-menu__list ul a {
  color: #dc0a74;
}
@media only screen and (min-width: 1220px) {
  .pr-main-menu__list .logo-link, .pr-main-menu__list ul a {
    color: #5c635c;
  }
  .pr-main-menu__list .logo-link:hover, .pr-main-menu__list ul a:hover {
    color: #dc0a74;
  }
}

@media only screen and (max-width: 1219px) {
  .header-bar-pink-ribbon.mobile-menu-open .pr-main-menu__list {
    border-top: 1px solid #5c635c;
  }
}
.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.more-like-this__content h3 {
  font-family: "VisbyRoundCF-Regular", "Arial", "sans-serif";
  font-weight: 400;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-right: 1rem;
}
.more-like-this__content__meta i {
  color: #dc0a74;
}

.block-views-blockmore-like-this-pinkribbon-block-mlt-pinkribbon h2 {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.block-zone h2 {
  color: #5c635c;
}
.block-zone.pink {
  background-color: #dc0a74;
}
.block-zone.pink h2 {
  color: #fff;
}
.block-zone.light-pink {
  background-color: #e797c0;
}
.block-zone.light-pink h2 {
  color: #233333;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.content-block.pink .link, .content-block.light-pink .link {
  font-family: "VisbyCF-DemiBold", "Arial", "sans-serif";
}
.content-block.pink {
  background-color: #dc0a74;
}
.content-block.light-pink {
  background-color: #e797c0;
}
.content-block.gray__text a:hover {
  color: #dc0a74;
}
.content-block h3 {
  font-family: "VisbyRoundCF-Regular", "Arial", "sans-serif";
  font-weight: 400;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.download h3 {
  font-family: "VisbyRoundCF-Regular", "Arial", "sans-serif";
}
.download .icon-pdf {
  color: #dc0a74;
}
.download .kwf-icon-docx {
  color: #dc0a74;
}
.download .kwf-icon-csv {
  color: #dc0a74;
}
.download .kwf-icon-zip {
  color: #dc0a74;
}
.download a:hover {
  color: #dc0a74;
}
.download .field--name-field-download-description a:hover {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
#block-bmiblock #kwf-bmi-result-number {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.card-faq {
  border: 1px solid #dc0a74;
  margin-bottom: 15px;
}

.faq-question button.btn {
  background-color: #f3f3f3;
  border-radius: 0;
  padding: 10px 28px;
}
.faq-question button.btn:not(.collapsed) {
  background-color: #fff;
}
.faq-question button.btn::before {
  left: auto;
  right: 19px;
}

.faq-answer .card-body {
  background-color: #fff;
  padding: 0 28px;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.full-image {
  background: #dc0a74;
}
.full-image__content {
  color: #fff;
  line-height: 1.5rem;
  padding: 1.5rem 2rem;
}
.full-image__content h3 {
  font-family: "VisbyRoundCF-Regular", "Arial", "sans-serif";
}
@media (min-width: 768px) {
  .full-image:before {
    border-right: 20rem solid #dc0a74;
  }
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.quadia-player:hover .play-button {
  color: #dc0a74;
}
.quadia-player i:hover {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.search-result__content__meta i {
  color: #dc0a74;
}
.search-result__collapse-button {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
@font-face {
  font-family: "kwf-icons";
  src: url(assets/fonts/icomoon.eot?my5zey);
  src: url(assets/fonts/icomoon.eot?my5zey#iefix) format("embedded-opentype"), url(assets/fonts/icomoon.ttf?my5zey) format("truetype"), url(assets/fonts/icomoon.woff?my5zey) format("woff"), url(assets/fonts/icons//icomoon.svg?my5zey#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.icon-extlink:after, [class^=icon-]:before,
[class*=" icon-"]:before,
.search-toggle.pink-ribbon a:before,
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "kwf-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before,
.search-toggle.pink-ribbon a:before {
  float: left;
  margin-right: 10px;
}

.icon-play-button:before {
  content: "\e926";
}

.trailing-icon-search-light:after,
.icon-search-light:before,
.search-toggle.pink-ribbon a:before {
  content: "\e901";
}

.icon-extlink:after {
  content: "\e927";
  display: inline-block;
  font-size: 12px;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.icon-cbf:before {
  content: "\e925";
}

.icon-ecology-and-environment:before {
  content: "\e903";
}

.icon-facebook-square .path1:before {
  content: "\e905";
  color: #56646e;
}

.icon-facebook-square .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-facebook:before {
  content: "\e907";
}

.icon-insta-square .path1:before {
  content: "\e908";
  color: #56646e;
}

.icon-insta-square .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-insta-square .path3:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-insta-square .path4:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-pdf:before {
  content: "\e90c";
}

.icon-csv:before {
  content: "\e90c";
}

.icon-logo:before {
  content: "\e90d";
}

.icon-linkedin-square .path1:before {
  content: "\e90f";
  color: #56646e;
}

.icon-linkedin-square .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-twitter-square .path1:before {
  content: "\e911";
  color: #56646e;
}

.icon-twitter-square .path2:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-whatsapp-square .path1:before {
  content: "\e914";
  color: #56646e;
}

.icon-whatsapp-square .path2:before {
  content: "\e915";
  margin-left: -1.5em;
  color: rgb(255, 255, 255);
}

.icon-whatsapp-square .path3:before {
  content: "\e916";
  margin-left: -1.5em;
  color: rgb(255, 255, 255);
}

.icon-flag:before {
  content: "\e917";
}

.icon-folders:before {
  content: "\e918";
}

.icon-instagram:before {
  content: "\e919";
}

.icon-linkedin:before {
  content: "\e91a";
}

.icon-miscellaneous:before {
  content: "\e91b";
}

.icon-sign:before {
  content: "\e91c";
}

.icon-youtube:before {
  content: "\e91d";
}

.icon-degree-slash:before {
  content: "\e91e";
}

.icon-arrow:before {
  content: "\e921";
}

.icon-check:before {
  content: "\e922";
}

.icon-email-square .path1:before {
  content: "\e900";
  color: rgb(4, 4, 5);
}

.icon-email-square .path2:before {
  content: "\e902";
  margin-left: -1.5em;
  color: rgb(255, 255, 255);
}

.icon-email-square .path3:before {
  content: "\e904";
  margin-left: -1.5em;
  color: rgb(168, 11, 11);
}

.icon-email-square .path4:before {
  content: "\e923";
  margin-left: -1.5em;
  color: rgb(255, 255, 255);
}

.icon-email-square .path5:before {
  content: "\e924";
  margin-left: -1.5em;
  color: rgb(255, 255, 255);
}

.icon-mobile-menu:before {
  content: "\e91f";
}

.icon-search:before {
  content: "\e920";
}

@media only screen and (min-width: 1220px) {
  .search-toggle.pink-ribbon.open {
    background-color: #fff;
  }
  .search-toggle.pink-ribbon.open a, .search-toggle.pink-ribbon.open a:hover {
    color: #dc0a74;
  }
}
.search-toggle.pink-ribbon a {
  text-decoration: none;
}
.search-toggle.pink-ribbon a:hover {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.node__page h1 {
  color: #dc0a74;
}
.node__page h2 {
  font-size: 2rem;
}

footer .footer--bar.footer--webform {
  background-color: #fff;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.form--heading-1 {
  color: #dc0a74;
}

.pink-ribbon .fieldset-legend,
.kwf .fieldset-legend {
  font-family: "VisbyRoundCF-Bold", "Arial", "sans-serif";
}
.pink-ribbon .webform-options-display-buttons label.webform-options-display-buttons-label,
.kwf .webform-options-display-buttons label.webform-options-display-buttons-label {
  color: #5c635c;
  background-color: #cccccc;
}
.pink-ribbon .webform-options-display-buttons input:checked + label.webform-options-display-buttons-label,
.pink-ribbon .webform-options-display-buttons input:hover + label.webform-options-display-buttons-label,
.kwf .webform-options-display-buttons input:checked + label.webform-options-display-buttons-label,
.kwf .webform-options-display-buttons input:hover + label.webform-options-display-buttons-label {
  background-color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.header-bar-pink-ribbon {
  justify-content: flex-start;
}
@media only screen and (min-width: 1220px) {
  .header-bar-pink-ribbon {
    justify-content: space-between;
  }
}
.header-bar-pink-ribbon__right {
  margin-left: auto;
}
.header-bar-pink-ribbon__right .logo-link {
  display: none;
}
@media only screen and (min-width: 1320px) {
  .header-bar-pink-ribbon__right .logo-link {
    display: flex;
    margin-right: 10px;
  }
  .header-bar-pink-ribbon__right .logo-link, .header-bar-pink-ribbon__right .logo-link:hover {
    color: #5c635c;
  }
  .header-bar-pink-ribbon__right .logo-link .icon-logo-text::before {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.header-bar-pink-ribbon.mobile-menu-open::after {
  border-right: 51.4px solid #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.page-node-type-landing-page.path-frontpage .layout-content h1 {
  color: #dc0a74;
}
.page-node-type-landing-page .layout-content h1 {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.main--payment.path-frontpage .layout-content h1 {
  color: #dc0a74;
}
.main--payment .layout-content h1 {
  color: #dc0a74;
}

.bg-blue-ultra-light {
  background-color: #DEEFF4;
}

/**
    This file is a stripped copy of node_modules/bootstrap/scss/variables
    The only variables kept here are the ones needed for setting up the grid
 */
.block-views-exposed-filter-blockzoeken-pink-ribbon-page-search-pink-ribbon .form--inline .form-actions {
  background: #dc0a74;
}

.page-pink-ribbon .view-search .view-header {
  color: #dc0a74;
}
.page-pink-ribbon .view-search .view-empty {
  color: #dc0a74;
}

main {
  margin-bottom: 2.5rem;
  margin-top: 10.5rem;
}
main.hero {
  margin-top: -5rem;
}

a:hover, a:focus {
  color: #dc0a74;
}

blockquote {
  color: #dc0a74;
}

.content-block ul li:before,
.hero__content ul li:before,
.node ul li:before {
  color: #dc0a74;
}

.primary-background {
  background-color: #dc0a74;
}

.pager .pager__items li.is-active {
  background-color: #dc0a74;
}

header a[target=_blank]::after,
footer a[target=_blank]::after,
.footer-bottom a[target=_blank]::after {
  display: none;
}