/*
 * NOTE: Make sure 'Montserrat' and 'icomoon' are declared the same way
 *      in hk-fonts.css as well!!
 */

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.ttf?vpjzef') format('truetype'),
    url('../fonts/icomoon.woff?vpjzef') format('woff'),
    url('../fonts/icomoon.svg?vpjzef#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

body,
button,
.form-caption h1,
.form-caption p,
.enform {
  font-family: 'Noto Sans KR', sans-serif;
}

/* Overrides */
.logo-greenpeace {
  background-image: url('../images/logo_ko.svg');
  width: 120px !important;
}

@media (max-width: 1023px) {
  .logo-greenpeace {
    width: 100px !important;
  }
}

.page-template-petition .logo-greenpeace,
.page-template-donation .logo-greenpeace,
.page-template-petition-thankyou .logo-greenpeace {
  background-image: url('../images/logo_ko_green.svg');
}

.card-issue .image h4 {
  font-size: 22px !important;
  line-height: 27px !important;
}

@media (min-width: 1280px) {
  .card-issue .image h4 {
    font-size: 31px !important;
    line-height: 38px !important;
  }
}

.card-explainer .description {
  padding: 40px 30px !important;
}

.card-explainer h4 {
  font-size: 30px !important;
  line-height: 40px !important;
}

.card-explainer h4,
.card-explainer p {
  text-align: left !important;
}

.card-explainer p.subtitle {
  letter-spacing: 1px !important;
}

.card-explainer .description p:not(.subtitle) {
  color: #292f47 !important;
}

@media (min-width: 1024px) {
  .section-post-content {
    width: 800px !important;
  }

  .section-post-content blockquote > *,
  .section-post-content .embed-container > *,
  .section-post-content .full-width > *,
  .page-template-petition .outer_block_container blockquote > *,
  .page-template-petition .outer_block_container .embed-container > *,
  .page-template-petition .outer_block_container .full-width > * {
    width: 800px !important;
  }

  .section-post-content .embed-container > iframe {
    width: 100% !important;
  }

}

@media only screen and (min-width: 1024px) {
  .floating-share {
    left: -100px !important;
  }

  .floating-share.is-fixed {
    left: 50vw !important;
    margin-left: -500px !important;
  }
}

.tip .tip-actions .tip-action-buttons .social-box a.tip-share-whatsapp {
  display: none;
}

.section-post-content .post-content p + h2,
.section-post-content .post-content ol + h2,
.section-post-content .post-content ul + h2,
.section-post-content .post-content div + h2,
.section-post-content .post-content blockquote + h2 {
  margin-top: 40px;
}

@media only screen and (min-width: 1024px) {
  .section-hero-top > .ct-container .content .hero-issue-title h1 {
    font-size: 130px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .big-carousel-description p {
    text-align: justify;
  }
}

.section-report-launcher .launcher-content .button {
  font-size: 14px;
  height: auto;
  min-height: 22px;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 16px;
}


@media only screen and (min-width: 1024px) {
  .section-report-launcher .launcher-content .button {
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
    line-height: 39px;
  }
}

.card-mini.mini-update p {
  font-size: 16px !important;
}

@media only screen and (min-width: 1024px) {
  .card-mini.mini-update p {
    font-size: 18px !important;
  }
}

.tip p {
  line-height: 32px !important;
}

.section-latest-news h2 {
  font-size: 28px !important;
}

@media only screen and (min-width: 1024px) {
  .section-latest-news h2 {
    font-size: 38px !important;
  }
}

.card-petition .box p {
  text-align: left !important;
}

a.header__link {
  font-weight: 500;
}