.paragraph--type--related-links,
.paragraph--type--related-button,
.paragraph--type--related-documents-section,
.paragraph--type--related-content-boxes-paragraph {
  border: 1px solid #4169e2;
  background-color: white;
  padding: 20px 0px 20px 0px;
  border-radius: 10px;
  margin-bottom: 16px;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-family: "Merriweather Sans Regular", sans-serif;
}
.paragraph--type--related-links:not(.active),
.paragraph--type--related-button:not(.active),
.paragraph--type--related-documents-section:not(.active),
.paragraph--type--related-content-boxes-paragraph:not(.active) {
  pointer-events: all;
}
.paragraph--type--related-links:hover,
.paragraph--type--related-button:hover,
.paragraph--type--related-documents-section:hover,
.paragraph--type--related-content-boxes-paragraph:hover {
  background-color: #f5f7f6;
}
.paragraph--type--related-links:active,
.paragraph--type--related-button:active,
.paragraph--type--related-documents-section:active,
.paragraph--type--related-content-boxes-paragraph:active {
  background-color: #e0e3e8;
  border: 2px solid #4169e2;
  -webkit-box-shadow: inset 0px 0px 1px 2px #ffffff;
  box-shadow: inset 0px 0px 1px 2px #ffffff;
}
.paragraph--type--related-links:not(.paragraph--type--related-button):after,
.paragraph--type--related-button:not(.paragraph--type--related-button):after,
.paragraph--type--related-documents-section:not(.paragraph--type--related-button):after,
.paragraph--type--related-content-boxes-paragraph:not(.paragraph--type--related-button):after {
  content: "";
  background-image: url(/20221018085018oe_/https://unfccc.int/themes/custom/assets/svgs/Oval-Arrow.svg);
  width: 20px;
  height: 20px;
  background-size: cover;
  right: 15px;
  top: 50%;
  position: absolute;
  transform: rotate(-180deg) translate(0px, 50%);
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 96%;
}
.paragraph--type--related-links:not(.paragraph--type--related-button).active,
.paragraph--type--related-button:not(.paragraph--type--related-button).active,
.paragraph--type--related-documents-section:not(.paragraph--type--related-button).active,
.paragraph--type--related-content-boxes-paragraph:not(.paragraph--type--related-button).active {
  padding-bottom: 30px;
}
.paragraph--type--related-links:not(.paragraph--type--related-button).active:after,
.paragraph--type--related-button:not(.paragraph--type--related-button).active:after,
.paragraph--type--related-documents-section:not(.paragraph--type--related-button).active:after,
.paragraph--type--related-content-boxes-paragraph:not(.paragraph--type--related-button).active:after {
  transform: rotate(0deg);
  top: unset;
}
.paragraph--type--related-links:not(.paragraph--type--related-button).active:hover,
.paragraph--type--related-button:not(.paragraph--type--related-button).active:hover,
.paragraph--type--related-documents-section:not(.paragraph--type--related-button).active:hover,
.paragraph--type--related-content-boxes-paragraph:not(.paragraph--type--related-button).active:hover {
  background-color: white;
}
.paragraph--type--related-links article,
.paragraph--type--related-button article,
.paragraph--type--related-documents-section article,
.paragraph--type--related-content-boxes-paragraph article {
  max-width: 100%;
}
.paragraph--type--related-links .field--name-field-title,
.paragraph--type--related-links .field--name-field-link,
.paragraph--type--related-links .field--name-field-rcb-title-paragraph,
.paragraph--type--related-button .field--name-field-title,
.paragraph--type--related-button .field--name-field-link,
.paragraph--type--related-button .field--name-field-rcb-title-paragraph,
.paragraph--type--related-documents-section .field--name-field-title,
.paragraph--type--related-documents-section .field--name-field-link,
.paragraph--type--related-documents-section .field--name-field-rcb-title-paragraph,
.paragraph--type--related-content-boxes-paragraph .field--name-field-title,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link,
.paragraph--type--related-content-boxes-paragraph .field--name-field-rcb-title-paragraph {
  color: midnightblue;
  font-size: 18px;
  font-family: "Lora Bold", serif;
  padding-right: 45px;
  padding-left: 24px;
  word-break: break-word;
  position: relative;
}
.paragraph--type--related-links .field--name-field-title > a.ext,
.paragraph--type--related-links .field--name-field-link > a.ext,
.paragraph--type--related-links .field--name-field-rcb-title-paragraph > a.ext,
.paragraph--type--related-button .field--name-field-title > a.ext,
.paragraph--type--related-button .field--name-field-link > a.ext,
.paragraph--type--related-button .field--name-field-rcb-title-paragraph > a.ext,
.paragraph--type--related-documents-section .field--name-field-title > a.ext,
.paragraph--type--related-documents-section .field--name-field-link > a.ext,
.paragraph--type--related-documents-section .field--name-field-rcb-title-paragraph > a.ext,
.paragraph--type--related-content-boxes-paragraph .field--name-field-title > a.ext,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link > a.ext,
.paragraph--type--related-content-boxes-paragraph .field--name-field-rcb-title-paragraph > a.ext {
  position: unset;
}
.paragraph--type--related-links .field--name-field-title > a.ext svg,
.paragraph--type--related-links .field--name-field-link > a.ext svg,
.paragraph--type--related-links .field--name-field-rcb-title-paragraph > a.ext svg,
.paragraph--type--related-button .field--name-field-title > a.ext svg,
.paragraph--type--related-button .field--name-field-link > a.ext svg,
.paragraph--type--related-button .field--name-field-rcb-title-paragraph > a.ext svg,
.paragraph--type--related-documents-section .field--name-field-title > a.ext svg,
.paragraph--type--related-documents-section .field--name-field-link > a.ext svg,
.paragraph--type--related-documents-section .field--name-field-rcb-title-paragraph > a.ext svg,
.paragraph--type--related-content-boxes-paragraph .field--name-field-title > a.ext svg,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link > a.ext svg,
.paragraph--type--related-content-boxes-paragraph .field--name-field-rcb-title-paragraph > a.ext svg {
  display: none;
}
.paragraph--type--related-links .field--name-field-title > a.ext:after,
.paragraph--type--related-links .field--name-field-link > a.ext:after,
.paragraph--type--related-links .field--name-field-rcb-title-paragraph > a.ext:after,
.paragraph--type--related-button .field--name-field-title > a.ext:after,
.paragraph--type--related-button .field--name-field-link > a.ext:after,
.paragraph--type--related-button .field--name-field-rcb-title-paragraph > a.ext:after,
.paragraph--type--related-documents-section .field--name-field-title > a.ext:after,
.paragraph--type--related-documents-section .field--name-field-link > a.ext:after,
.paragraph--type--related-documents-section .field--name-field-rcb-title-paragraph > a.ext:after,
.paragraph--type--related-content-boxes-paragraph .field--name-field-title > a.ext:after,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link > a.ext:after,
.paragraph--type--related-content-boxes-paragraph .field--name-field-rcb-title-paragraph > a.ext:after {
  content: "";
  background-image: url("/20221018085018oe_/https://unfccc.int/themes/custom/assets/svgs/Icons-External-link-blue.svg");
  width: 18px;
  height: 18px;
  background-size: cover;
  display: block;
  transform: translate(0px, -50%);
  right: 15px;
  top: 50%;
  position: absolute;
  border: none;
  background-color: transparent;
}
.paragraph--type--related-links .field--name-field-title a,
.paragraph--type--related-links .field--name-field-link a,
.paragraph--type--related-links .field--name-field-rcb-title-paragraph a,
.paragraph--type--related-button .field--name-field-title a,
.paragraph--type--related-button .field--name-field-link a,
.paragraph--type--related-button .field--name-field-rcb-title-paragraph a,
.paragraph--type--related-documents-section .field--name-field-title a,
.paragraph--type--related-documents-section .field--name-field-link a,
.paragraph--type--related-documents-section .field--name-field-rcb-title-paragraph a,
.paragraph--type--related-content-boxes-paragraph .field--name-field-title a,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link a,
.paragraph--type--related-content-boxes-paragraph .field--name-field-rcb-title-paragraph a {
  color: midnightblue;
  font-size: 18px;
  font-family: "Lora Bold", serif;
}
.paragraph--type--related-links .field--name-field-link-items,
.paragraph--type--related-links .field--name-field-doc-items,
.paragraph--type--related-links .field--name-field-rcb-body-paragraph,
.paragraph--type--related-button .field--name-field-link-items,
.paragraph--type--related-button .field--name-field-doc-items,
.paragraph--type--related-button .field--name-field-rcb-body-paragraph,
.paragraph--type--related-documents-section .field--name-field-link-items,
.paragraph--type--related-documents-section .field--name-field-doc-items,
.paragraph--type--related-documents-section .field--name-field-rcb-body-paragraph,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link-items,
.paragraph--type--related-content-boxes-paragraph .field--name-field-doc-items,
.paragraph--type--related-content-boxes-paragraph .field--name-field-rcb-body-paragraph {
  display: none;
  margin-top: 15px;
  margin-bottom: 15px;
}
.paragraph--type--related-links .field--name-field-link-item a,
.paragraph--type--related-links .field--name-field-related-document a,
.paragraph--type--related-button .field--name-field-link-item a,
.paragraph--type--related-button .field--name-field-related-document a,
.paragraph--type--related-documents-section .field--name-field-link-item a,
.paragraph--type--related-documents-section .field--name-field-related-document a,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link-item a,
.paragraph--type--related-content-boxes-paragraph .field--name-field-related-document a {
  font-family: "Merriweather Sans Regular", sans-serif;
  font-size: 16px;
  color: #424245;
  line-height: 24px;
  padding: 5px 18px 5px 24px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  width: 100%;
  word-break: break-word;
}
.paragraph--type--related-links .field--name-field-link-item a:hover,
.paragraph--type--related-links .field--name-field-related-document a:hover,
.paragraph--type--related-button .field--name-field-link-item a:hover,
.paragraph--type--related-button .field--name-field-related-document a:hover,
.paragraph--type--related-documents-section .field--name-field-link-item a:hover,
.paragraph--type--related-documents-section .field--name-field-related-document a:hover,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link-item a:hover,
.paragraph--type--related-content-boxes-paragraph .field--name-field-related-document a:hover {
  border-top: 1px solid midnightblue;
  background-color: #f5f7f6;
  border-bottom: 1px solid midnightblue;
}
.paragraph--type--related-links .field--name-field-link-item a.ext,
.paragraph--type--related-links .field--name-field-related-document a.ext,
.paragraph--type--related-button .field--name-field-link-item a.ext,
.paragraph--type--related-button .field--name-field-related-document a.ext,
.paragraph--type--related-documents-section .field--name-field-link-item a.ext,
.paragraph--type--related-documents-section .field--name-field-related-document a.ext,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link-item a.ext,
.paragraph--type--related-content-boxes-paragraph .field--name-field-related-document a.ext {
  position: relative;
}
.paragraph--type--related-links .field--name-field-link-item a.ext svg,
.paragraph--type--related-links .field--name-field-related-document a.ext svg,
.paragraph--type--related-button .field--name-field-link-item a.ext svg,
.paragraph--type--related-button .field--name-field-related-document a.ext svg,
.paragraph--type--related-documents-section .field--name-field-link-item a.ext svg,
.paragraph--type--related-documents-section .field--name-field-related-document a.ext svg,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link-item a.ext svg,
.paragraph--type--related-content-boxes-paragraph .field--name-field-related-document a.ext svg {
  display: none;
}
.paragraph--type--related-links .field--name-field-link-item a.ext:after,
.paragraph--type--related-links .field--name-field-related-document a.ext:after,
.paragraph--type--related-button .field--name-field-link-item a.ext:after,
.paragraph--type--related-button .field--name-field-related-document a.ext:after,
.paragraph--type--related-documents-section .field--name-field-link-item a.ext:after,
.paragraph--type--related-documents-section .field--name-field-related-document a.ext:after,
.paragraph--type--related-content-boxes-paragraph .field--name-field-link-item a.ext:after,
.paragraph--type--related-content-boxes-paragraph .field--name-field-related-document a.ext:after {
  content: "";
  background-image: url("/20221018085018oe_/https://unfccc.int/themes/custom/assets/svgs/Icons-External-link-blue.svg");
  width: 15px;
  height: 15px;
  background-size: cover;
  display: inline-block;
  border: none;
  background-color: transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-left: 10px;
}

.paragraph--type--related-button .field--name-field-link {
  padding-right: 45px;
}
.paragraph--type--related-button:active {
  background-color: #e0e3e8;
  border: 2px solid #4169e2;
  -webkit-box-shadow: inset 0px 0px 1px 2px #ffffff;
  box-shadow: inset 0px 0px 1px 2px #ffffff;
}

.paragraph--type--related-content-boxes-paragraph .field--name-field-rcb-body-paragraph {
  padding: 0px 18px 0 24px;
  overflow: hidden;
}
.paragraph--type--related-content-boxes-paragraph .field--name-field-rcb-body-paragraph figure {
  width: 100%;
}

.paragraph--type--related-documents-section .field--name-field-doc-items {
  padding: 0px 0px 20px 0px;
}

.paragraph--type--related-links .field--name-field-title {
  padding-right: 45px;
}

.paragraph--type--related-links:not(.active),
.paragraph--type--related-documents-section:not(.active),
.paragraph--type--related-content-boxes-paragraph:not(.active) {
  pointer-events: all;
}
.paragraph--type--related-links:not(.active) > *,
.paragraph--type--related-documents-section:not(.active) > *,
.paragraph--type--related-content-boxes-paragraph:not(.active) > * {
  pointer-events: none;
}

