.test1_1bKq8Qei {
  color: red;
  font-size: 20px;
}

.hello-world[data-v-bed981f6] {
  width: 500px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
}
.title[data-v-bed981f6] {
  color: #fff;
}

@charset "UTF-8";
/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.blockquote_35sEtggy {
  display: flex;
  margin: 0;
}
.blockquote_35sEtggy::before, .blockquote_35sEtggy::after {
    display: none;
}
.quoteSymbol_2WC8rwu3 {
  flex: 0 0 0.7em;
  font-size: 3.5em;
  line-height: 1;
  color: #a6a6a6;
}
.quoteWrapper_o4j_Y2m7 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
}
.text_1TBPLDuq {
  margin-bottom: 0.6em;
  font-size: 1em;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 760px) {
.text_1TBPLDuq {
      font-size: 1.22em;
}
}
.author_1xST9BdS {
  display: flex;
  font-size: 0.8em;
  line-height: 1.5;
  color: #a6a6a6;
}
.author_1xST9BdS::before {
    content: '―';
    display: inline-block;
    margin-right: 0.75em;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.text_1TQrL1WP {
  margin-bottom: 1.4em;
  max-width: 640px;
  font-size: 1em;
  line-height: 1.7;
}
.text_1TQrL1WP a {
    color: #3f739f;
    text-decoration: none;
}
.text_1TQrL1WP a:hover {
      text-decoration: underline;
}

.heading__9oa-RAV {
  margin-top: 0;
  font-size: 1em;
  font-weight: bold;
}

.carouselContainer_3brpDUII {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  transition: transform 0.5s;
}
.carouselContainerDragging_2JpGMDGm {
  transition: none;
}

.image_172Yst8D {
  width: 100%;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.carouselImageCaption_28CaJvqp {
  display: block;
  padding: 20px;
  margin: 0 0 0 18px;
  font-size: 14px;
  border-left: 1px solid #e3e3e3;
}
@media screen and (min-width: 760px) {
.carouselImageCaption_28CaJvqp {
      position: absolute;
      bottom: 0;
      left: 0;
      margin: 0;
      background: rgba(0, 0, 0, 0.47);
      color: white;
      width: 100%;
      font-size: 16px;
      border: 0;
}
}
.counter_rD0TcfQN {
  display: inline;
  margin-right: 10px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
}
@media screen and (min-width: 760px) {
.counter_rD0TcfQN {
      display: none;
}
}
.description_3FNx74Jm {
  display: inline;
  line-height: 24px;
  margin: 0 5px 0 0;
}
.copyright_2gpUwe-A {
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
  margin-left: 10px;
}

.slide_2bpmZ3zz {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.thumbnailsContainer_2kCrfzMK {
  display: none;
}
@media screen and (min-width: 760px) {
.thumbnailsContainer_2kCrfzMK {
      display: flex;
}
}
.button_2OEIPYmR {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
  width: 140px;
}
.thumbnail_39rfXpNf {
  width: 140px;
  margin-right: 3px;
}
.thumbnail_39rfXpNf:hover {
    cursor: pointer;
}
.selected_fHuIcKiR {
  padding-bottom: 4px;
  border-bottom: 2px solid #E61E14;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.button_2UopgsAK {
  display: flex;
  width: 40px;
  height: 60px;
  position: absolute;
  top: calc(50% - 65px);
  left: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
  background-color: rgba(0, 0, 0, 0.6);
}
.button_2UopgsAK:hover {
    background-color: #e61e14;
}
@media screen and (min-width: 760px) {
.button_2UopgsAK {
      top: 50%;
      transform: translate(0, -50%);
      width: 60px;
      height: 100px;
}
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.icon_1-KCPGJD {
  fill: #FFF;
  width: 15px;
  height: 25px;
}
@media screen and (min-width: 760px) {
.icon_1-KCPGJD {
      width: 15px;
      height: 25px;
}
}
.buttonNext_2f5QDHym {
  left: auto;
  right: 0;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.icon_3kOGz8Lq {
  fill: #FFF;
  width: 15px;
  height: 25px;
}
@media screen and (min-width: 760px) {
.icon_3kOGz8Lq {
      width: 15px;
      height: 25px;
}
}
.buttonNext_26N1HfvJ {
  left: auto;
  right: 0;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.carousel_3vMWpTL0,
.thumbnailContainer_2BJVZZ-o {
  margin: 0 0 3px 0;
  position: relative;
  overflow: hidden;
}
.carousel_3vMWpTL0:hover .carouselButton_spzAVdIj,
  .thumbnailContainer_2BJVZZ-o:hover .carouselButton_spzAVdIj {
    opacity: 1;
}
.carouselSlide_1-LdtapP {
  min-width: 100%;
}
.carouselSlide_1-LdtapP:hover {
    cursor: pointer;
}
.carouselButton_spzAVdIj {
  opacity: 100%;
  transition: all 0.5s;
}
@media screen and (min-width: 760px) {
.carouselButton_spzAVdIj {
      opacity: 0;
}
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.carouselWrapper_38vXFGV7 {
  margin-bottom: 27px;
}
.articleCarousel_7aXbD-ZA {
  margin: 0 0 3px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 760px) {
.articleCarousel_7aXbD-ZA {
      left: -10%;
      margin-right: -20%;
}
}
@media screen and (min-width: 900px) {
.articleCarousel_7aXbD-ZA {
      width: 86%;
}
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.instagram_1oxwWX9Q {
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 550px;
  border: 1px solid #dbdbdb;
  color: #000000;
  text-decoration: none;
  font-size: 16px;
}
.instagram_1oxwWX9Q:hover {
    text-decoration: none;
}
.header_2XYjs-pw {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 0;
  padding: 0.9375em 0.625em;
}
.avatar_1SiO20gY {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background-color: #000000;
}
.avatarImage_3HQv2Tgs {
  border-radius: 50%;
}
.headerContent_3p0Uo_wh {
  display: flex;
  padding-left: 0.625em;
  flex-flow: column nowrap;
  justify-content: center;
  font-size: 0.875em;
  line-height: 1.2;
  letter-spacing: -0.0125em;
}
.name_1cdHqyOZ {
  font-weight: bold;
  color: #333333;
}
.location_3-ba3HFf {
  color: #808080;
}
.imageWrapper_3d19nm3j {
  position: relative;
}
.playButton_2hkihOad {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.image_3Nr8M89R {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.text_2y_mc--7 {
  margin-bottom: 0;
  padding: 0.9375em 2.5em 0.3125em 0.625em;
  line-height: 1.44;
  color: #333333;
  text-decoration: none;
  letter-spacing: -0.01875em;
}
.footer_XYwxE826 {
  display: flex;
  padding: 0 0.625em 0.625em;
  justify-content: space-between;
}
.timestamp_2-afiw5j {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
  color: #999999;
}
.logo_1woH-dao {
  height: 1.5em;
}

.wrapper_DUBpBFrH {
  margin-bottom: 2em;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.logo_3H3GEWn4 {
  height: calc(100% - 56px);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.logoBackground_3mp61Hdk {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 45px;
  background-color: #e61e14;
  border-radius: 500px;
}
.image_6mO-qISK {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.image_6mO-qISK:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    content: '';
}
.ratio_3gqSxLFG {
  width: 100%;
  height: 0;
  position: relative;
}
.link_39khPNxQ {
  position: relative;
  display: block;
  font-size: 16px;
  margin-bottom: 2em;
}
@media screen and (min-width: 760px) {
.link_39khPNxQ {
      left: -10%;
      margin-right: -20%;
}
}
@media screen and (min-width: 900px) {
.link_39khPNxQ {
      width: 86%;
      margin-right: 0;
}
}
.link_39khPNxQ:hover {
    text-decoration: none !important;
}
.title_3a1g8uLn {
  margin-left: 1em;
  padding: 16px 18px;
  border-left: 1px solid #e3e3e3;
  line-height: 1.5;
  color: #333333;
}
@media screen and (min-width: 760px) {
.title_3a1g8uLn {
      margin-left: 0;
}
}

.articleWrapper_3V0gVngy {
  margin-bottom: 2em;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.responsiveImageFigCaption_24DGFDPJ {
  display: block;
  padding: 20px;
  margin: 0 0 0 18px;
  border-left: solid 1px #e3e3e3;
}
@media screen and (min-width: 760px) {
.responsiveImageFigCaption_24DGFDPJ {
      margin: 0;
}
}
.description_2JQfSMhg {
  font-size: 16px;
  line-height: 24px;
  margin: 0 5px 0 0;
}
.copyright_GqIMGAhW {
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.button_1YlvE-j2 {
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  border: none;
  height: 56px;
  opacity: 0.85;
  position: absolute;
  right: 16px;
  text-align: center;
  top: 16px;
  width: 56px;
}
.button_1YlvE-j2:hover {
    opacity: 0.85;
}
@media screen and (min-width: 760px) {
.button_1YlvE-j2 {
      display: block;
      opacity: .3;
      transition: opacity 200ms ease-in;
}
}
.buttonIcon_yESZybar {
  color: #fff;
  font-size: 28px;
  line-height: 56px;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.mask_3mK-AeN6 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 300;
}
.buttonClose_3Jlt89td {
  background-color: rgba(0, 0, 0, 0.4);
  border: none;
  height: 56px;
  opacity: .85;
  position: absolute;
  right: 16px;
  text-align: center;
  top: 16px;
  width: 56px;
}
.buttonClose_3Jlt89td:hover {
    opacity: .85;
}
@media screen and (min-width: 760px) {
.buttonClose_3Jlt89td {
      opacity: .3;
      transition: opacity 200ms ease-in;
}
}
.closeIcon_1qaQ8pyS {
  color: #fff;
  font-size: 28px;
  line-height: 56px;
}

.wrapper_21ZIIz6g {
  display: flex;
  flex-flow: column nowrap;
  height: 100vh;
  justify-content: center;
}
.container_1d0i7ei8 {
  max-height: calc(100% - 60px);
  margin: 0px auto;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.caption_1lc2RNFm {
  min-height: 60px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 50px;
  text-align: center;
}
.captionTitle_1rZWERM0 {
  color: white;
  font-size: 16px;
}
.captionSource_2TOP_hYA {
  color: #9b9b9b;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1px;
  padding-left: 16px;
  text-transform: uppercase;
}

.image_KMRtWoL_ img {
  width: auto;
  max-height: 100%;
  max-width: 100%;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.articleImage_3zZva62i {
  position: relative;
  margin: 0 0 27px 0;
}
@media screen and (min-width: 760px) {
.articleImage_3zZva62i {
      left: -10%;
      margin-right: -20%;
}
}
@media screen and (min-width: 900px) {
.articleImage_3zZva62i {
      width: 86%;
}
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.articleHeaderFullWidth_1S1jOqLU {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.articleHeaderFullWidth_1S1jOqLU:after {
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.6) 100%);
}
@media screen and (min-width: 760px) {
.articleHeaderFullWidth_1S1jOqLU {
      height: auto;
      max-height: 457px;
      display: flex;
      justify-content: center;
      align-items: center;
}
.articleHeaderFullWidth_1S1jOqLU:after {
        display: block;
}
}
@media screen and (min-width: 1240px) {
.articleHeaderFullWidth_1S1jOqLU {
      height: 457px;
}
}
.imageContainer_JTf5Cu2w {
  width: 100%;
}
.contentContainer_1D7KlwNZ {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (min-width: 760px) {
.contentContainer_1D7KlwNZ {
      padding: 18px 0;
      color: #fff;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
}
}
.contentPositionWrapper_2Pm8WNO0 {
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 760px) {
.contentPositionWrapper_2Pm8WNO0 {
      max-width: 83.33333%;
      margin: 0 auto;
}
}
@media screen and (min-width: 1100px) {
.contentPositionWrapper_2Pm8WNO0 {
      margin-left: 16.66667%;
}
}
.copyright_NXbPoJ45 {
  display: none;
  position: absolute;
  right: 22px;
  bottom: 18px;
  line-height: 22px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
  z-index: 2;
}
@media screen and (min-width: 760px) {
.copyright_NXbPoJ45 {
      display: block;
}
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.articleHeaderDefault_3W15eKTc {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 18px;
  display: flex;
  flex-flow: column nowrap;
}
@media screen and (min-width: 760px) {
.articleHeaderDefault_3W15eKTc {
      margin: 60px auto 18px auto;
}
}
.imageContainer_1KeaWe1T {
  position: relative;
  max-width: 860px;
  width: 100%;
}
@media screen and (min-width: 760px) {
.imageContainer_1KeaWe1T {
      order: 2;
      margin-top: 27px;
      padding: 0 18px;
}
}
@media screen and (min-width: 1100px) {
.imageContainer_1KeaWe1T {
      height: 100%;
      left: 8%;
      padding: 0;
}
}
.contentContainer_1TTzPaMC {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 760px) {
.contentContainer_1TTzPaMC {
      max-width: 84%;
      order: 1;
      margin: 0 auto;
}
}
@media screen and (min-width: 1100px) {
.contentContainer_1TTzPaMC {
      width: auto;
      max-width: 100%;
      margin-left: 16.2%;
}
}
@media screen and (min-width: 1240px) {
.contentContainer_1TTzPaMC {
      margin-left: 16.4%;
}
}
.figCaption_1AkJ6GRq {
  display: none;
}
@media screen and (min-width: 760px) {
.figCaption_1AkJ6GRq {
      display: block;
}
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.content_3byPx9xv {
  max-width: 640px;
  width: 100%;
  padding: 16px 16px 0;
}
@media screen and (min-width: 760px) {
.content_3byPx9xv {
      padding: 18px 18px 0;
}
}
@media screen and (min-width: 1240px) {
.content_3byPx9xv {
      padding: 0;
}
}
h1.title_1onamq7g {
  font-size: 26px;
  font-weight: bold;
  margin: 12px 0 16px;
}
@media screen and (min-width: 760px) {
h1.title_1onamq7g {
      font-size: 40px;
}
}
.meta_141Ty2jS {
  line-height: 22px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
.published_iZ3ItlyA {
  display: inline-block;
  color: #999;
}
.publishedIcon_J8OGmZYp {
  margin-right: 2px;
}
.modified_2igOvaBo {
  display: inline-block;
  margin: 0 5px;
  color: #999;
}
.categories_3flhrYg3 {
  display: block;
}
@media screen and (min-width: 760px) {
.categories_3flhrYg3 {
      display: inline-block;
}
}
.link_1O8aqAN6 {
  color: #3f739f;
  text-decoration: none;
}
.link_1O8aqAN6:hover {
    color: #3f739f;
    text-decoration: underline;
}
.link_1O8aqAN6 + .link_1O8aqAN6:before {
  display: inline;
  content: ", ";
}

.articleHeader_352hfHgy {
  width: 100%;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.nieuwsuurDefaultHeaderLogoContainer_6MlNpoTI {
  border-bottom: 1px solid #e3e3e3;
  margin: 20px 0 0 16px;
}
@media screen and (min-width: 760px) {
.nieuwsuurDefaultHeaderLogoContainer_6MlNpoTI {
      margin: 0 0 20px 16px;
}
}
@media screen and (min-width: 1240px) {
.nieuwsuurDefaultHeaderLogoContainer_6MlNpoTI {
      margin: 0 0 40px 0;
}
}
.nieuwsuurDefaultHeaderLogo_2OAOJDtq {
  width: 140px;
  margin-bottom: 10px;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.nieuwsuurFullWidthHeaderLogoContainer_25xVsZn5 {
  border-bottom: 1px solid #e3e3e3;
  margin: 20px 0 0 16px;
}
@media screen and (min-width: 760px) {
.nieuwsuurFullWidthHeaderLogoContainer_25xVsZn5 {
      border-bottom: 0;
      margin: 0 0 0 16px;
}
}
@media screen and (min-width: 1240px) {
.nieuwsuurFullWidthHeaderLogoContainer_25xVsZn5 {
      margin: 0 0 40px 0;
}
}
.nieuwsuurFullWidthHeaderLogoWhite_3z8y5uUS {
  display: none;
}
@media screen and (min-width: 760px) {
.nieuwsuurFullWidthHeaderLogoWhite_3z8y5uUS {
      width: 180px;
      display: block;
}
}
.nieuwsuurFullWidthHeaderLogoBlack_izIVMQat {
  width: 140px;
  margin-bottom: 10px;
  display: block;
}
@media screen and (min-width: 760px) {
.nieuwsuurFullWidthHeaderLogoBlack_izIVMQat {
      display: none;
}
}

.articleHeader_2xL138pN {
  width: 100%;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.op3DefaultHeaderLogoContainer_L28ZURg1 {
  border-bottom: 1px solid #e3e3e3;
  margin: 20px 0 0 16px;
}
@media screen and (min-width: 760px) {
.op3DefaultHeaderLogoContainer_L28ZURg1 {
      margin: 0 0 20px 16px;
}
}
@media screen and (min-width: 1240px) {
.op3DefaultHeaderLogoContainer_L28ZURg1 {
      margin: 0 0 40px 0;
}
}
.op3DefaultHeaderLogo_3hm-6vi3 {
  width: 100px;
  margin-bottom: 10px;
}
@media screen and (min-width: 760px) {
.op3DefaultHeaderLogo_3hm-6vi3 {
      width: 120px;
}
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.op3FullWidthHeaderLogoContainer_2WnZh7V9 {
  border-bottom: 1px solid #e3e3e3;
  margin: 20px 0 0 16px;
}
@media screen and (min-width: 760px) {
.op3FullWidthHeaderLogoContainer_2WnZh7V9 {
      border-bottom: 0;
      margin: 0 0 0 16px;
}
}
@media screen and (min-width: 1240px) {
.op3FullWidthHeaderLogoContainer_2WnZh7V9 {
      margin: 0 0 40px 0;
}
}
.op3FullWidthHeaderLogoWhite_1WajioL2 {
  display: none;
}
@media screen and (min-width: 760px) {
.op3FullWidthHeaderLogoWhite_1WajioL2 {
      width: 120px;
      display: block;
}
}
.op3FullWidthHeaderLogoBlack_1yNWq6py {
  width: 100px;
  margin-bottom: 10px;
  display: block;
}
@media screen and (min-width: 760px) {
.op3FullWidthHeaderLogoBlack_1yNWq6py {
      display: none;
}
}

.articleHeader_1C5Pg2D_ {
  width: 100%;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
a.internalLink_3qgnTYaY {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 0 0.55em 0;
  transition: all 0.2s;
}
a.internalLink_3qgnTYaY:last-child {
    margin: 0;
}
a.internalLink_3qgnTYaY:hover {
    color: #e61e14;
}
a.internalLink_3qgnTYaY:hover .title_2swmadJx {
      color: #e61e14;
}
.image_3pJWjdds {
  min-width: 80px;
  width: 80px;
  margin: 0 0.83em 0 0;
}
@media screen and (min-width: 760px) {
.image_3pJWjdds {
      min-width: 128px;
      width: 128px;
}
}
.title_2swmadJx {
  font-size: 0.83em;
  line-height: 1.4;
  color: #333333;
  transition: all 0.2s;
}
@media screen and (min-width: 760px) {
.title_2swmadJx {
      font-weight: 700;
}
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.externalLink_1oiejpxv {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 0.47em 0;
  padding: 0 1.39em 0 0;
  font-size: .9444444444em;
  font-weight: bold;
  color: #3f739f;
}
.externalLink_1oiejpxv:after {
    content: '';
    border-color: transparent #c4c4c4;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    display: block;
    height: 0;
    width: 0;
    right: 0;
    top: 10px;
    position: absolute;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.alsoSee_1g14JPTa {
  max-width: 640px;
  margin: 0 0 1em 0;
  padding: 0.5em 1em;
  border-left: 1px solid #e3e3e3;
}
.list_sGiV72me {
  margin: 0;
  padding: 0;
}
.listItem_3ZGWdRY_ {
  list-style-type: none;
}
.title_3MAh3Rse {
  margin-top: 0.17em;
  margin-bottom: 0.78em;
  font-size: 0.78em;
  font-weight: 700;
  color: #666666;
  text-transform: uppercase;
}

/**
 * COLORS
 * Color names are created using http://chir.ag/projects/name-that-color with a
 * prefix of the color itself helping recognizing the color, like: `orange-apricot`.
 */
.textWrapper_1rUbmtI6 {
  width: 100%;
  padding: 0 1em;
  margin-bottom: 1.5em;
  font-size: 16px;
}
@media screen and (min-width: 760px) {
.textWrapper_1rUbmtI6 {
      padding: 0;
      font-size: 18px;
}
}
@media screen and (min-width: 900px) {
.textWrapper_1rUbmtI6 {
      float: left;
      clear: left;
      max-width: calc(100% - 300px - 1.5em);
}
}

.newsletterSubscriptionContainer_2cmWUBsK {
  font-family: "Karla", Helvetica, Arial, sans-serif;
}
.header_3fkKSMQK {
  font-family: "Karla", Helvetica,Arial,sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.content_Bv_Ma2SX {
  font-size: 16px;
  color: #fff;
  text-align: center;
  display: inline-block;
}
.icon_2HZlGcs6 {
  width: 20px;
  height: 20px;
}
.text_3N2Z3azx {
  margin: 0 0 24px;
}
.form_28gPa2Ed {
  font-size: 20px;
  color: #fff;
}
.input_3UBN0gh1 {
  width: 75%;
  padding: 8px 40px 8px 16px;
  border: 1px solid #fff;
  border-radius: 20px;
  font-size: 14px;
  background-color: #2365b3;
  color: #fff;
}
@media screen and (min-width: 600px) {
.input_3UBN0gh1 {
      width: 60%;
}
}
.input_3UBN0gh1::placeholder {
    color: #fff;
}
.button_3heCRbp3 {
  margin-left: -40px;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #fff;
  border-radius: 20px 20px 20px 0;
  background-color: #fff;
  color: #2365b3;
  text-transform: uppercase;
}
.invalidEmailErrorMessage_38hutC9l {
  position: relative;
  width: 75%;
  margin: 15px auto;
  padding: 5px 10px;
  background-color: #fff;
  border: 2px solid #e61e14;
  border-radius: 4px;
  box-shadow: 0 0.3px 14px 0 rgba(0, 0, 0, 0.09), 0 0.8px 0.8px 0 rgba(0, 0, 0, 0.09);
  font-weight: bold;
  color: #e61e14;
  font-size: 14px;
}
@media screen and (min-width: 600px) {
.invalidEmailErrorMessage_38hutC9l {
      width: 60%;
}
}
.invalidEmailErrorMessage_38hutC9l:before, .invalidEmailErrorMessage_38hutC9l:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
}
.invalidEmailErrorMessage_38hutC9l:before {
    border-bottom-color: #fff;
    position: absolute;
    bottom: 38px;
    left: 20px;
    z-index: 2;
}
.invalidEmailErrorMessage_38hutC9l:after {
    border-bottom-color: #e61e14;
    position: absolute;
    bottom: 40px;
    left: 20px;
    z-index: 1;
}

.test2_2XVRnRg2 {
  color: red;
  font-size: 20px;
}