/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
/* Font Size */
/* Line Height */
/* Font  Family */
/* Color */
/* Mixim */
/* Keyframe */
@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes search-open {
  from {
    flex: 0 0 312px; }
  to {
    flex: 0 0 480px; } }

@keyframes search-open-fieldwidth {
  from {
    width: 0; }
  to {
    width: 65%; } }

@keyframes topnav {
  from {
    top: -2em; }
  to {
    top: 0; } }

@keyframes feature-box-hover {
  from {
    opacity: 0;
    top: 100%; }
  to {
    opacity: 1;
    top: 0; } }

@keyframes feature-link-wrapper-image-hover {
  from {
    height: 0;
    align-items: flex-end; }
  to {
    height: 100%;
    align-items: center; } }

/****************************************
Start Document
****************************************/
body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Microsoft JhengHei, NotoSansJP-Regular, NotoSansKR-Regular, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6em; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 18px; } }

h1 {
  font-size: 2.6em;
  line-height: 120%;
  color: #d52323; }

h2 {
  font-size: 1.8em;
  line-height: 140%; }

h3 {
  font-size: 1.4em;
  line-height: 150%; }

h4 {
  font-size: 1.3em; }

h5 {
  font-size: 1.2em; }

h6 {
  font-size: 1.125em; }

a {
  color: #d52323; }
  a:hover, a:focus {
    color: #7e0201; }
  a img {
    border-style: none; }

img {
  max-width: 100%; }

p {
  margin: 0 0 1.4em; }

/****************************************
Header
****************************************/
.navbar-default {
  padding: 1.1em 0 1.7em;
  background-color: transparent;
  border: none;
  border-radius: 0; }
  @media screen and (min-width: 1200px) {
    .navbar-default {
      padding: 2.2em 0 1.7em; } }
  .navbar-default.navbar {
    margin-bottom: 0; }
  .navbar-default:after {
    content: "";
    width: 100%;
    height: 0.3em;
    background-color: #e6e6e6;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block; }
  .navbar-default .container {
    width: 100%;
    margin: 0 auto;
    padding-left: 1em;
    padding-right: 1em;
    display: flex;
    align-items: flex-end; }
    @media screen and (min-width: 768px) {
      .navbar-default .container {
        align-items: flex-start; } }
    @media screen and (min-width: 1200px) {
      .navbar-default .container {
        width: 1200px;
        align-items: flex-end; } }
    @media screen and (min-width: 1440px) {
      .navbar-default .container {
        padding-left: 0;
        padding-right: 0; } }
  .navbar-default .navbar-header {
    flex: 0 0 8.4em; }
  .navbar-default .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    flex: 1; }
  .navbar-default .region-top-bar-right {
    flex: 1; }
    @media screen and (min-width: 768px) {
      .navbar-default .region-top-bar-right {
        flex: 0 0 17em; } }
    @media screen and (min-width: 1200px) {
      .navbar-default .region-top-bar-right {
        flex: 0 0 14em; } }

/* Supplementary Menu */
.region-top-bar-right {
  position: relative;
  bottom: 0; }
  @media screen and (min-width: 1200px) {
    .region-top-bar-right {
      bottom: -0.4em; } }
  .region-top-bar-right .topbar-right-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    @media screen and (min-width: 600px) {
      .region-top-bar-right .topbar-right-wrapper {
        flex-direction: row;
        align-items: inherit;
        justify-content: flex-end; } }
    @media screen and (min-width: 768px) {
      .region-top-bar-right .topbar-right-wrapper {
        justify-content: flex-start; } }
    @media screen and (min-width: 1200px) {
      .region-top-bar-right .topbar-right-wrapper {
        justify-content: flex-end; } }
    .region-top-bar-right .topbar-right-wrapper .lang-switcher .bootstrap-select {
      max-width: 5em; }
      .region-top-bar-right .topbar-right-wrapper .lang-switcher .bootstrap-select .btn-default {
        background-color: none;
        border: none; }
        .region-top-bar-right .topbar-right-wrapper .lang-switcher .bootstrap-select .btn-default.btn {
          padding: 0.4em 1em;
          border-radius: 0;
          font-size: 0.8em; }
          @media screen and (min-width: 600px) {
            .region-top-bar-right .topbar-right-wrapper .lang-switcher .bootstrap-select .btn-default.btn {
              font-size: 1em; } }
      .region-top-bar-right .topbar-right-wrapper .lang-switcher .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        overflow: visible; }
      .region-top-bar-right .topbar-right-wrapper .lang-switcher .bootstrap-select .dropdown-menu {
        border-radius: 0; }
        .region-top-bar-right .topbar-right-wrapper .lang-switcher .bootstrap-select .dropdown-menu > .active > a {
          background-color: #d52323; }
    .region-top-bar-right .topbar-right-wrapper .pay-your-workers-link {
      padding: 0.2em 0.7em;
      background-color: #d52323;
      display: inline-block;
      font-size: 0.8em;
      color: white;
      order: 0; }
      @media screen and (min-width: 600px) {
        .region-top-bar-right .topbar-right-wrapper .pay-your-workers-link {
          padding: 0.3em 0.8em;
          font-size: 0.9em; } }
      @media screen and (min-width: 992px) {
        .region-top-bar-right .topbar-right-wrapper .pay-your-workers-link {
          order: 1; } }
      .region-top-bar-right .topbar-right-wrapper .pay-your-workers-link:hover, .region-top-bar-right .topbar-right-wrapper .pay-your-workers-link:focus {
        background-color: #7e0201;
        text-decoration: none; }

/* Main Navigation */
.navbar-default .navbar-nav {
  width: 100%;
  display: none; }
  @media screen and (min-width: 1200px) {
    .navbar-default .navbar-nav {
      display: flex;
      justify-content: center; } }
  .navbar-default .navbar-nav > li > a {
    font-size: 1em;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    color: black;
    line-height: 130%; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #d52323; }
    .navbar-default .navbar-nav > li > a.active-trail {
      background: none;
      color: #d52323; }
    .navbar-default .navbar-nav > li > a .caret {
      display: none; }
  .navbar-default .navbar-nav > li.open > a {
    background-color: transparent;
    color: #d52323; }
    .navbar-default .navbar-nav > li.open > a:Hover, .navbar-default .navbar-nav > li.open > a:focus {
      background-color: transparent;
      color: #d52323; }
  .navbar-default .navbar-nav > li.active > a {
    color: inherit;
    background-color: transparent; }
    .navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus {
      color: #d52323;
      background-color: transparent; }
  .navbar-default .navbar-nav > li .dropdown-menu {
    margin: 0;
    padding: 0;
    border-style: none;
    border-radius: 0;
    font-size: 0.9em;
    -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.35);
    top: 110%; }
    .navbar-default .navbar-nav > li .dropdown-menu > li > a {
      min-height: 2.8em;
      padding: 0 0.8em 0 0;
      border-bottom: 1px #f2f2f2 solid;
      position: relative;
      display: flex;
      align-items: center; }
      .navbar-default .navbar-nav > li .dropdown-menu > li > a:before {
        content: "";
        width: 0.5em;
        min-height: 2.8em;
        margin: 0 0.6em 0 0;
        background-color: #d52323;
        display: block; }
      .navbar-default .navbar-nav > li .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li .dropdown-menu > li > a:focus {
        background-color: #d52323;
        color: white; }
        .navbar-default .navbar-nav > li .dropdown-menu > li > a:hover:before, .navbar-default .navbar-nav > li .dropdown-menu > li > a:focus:before {
          background-color: #7e0201; }
    .navbar-default .navbar-nav > li .dropdown-menu > li.last > a {
      border-bottom: none; }

.nav > li > a {
  padding: 0 0.8em; }

.nav > li.first > a {
  padding: 0 0.8em 0 0; }

.nav > li.last > a {
  padding: 0 0 0 0.8em; }

.navbar-toggle {
  width: 3em;
  margin: 0;
  padding: 0.9em 0.7em;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #d52323;
  border: none;
  border-radius: 0;
  z-index: 3;
  float: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .navbar-toggle .sr-only {
    display: none; }
  .navbar-toggle .icon-bar {
    background-color: white;
    width: 1.6em;
    height: 0.1em;
    border-radius: 0; }
  .navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #7e0201; }
  @media screen and (min-width: 1200px) {
    .navbar-toggle {
      display: none; } }

/* Drawn menu */
.navmenu-fixed-right .navbar-nav {
  float: none; }
  .navmenu-fixed-right .navbar-nav > li {
    float: none;
    border-bottom: 1px solid white; }
    .navmenu-fixed-right .navbar-nav > li > a {
      padding: 0.8em;
      background-color: #d52323;
      color: white;
      position: relative;
      display: block; }
      .navmenu-fixed-right .navbar-nav > li > a:hover, .navmenu-fixed-right .navbar-nav > li > a:focus {
        background-color: #7e0201; }
      .navmenu-fixed-right .navbar-nav > li > a:after {
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-size: 0.8em;
        font-weight: bold;
        float: right;
        display: block; }
    .navmenu-fixed-right .navbar-nav > li.open > a {
      background-color: #7e0201; }
      .navmenu-fixed-right .navbar-nav > li.open > a:after {
        content: "\f107"; }
    .navmenu-fixed-right .navbar-nav > li:last-child {
      border-bottom: 0; }
    .navmenu-fixed-right .navbar-nav > li .dropdown-menu {
      margin: 0;
      padding: 0.8em 0;
      float: none;
      box-shadow: none;
      position: static;
      font-size: 0.9em;
      border: none;
      border-radius: 0; }
      .navmenu-fixed-right .navbar-nav > li .dropdown-menu > li > a {
        padding: 0.4em 1em;
        position: relative; }
        .navmenu-fixed-right .navbar-nav > li .dropdown-menu > li > a:before {
          content: "\f105";
          margin: 0 0.8em 0 0;
          font-family: "Font Awesome 5 Free";
          font-weight: bold;
          float: left;
          display: block; }
    .navmenu-fixed-right .navbar-nav > li .dropdown-toggle .caret {
      display: none; }

.user-logged-in .region-top-bar-right .topbar-right-wrapper {
  top: 0px; }

/****************************************
Main Container
****************************************/
.main-container.container {
  width: 100%;
  margin: 2em auto;
  padding-left: 1em;
  padding-right: 1em; }
  @media screen and (min-width: 1200px) {
    .main-container.container {
      width: 1200px;
      margin: 3em auto; } }
  @media screen and (min-width: 1440px) {
    .main-container.container {
      margin: 3.9em auto;
      padding-left: 0;
      padding-right: 0; } }
  .main-container.container > .row {
    margin-left: 0;
    margin-right: 0; }
    .main-container.container > .row > .col-sm-12 {
      padding-left: 0;
      padding-right: 0; }

.main-container section.col-sm-12 {
  padding-left: 0;
  padding-right: 0; }

.page-header {
  margin: 0 0 0.6em;
  padding-bottom: 0;
  font-family: Helvetica-Bold, Microsoft JhengHei, Arial, sans-serif;
  border-bottom: none;
  color: #d52323; }
  @media screen and (min-width: 1440px) {
    .page-header {
      margin: 0 0 1em; } }

/****************************************
Frontpage
****************************************/
.path-frontpage {
  /* Block title */ }
  .path-frontpage .navbar-default:after {
    display: none; }
  .path-frontpage .page-header {
    display: none; }
  .path-frontpage .main-container {
    display: none; }
  .path-frontpage .front-campaign .block-title, .path-frontpage .front-ccc-update .block-title {
    margin-top: 0;
    margin-bottom: 0.6em;
    color: #d52323;
    font-size: 1.8em;
    font-family: Helvetica-Bold, Microsoft JhengHei, Arial, sans-serif;
    text-align: center;
    line-height: 120%;
    text-transform: uppercase; }
    @media screen and (min-width: 992px) {
      .path-frontpage .front-campaign .block-title, .path-frontpage .front-ccc-update .block-title {
        font-size: 2.5em; } }

/* Carousel */
#views-bootstrap-carousel-block-1 .carousel-inner .carousel-image {
  position: relative; }
  #views-bootstrap-carousel-block-1 .carousel-inner .carousel-image img {
    width: 100%; }
  #views-bootstrap-carousel-block-1 .carousel-inner .carousel-image .color-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 40, 0.4);
    position: absolute;
    overflow: hidden;
    z-index: 1; }

#views-bootstrap-carousel-block-1 .carousel-inner .carousel-title {
  width: 100%;
  height: 100%;
  padding: 0.7em 0.5em;
  color: white;
  font-size: 1.6em;
  font-family: Helvetica-Bold, Microsoft JhengHei, Arial, sans-serif;
  z-index: 2;
  display: flex;
  align-items: center;
  line-height: 130%;
  background-color: #d52323; }
  @media screen and (min-width: 600px) {
    #views-bootstrap-carousel-block-1 .carousel-inner .carousel-title {
      padding: 0.9em 0.8em; } }
  @media screen and (min-width: 768px) {
    #views-bootstrap-carousel-block-1 .carousel-inner .carousel-title {
      padding: 0 0 0 1.5em;
      font-size: 2.2em;
      position: absolute;
      left: 0;
      top: 0;
      background-color: transparent; } }
  @media screen and (min-width: 992px) {
    #views-bootstrap-carousel-block-1 .carousel-inner .carousel-title {
      font-size: 2.5em; } }
  @media screen and (min-width: 1200px) {
    #views-bootstrap-carousel-block-1 .carousel-inner .carousel-title {
      padding: 0 0 0 2em;
      font-size: 3.2em; } }
  @media screen and (min-width: 1440px) {
    #views-bootstrap-carousel-block-1 .carousel-inner .carousel-title {
      font-size: 4em; } }
  #views-bootstrap-carousel-block-1 .carousel-inner .carousel-title .title-text {
    line-height: 110%; }
    @media screen and (min-width: 768px) {
      #views-bootstrap-carousel-block-1 .carousel-inner .carousel-title .title-text {
        width: 70%;
        text-shadow: 2px 2px 5px black; } }
    @media screen and (min-width: 992px) {
      #views-bootstrap-carousel-block-1 .carousel-inner .carousel-title .title-text {
        width: 50%; } }
    @media screen and (min-width: 1200px) {
      #views-bootstrap-carousel-block-1 .carousel-inner .carousel-title .title-text {
        width: 30%; } }

#views-bootstrap-carousel-block-1 .carousel-control {
  width: 10%;
  font-size: inherit;
  opacity: 1; }
  #views-bootstrap-carousel-block-1 .carousel-control .glyphicon-chevron-left, #views-bootstrap-carousel-block-1 .carousel-control .glyphicon-chevron-right {
    width: auto;
    height: auto;
    font-size: 2em; }
    @media screen and (min-width: 768px) {
      #views-bootstrap-carousel-block-1 .carousel-control .glyphicon-chevron-left, #views-bootstrap-carousel-block-1 .carousel-control .glyphicon-chevron-right {
        width: 8%; } }
    @media screen and (min-width: 992px) {
      #views-bootstrap-carousel-block-1 .carousel-control .glyphicon-chevron-left, #views-bootstrap-carousel-block-1 .carousel-control .glyphicon-chevron-right {
        width: 5%; } }
    @media screen and (min-width: 1200px) {
      #views-bootstrap-carousel-block-1 .carousel-control .glyphicon-chevron-left, #views-bootstrap-carousel-block-1 .carousel-control .glyphicon-chevron-right {
        font-size: 2.5em; } }
  #views-bootstrap-carousel-block-1 .carousel-control.left, #views-bootstrap-carousel-block-1 .carousel-control.right {
    background-image: none; }
  #views-bootstrap-carousel-block-1 .carousel-control:hover, #views-bootstrap-carousel-block-1 .carousel-control:focus {
    color: #d52323; }
    #views-bootstrap-carousel-block-1 .carousel-control:hover.left, #views-bootstrap-carousel-block-1 .carousel-control:focus.left {
      background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
      background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
      background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); }
    #views-bootstrap-carousel-block-1 .carousel-control:hover.right, #views-bootstrap-carousel-block-1 .carousel-control:focus.right {
      background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
      background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
      background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); }

#views-bootstrap-carousel-block-1 .carousel-indicators {
  display: none; }

/* Our Campaign */
.front-campaign {
  margin: 2em 0 0;
  padding: 0 0 4em; }
  @media screen and (min-width: 768px) {
    .front-campaign {
      margin: 3em 0 0; } }
  @media screen and (min-width: 1200px) {
    .front-campaign {
      margin: 5em 0 0; } }
  .front-campaign .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 1200px) {
      .front-campaign .container {
        width: 1200px; } }

#block-ourcampaign .campain-blocks.desktop {
  display: none; }
  @media screen and (min-width: 768px) {
    #block-ourcampaign .campain-blocks.desktop {
      display: block; } }

#block-ourcampaign .campain-blocks.mobile {
  display: block;
  position: relative; }
  @media screen and (min-width: 768px) {
    #block-ourcampaign .campain-blocks.mobile {
      display: none; } }

#block-ourcampaign .field--name-field-desc {
  margin: 0 0 1.5em;
  padding: 0 1em;
  line-height: 130%;
  color: #4d4d4d;
  text-align: center; }
  @media screen and (min-width: 992px) {
    #block-ourcampaign .field--name-field-desc {
      margin: 0 0 2em; } }
  @media screen and (min-width: 1200px) {
    #block-ourcampaign .field--name-field-desc {
      margin: 0 0 3em; } }
  @media screen and (min-width: 1440px) {
    #block-ourcampaign .field--name-field-desc {
      padding: 0; } }

#block-ourcampaign .field--name-field-campaign-block-contents {
  display: flex;
  flex-wrap: wrap; }
  #block-ourcampaign .field--name-field-campaign-block-contents > .field--item {
    margin: 0 0 1.5em;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }
    @media screen and (min-width: 992px) {
      #block-ourcampaign .field--name-field-campaign-block-contents > .field--item {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%; } }

@media screen and (min-width: 768px) {
  #block-ourcampaign .campaign-block {
    padding: 0 0.6em; } }

#block-ourcampaign .campaign-block a {
  color: black; }
  #block-ourcampaign .campaign-block a:hover, #block-ourcampaign .campaign-block a:focus {
    color: #d52323;
    text-decoration: none; }

#block-ourcampaign .campaign-block .campaign-block-title {
  margin: 0.4em 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 130%; }

/* CCC Update */
.front-ccc-update {
  padding: 2em 0;
  background-color: #f2f2f2; }
  @media screen and (min-width: 768px) {
    .front-ccc-update {
      margin: 3em 0 0; } }
  @media screen and (min-width: 1200px) {
    .front-ccc-update {
      padding: 5em 0; } }
  .front-ccc-update .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 1200px) {
      .front-ccc-update .container {
        width: 1200px; } }

#block-views-block-ccc-update-block-1 {
  display: none; }
  @media screen and (min-width: 768px) {
    #block-views-block-ccc-update-block-1 {
      display: block; } }

#block-views-block-ccc-update-block-2 {
  display: block; }
  @media screen and (min-width: 768px) {
    #block-views-block-ccc-update-block-2 {
      display: none; } }

.view-ccc-update .row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap; }

.view-ccc-update .col {
  width: 100%;
  margin: 0 0 1em;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 768px) {
    .view-ccc-update .col {
      width: 50%;
      padding-left: 0.6em;
      padding-right: 0.6em; } }
  @media screen and (min-width: 1200px) {
    .view-ccc-update .col {
      width: 25%;
      padding-left: 0.8em;
      padding-right: 0.8em; } }
  .view-ccc-update .col a:hover {
    text-decoration: none; }

.view-ccc-update .views-field-nothing {
  height: 100%;
  padding: 0.6em;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: white; }
  @media screen and (min-width: 1200px) {
    .view-ccc-update .views-field-nothing {
      padding: 0.8em; } }
  .view-ccc-update .views-field-nothing .field-content {
    height: 100%; }
    .view-ccc-update .views-field-nothing .field-content a {
      color: black; }
      .view-ccc-update .views-field-nothing .field-content a:hover, .view-ccc-update .views-field-nothing .field-content a:focus {
        color: #d52323;
        text-decoration: none; }

.view-ccc-update .article-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column; }

.view-ccc-update .article-info {
  flex: 1; }
  .view-ccc-update .article-info .article-image img {
    width: 100%; }
  .view-ccc-update .article-info .article-title {
    margin: 0.5em 0 1em;
    font-weight: bold;
    line-height: 130%; }

.view-ccc-update .article-date {
  color: #d52323;
  font-size: 0.8em; }

.view-ccc-update .swiper {
  position: relative; }

.view-ccc-update .view-footer {
  margin: 1.5em 0 0;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .view-ccc-update .view-footer {
      margin: 2.5em 0 0; } }
  .view-ccc-update .view-footer .view-more-link {
    font-size: 0.8em; }

/* Take Action */
.view-take-action .row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap; }

.view-take-action .col {
  width: 100%;
  margin: 0 0 1em;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 768px) {
    .view-take-action .col {
      width: 50%;
      padding-left: 0.6em;
      padding-right: 0.6em; } }
  @media screen and (min-width: 1200px) {
    .view-take-action .col {
      width: 25%;
      padding-left: 0.8em;
      padding-right: 0.8em; } }
  .view-take-action .col a:hover {
    text-decoration: none; }

.view-take-action .views-field-nothing {
  height: 100%;
  padding: 0.6em;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: white; }
  @media screen and (min-width: 1200px) {
    .view-take-action .views-field-nothing {
      padding: 0.8em; } }
  .view-take-action .views-field-nothing .field-content {
    height: 100%; }
    .view-take-action .views-field-nothing .field-content a {
      color: black; }
      .view-take-action .views-field-nothing .field-content a:hover, .view-take-action .views-field-nothing .field-content a:focus {
        color: #d52323;
        text-decoration: none; }

.view-take-action .article-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column; }

.view-take-action .article-info {
  flex: 1; }
  .view-take-action .article-info .article-image img {
    width: 100%; }
  .view-take-action .article-info .article-title {
    margin: 0.5em 0 1em;
    font-weight: bold;
    line-height: 130%; }

.view-take-action .article-date {
  color: #d52323;
  font-size: 0.8em; }

.view-take-action .swiper {
  position: relative; }

.view-take-action .view-footer {
  margin: 1.5em 0 0;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .view-take-action .view-footer {
      margin: 2.5em 0 0; } }
  .view-take-action .view-footer .view-more-link {
    font-size: 0.8em; }

/* Downloadable */
.view-reports-and-publications .row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap; }

.view-reports-and-publications .col {
  margin: 0 0 1em;
  padding-left: 0.6em;
  padding-right: 0.6em; }
  @media screen and (min-width: 1200px) {
    .view-reports-and-publications .col {
      margin: 0;
      padding-left: 0.8em;
      padding-right: 0.8em; } }
  .view-reports-and-publications .col a:hover {
    text-decoration: none; }

.view-reports-and-publications .views-field-nothing {
  height: 100%; }
  @media screen and (min-width: 768px) {
    .view-reports-and-publications .views-field-nothing {
      padding: 0.6em;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      background-color: white; } }
  @media screen and (min-width: 1200px) {
    .view-reports-and-publications .views-field-nothing {
      padding: 0.8em; } }
  .view-reports-and-publications .views-field-nothing .field-content {
    height: 100%; }
    .view-reports-and-publications .views-field-nothing .field-content a {
      color: black; }
      .view-reports-and-publications .views-field-nothing .field-content a:hover, .view-reports-and-publications .views-field-nothing .field-content a:focus {
        color: #d52323;
        text-decoration: none; }

.view-reports-and-publications .article-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column; }

.view-reports-and-publications .article-info {
  flex: 1; }
  .view-reports-and-publications .article-info .article-image img {
    width: 100%; }
  .view-reports-and-publications .article-info .article-title {
    margin: 0.5em 0 1em;
    font-weight: bold;
    line-height: 130%; }

.view-reports-and-publications .swiper {
  position: relative; }

.view-reports-and-publications .view-footer {
  margin: 1.5em 0 0;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .view-reports-and-publications .view-footer {
      margin: 2.5em 0 0; } }
  .view-reports-and-publications .view-footer .view-more-link {
    font-size: 0.8em; }

/****************************************
Footer
****************************************/
/* Footer Top */
.footer-top {
  padding: 2em 0;
  background-color: #d52323;
  color: white; }
  @media screen and (min-width: 1440px) {
    .footer-top {
      padding: 3em 0; } }
  .footer-top.desktop {
    display: none; }
    @media screen and (min-width: 992px) {
      .footer-top.desktop {
        display: block; } }
  .footer-top.mobile {
    display: block; }
    @media screen and (min-width: 992px) {
      .footer-top.mobile {
        display: none; } }
  .footer-top .footer-top-inner {
    width: 100%;
    padding: 0 1em;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 600px) {
      .footer-top .footer-top-inner {
        margin: 0 0 1.5em;
        flex-direction: row; } }
    @media screen and (min-width: 992px) {
      .footer-top .footer-top-inner {
        margin: auto; } }
    @media screen and (min-width: 1200px) {
      .footer-top .footer-top-inner {
        width: 1200px; } }
    @media screen and (min-width: 1440px) {
      .footer-top .footer-top-inner {
        padding: 0; } }
    .footer-top .footer-top-inner .region {
      height: 100%;
      padding: 1em 0 0.6em; }
  .footer-top .footer-top-1 {
    margin: 0 0 1em;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
    @media screen and (min-width: 600px) {
      .footer-top .footer-top-1 {
        margin: 0;
        border-right: 1px dashed white;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%; } }
    @media screen and (min-width: 992px) {
      .footer-top .footer-top-1 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%; } }
  .footer-top .footer-top-2 {
    margin: 0 0 1em;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
    @media screen and (min-width: 600px) {
      .footer-top .footer-top-2 {
        margin: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%; } }
    @media screen and (min-width: 992px) {
      .footer-top .footer-top-2 {
        border-right: 1px dashed white;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%; } }
  .footer-top .footer-top-3 {
    margin: 0 0 1em;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
    @media screen and (min-width: 600px) {
      .footer-top .footer-top-3 {
        margin: 0; } }
    @media screen and (min-width: 992px) {
      .footer-top .footer-top-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%; } }
  .footer-top #block-takeactionandsupportlivingwagecampaign {
    height: 100%; }
    @media screen and (min-width: 600px) {
      .footer-top #block-takeactionandsupportlivingwagecampaign {
        padding: 0 2em 0 0; } }
  .footer-top #block-getinvolved {
    height: 100%; }
    @media screen and (min-width: 600px) {
      .footer-top #block-getinvolved {
        padding: 0 0 0 2em; } }
    @media screen and (min-width: 992px) {
      .footer-top #block-getinvolved {
        padding: 0 2em; } }
  .footer-top #block-newslettersubscription {
    height: 100%;
    padding: 0 1em; }
    @media screen and (min-width: 992px) {
      .footer-top #block-newslettersubscription {
        padding: 0 0 0 2em; } }
  .footer-top .footer-block-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column; }
  .footer-top .block-icon-body {
    flex: 1; }
  .footer-top .field--name-field-block-icon {
    min-height: 78px;
    display: flex;
    align-items: center; }
    .footer-top .field--name-field-block-icon .img-responsive {
      margin-left: auto;
      margin-right: auto; }
  .footer-top .field--name-field-block-title {
    margin: 0.8em 0 1em;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    line-height: 120%; }
    @media screen and (min-width: 992px) {
      .footer-top .field--name-field-block-title {
        min-height: 57px; } }
  .footer-top .field--name-body {
    margin: 0 0 1.5em; }
    @media screen and (min-width: 992px) {
      .footer-top .field--name-body {
        margin: 0 0 2em; } }
  .footer-top .block-link {
    text-align: center; }
    .footer-top .block-link .btn-primary {
      width: 80%;
      background-color: #7e0201;
      font-size: 0.8em; }
      .footer-top .block-link .btn-primary:hover, .footer-top .block-link .btn-primary:focus {
        background-color: white;
        color: #d52323; }

/* Footer bottom */
.footer-wrapper {
  background-color: black;
  /* Copyright */ }
  .footer-wrapper .footer {
    width: 100%;
    margin: 0 auto;
    padding: 2em 1em 1em;
    border-top: none; }
    @media screen and (min-width: 1024px) {
      .footer-wrapper .footer {
        padding: 2em 1em; } }
    @media screen and (min-width: 1200px) {
      .footer-wrapper .footer {
        width: 1200px; } }
    @media screen and (min-width: 1440px) {
      .footer-wrapper .footer {
        padding: 2.7em 0 4em; } }
  .footer-wrapper .region-footer {
    display: flex;
    flex-direction: column;
    position: relative; }
    @media screen and (min-width: 1024px) {
      .footer-wrapper .region-footer {
        flex-direction: row; } }
  .footer-wrapper #block-footerlogoblock {
    flex: 0 0 7.8em; }
  .footer-wrapper #block-footer {
    flex: 1; }
    .footer-wrapper #block-footer .menu--footer {
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap; }
      @media screen and (min-width: 1024px) {
        .footer-wrapper #block-footer .menu--footer {
          padding: 0 0 0 10%; } }
      .footer-wrapper #block-footer .menu--footer > li {
        margin: 0 0 1em;
        flex: 0 0 100%; }
        @media screen and (min-width: 380px) {
          .footer-wrapper #block-footer .menu--footer > li {
            flex: 0 0 50%; } }
        @media screen and (min-width: 768px) {
          .footer-wrapper #block-footer .menu--footer > li {
            margin: 0;
            flex: 0 0 25%; } }
        .footer-wrapper #block-footer .menu--footer > li > a {
          padding: 0;
          color: white;
          font-size: 0.9em; }
          @media screen and (min-width: 768px) {
            .footer-wrapper #block-footer .menu--footer > li > a {
              margin: 0 0 0.8em; } }
          .footer-wrapper #block-footer .menu--footer > li > a:hover, .footer-wrapper #block-footer .menu--footer > li > a:focus {
            background-color: transparent;
            color: #d52323; }
          .footer-wrapper #block-footer .menu--footer > li > a .caret {
            display: none; }
        .footer-wrapper #block-footer .menu--footer > li .navbar-text {
          margin-left: 0;
          margin-right: 0;
          margin-top: 0;
          margin-bottom: 0;
          color: white; }
          @media screen and (min-width: 768px) {
            .footer-wrapper #block-footer .menu--footer > li .navbar-text {
              margin-bottom: 0.8em; } }
          .footer-wrapper #block-footer .menu--footer > li .navbar-text .caret {
            display: none; }
        .footer-wrapper #block-footer .menu--footer > li .dropdown-menu {
          margin: 0;
          padding: 0;
          float: none;
          display: block;
          position: static;
          background: none; }
          .footer-wrapper #block-footer .menu--footer > li .dropdown-menu li a {
            padding: 0;
            color: white;
            font-size: 1.1em; }
            @media screen and (min-width: 768px) {
              .footer-wrapper #block-footer .menu--footer > li .dropdown-menu li a {
                margin: 0 0 0.8em; } }
            .footer-wrapper #block-footer .menu--footer > li .dropdown-menu li a:hover, .footer-wrapper #block-footer .menu--footer > li .dropdown-menu li a:focus {
              background-color: transparent;
              color: #d52323; }
  .footer-wrapper #block-footersns {
    flex: 0 0 10.8em;
    display: none;
    justify-content: flex-end; }
    @media screen and (min-width: 1024px) {
      .footer-wrapper #block-footersns {
        display: flex; } }
  .footer-wrapper #block-footersnsmobile {
    margin: 0 0 1.5em;
    display: flex; }
    @media screen and (min-width: 600px) {
      .footer-wrapper #block-footersnsmobile {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0; } }
    @media screen and (min-width: 1024px) {
      .footer-wrapper #block-footersnsmobile {
        display: none; } }
  .footer-wrapper .sns-wrapper {
    display: flex; }
    .footer-wrapper .sns-wrapper .sns-button {
      width: 2em;
      height: 2em;
      margin: 0 0.8em 0 0;
      color: black;
      background-color: white;
      border-radius: 0.3em;
      display: flex;
      align-items: center;
      justify-content: center; }
      .footer-wrapper .sns-wrapper .sns-button:hover, .footer-wrapper .sns-wrapper .sns-button:focus {
        background-color: #d52323;
        text-decoration: none; }
      .footer-wrapper .sns-wrapper .sns-button.sns-youtube {
        margin: 0; }
      .footer-wrapper .sns-wrapper .sns-button .fa-brands {
        font-size: 1.2em; }
  .footer-wrapper .region-footer-bottom {
    width: 100%;
    margin: 0 auto;
    padding: 0 1em; }
    @media screen and (min-width: 1200px) {
      .footer-wrapper .region-footer-bottom {
        width: 1200px; } }
    @media screen and (min-width: 1440px) {
      .footer-wrapper .region-footer-bottom {
        padding: 0; } }
    .footer-wrapper .region-footer-bottom .footer-links {
      padding: 0 0 1em;
      color: white;
      font-size: 0.8em;
      position: relative;
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 600px) {
        .footer-wrapper .region-footer-bottom .footer-links {
          height: 3.5em;
          padding: 0;
          flex-direction: row; } }
    .footer-wrapper .region-footer-bottom .privacy-link {
      display: inline-block;
      color: white; }
      @media screen and (min-width: 600px) {
        .footer-wrapper .region-footer-bottom .privacy-link {
          margin: 0 0 0 2em;
          flex: 1; } }
      .footer-wrapper .region-footer-bottom .privacy-link:hover, .footer-wrapper .region-footer-bottom .privacy-link:focus {
        color: #d52323; }
  .footer-wrapper .back-to-top {
    width: 2.5em;
    height: 2.5em;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0; }
    .footer-wrapper .back-to-top:hover, .footer-wrapper .back-to-top:focus {
      background-color: #d52323;
      cursor: pointer; }

/****************************************
Content
****************************************/
/* Take Action */
.field--name-field-action-link {
  margin: 2em 0 0; }
  .field--name-field-action-link a {
    padding: 0.5em 1.8em;
    background-color: #d52323;
    border-radius: 2em;
    color: white;
    font-size: 1.2em;
    display: inline-block;
    line-height: 120%; }
    .field--name-field-action-link a:hover, .field--name-field-action-link a:focus {
      background-color: #7e0201;
      text-decoration: none; }

/* Stay Informed */
#mc_embed_signup {
  margin: 0 0 2em; }
  #mc_embed_signup form {
    padding: 0 !important; }
  #mc_embed_signup input {
    border-radius: 0 !important; }
  #mc_embed_signup .mc-field-group {
    width: 100% !important; }
    #mc_embed_signup .mc-field-group label {
      margin-bottom: 0 !important; }
    #mc_embed_signup .mc-field-group input {
      padding: 0.3em 0 !important;
      text-indent: 1% !important; }
  #mc_embed_signup .button {
    height: auto !important;
    margin: 0 !important;
    padding: 0.3em 1.4em !important;
    background-color: #d52323 !important;
    font-size: 1.4em !important; }

#mergeRow-gdpr p {
  margin: 0; }

#mergeRow-gdpr .mc-field-group .checkbox input[type="checkbox"] {
  margin-left: 0;
  position: inherit; }

/* Latest Urgent Appeal */
.view-urgent-appeal .row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap; }

.view-urgent-appeal .col a:hover, .view-urgent-appeal .col a:focus {
  text-decoration: none; }

.view-urgent-appeal .views-field-nothing-1 {
  height: 100%;
  padding: 0.8em;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: white; }
  .view-urgent-appeal .views-field-nothing-1 .field-content {
    height: 100%; }

.view-urgent-appeal .campaign-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .view-urgent-appeal .campaign-wrapper .campaign-info {
    margin: 0 0 1.5em;
    flex: 1; }
  .view-urgent-appeal .campaign-wrapper .campaign-title {
    margin: 0.5em 0;
    font-weight: bold;
    color: black; }
  .view-urgent-appeal .campaign-wrapper .campaign-date {
    font-size: 0.8em;
    color: #d52323; }

.view-urgent-appeal .campaign-action-link {
  text-align: center; }
  .view-urgent-appeal .campaign-action-link .btn-primary {
    font-size: 0.8em; }

/* Urgent Appeal Campaign */
.page-node-type-campaign .main-container {
  width: 100%;
  padding: 0; }

.page-node-type-campaign .page-header {
  display: none; }

.page-node-type-campaign .campaign-content.container {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 1200px) {
    .page-node-type-campaign .campaign-content.container {
      width: 1200px; } }

.page-node-type-campaign .campaign-content .page-header {
  display: block;
  padding: 0 0.4em; }
  @media screen and (min-width: 1440px) {
    .page-node-type-campaign .campaign-content .page-header {
      padding: 0; } }

.page-node-type-campaign .field--name-field-feature-image {
  margin: 0 0 2em;
  padding: 0 1em; }
  @media screen and (min-width: 1440px) {
    .page-node-type-campaign .field--name-field-feature-image {
      padding: 0; } }

.page-node-type-campaign .campaign-content .field--name-body {
  padding: 0 1em; }
  @media screen and (min-width: 1440px) {
    .page-node-type-campaign .campaign-content .field--name-body {
      padding: 0; } }

.page-node-type-campaign .timeline-wrapper {
  margin: 3.5em 0 0;
  padding: 3.5em 0;
  background-color: #e6e6e6; }
  @media screen and (min-width: 1440px) {
    .page-node-type-campaign .timeline-wrapper {
      margin: 4.4em 0 0;
      padding: 4.4em 0; } }
  .page-node-type-campaign .timeline-wrapper .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 1200px) {
      .page-node-type-campaign .timeline-wrapper .container {
        width: 1200px; } }
  .page-node-type-campaign .timeline-wrapper .section-title {
    margin: 0 0 1.4em;
    padding: 0 1em;
    color: black;
    font-size: 1.5em;
    font-weight: bold; }
    @media screen and (min-width: 1440px) {
      .page-node-type-campaign .timeline-wrapper .section-title {
        padding: 0; } }
  .page-node-type-campaign .timeline-wrapper .timeline-inner {
    display: flex;
    padding: 0 1em; }
    @media screen and (min-width: 1440px) {
      .page-node-type-campaign .timeline-wrapper .timeline-inner {
        padding: 0; } }
    .page-node-type-campaign .timeline-wrapper .timeline-inner .timeline-dates {
      padding-right: 30px;
      border-right: 2px dashed #A9A9A9;
      margin-right: 30px; }
    .page-node-type-campaign .timeline-wrapper .timeline-inner .timeline-date {
      margin-bottom: 20px; }
    .page-node-type-campaign .timeline-wrapper .timeline-inner .timeline-content {
      display: flex;
      margin-bottom: 20px; }
      .page-node-type-campaign .timeline-wrapper .timeline-inner .timeline-content .timeline-image {
        margin-left: 30px;
        flex-basis: 50%; }

.page-node-type-campaign .take-action-wrapper {
  padding: 3em 0;
  background-color: #335faa; }
  .page-node-type-campaign .take-action-wrapper .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 1200px) {
      .page-node-type-campaign .take-action-wrapper .container {
        width: 1200px; } }
  .page-node-type-campaign .take-action-wrapper .section-title {
    margin: 0 0 0.8em;
    padding: 0 0.4em;
    color: white;
    font-size: 1.8em;
    font-family: Helvetica-Bold, Microsoft JhengHei, Arial, sans-serif; }
    @media screen and (min-width: 1440px) {
      .page-node-type-campaign .take-action-wrapper .section-title {
        padding: 0; } }
  .page-node-type-campaign .take-action-wrapper .take-action-inner {
    padding: 0 1em;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .page-node-type-campaign .take-action-wrapper .take-action-inner {
        flex-direction: row;
        align-items: flex-start; } }
    @media screen and (min-width: 1200px) {
      .page-node-type-campaign .take-action-wrapper .take-action-inner {
        align-items: center; } }
    @media screen and (min-width: 1400px) {
      .page-node-type-campaign .take-action-wrapper .take-action-inner {
        padding: 0; } }
  .page-node-type-campaign .take-action-wrapper .field--name-field-action-thumbnail {
    margin: 0 0 1em; }
    @media screen and (min-width: 768px) {
      .page-node-type-campaign .take-action-wrapper .field--name-field-action-thumbnail {
        margin: 0 1em 0 0;
        flex: 0 0 35%; } }
    @media screen and (min-width: 992px) {
      .page-node-type-campaign .take-action-wrapper .field--name-field-action-thumbnail {
        margin: 0 2em 0 0;
        flex: 0 0 25%; } }
  .page-node-type-campaign .take-action-wrapper .take-action-content {
    flex: 1;
    line-height: 140%;
    color: white; }
    .page-node-type-campaign .take-action-wrapper .take-action-content .field--name-field-action-description {
      margin: 0 0 1em; }
    .page-node-type-campaign .take-action-wrapper .take-action-content .btn-act-now {
      padding: 0.3em 1.4em;
      color: #335faa;
      background-color: white; }
      .page-node-type-campaign .take-action-wrapper .take-action-content .btn-act-now:hover, .page-node-type-campaign .take-action-wrapper .take-action-content .btn-act-now:focus {
        color: white;
        background-color: transparent;
        border: 1px white solid; }

.page-node-type-campaign .related-video-wrapper {
  margin: 3em 0 0; }
  .page-node-type-campaign .related-video-wrapper .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 1200px) {
      .page-node-type-campaign .related-video-wrapper .container {
        width: 1200px; } }
  .page-node-type-campaign .related-video-wrapper .section-title {
    margin: 0 0 1em;
    padding: 0 0.4em;
    color: black;
    font-size: 1.6em;
    font-family: Helvetica-Bold, Microsoft JhengHei, Arial, sans-serif; }
    @media screen and (min-width: 1440px) {
      .page-node-type-campaign .related-video-wrapper .section-title {
        padding: 0; } }
  .page-node-type-campaign .related-video-wrapper .related-video-inner {
    padding: 0 0.4em; }
    @media screen and (min-width: 1440px) {
      .page-node-type-campaign .related-video-wrapper .related-video-inner {
        padding: 0; } }
    .page-node-type-campaign .related-video-wrapper .related-video-inner .field--name-field-related-videos {
      display: flex;
      flex-wrap: wrap; }
      .page-node-type-campaign .related-video-wrapper .related-video-inner .field--name-field-related-videos > .field--item {
        margin: 0 0 1.2em;
        padding: 0 0.6em;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
        @media screen and (min-width: 600px) {
          .page-node-type-campaign .related-video-wrapper .related-video-inner .field--name-field-related-videos > .field--item {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%; } }
        @media screen and (min-width: 992px) {
          .page-node-type-campaign .related-video-wrapper .related-video-inner .field--name-field-related-videos > .field--item {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%; } }
      .page-node-type-campaign .related-video-wrapper .related-video-inner .field--name-field-related-videos .field--name-field-video-caption {
        margin: 0.6em 0 0; }

.page-node-type-campaign .related-post-wrapper {
  margin: 3em 0 0; }
  .page-node-type-campaign .related-post-wrapper .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 1200px) {
      .page-node-type-campaign .related-post-wrapper .container {
        width: 1200px; } }
  .page-node-type-campaign .related-post-wrapper .section-title {
    margin: 0 0 1em;
    padding: 0 0.4em;
    color: black;
    font-size: 1.6em;
    font-family: Helvetica-Bold, Microsoft JhengHei, Arial, sans-serif; }
    @media screen and (min-width: 1440px) {
      .page-node-type-campaign .related-post-wrapper .section-title {
        padding: 0; } }
  .page-node-type-campaign .related-post-wrapper .related-post-inner {
    padding: 0 1em; }
    @media screen and (min-width: 1440px) {
      .page-node-type-campaign .related-post-wrapper .related-post-inner {
        padding: 0; } }
    .page-node-type-campaign .related-post-wrapper .related-post-inner .field--name-field-related-posts {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      .page-node-type-campaign .related-post-wrapper .related-post-inner .field--name-field-related-posts > .field--item {
        margin: 0 0 1em;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
        @media screen and (min-width: 768px) {
          .page-node-type-campaign .related-post-wrapper .related-post-inner .field--name-field-related-posts > .field--item {
            margin: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%; } }
      .page-node-type-campaign .related-post-wrapper .related-post-inner .field--name-field-related-posts .post-link-block {
        padding: 0 1em 0 0; }
        .page-node-type-campaign .related-post-wrapper .related-post-inner .field--name-field-related-posts .post-link-block a {
          display: flex;
          align-items: center;
          color: black;
          line-height: 130%; }
          @media screen and (min-width: 768px) {
            .page-node-type-campaign .related-post-wrapper .related-post-inner .field--name-field-related-posts .post-link-block a {
              align-items: flex-start; } }
          .page-node-type-campaign .related-post-wrapper .related-post-inner .field--name-field-related-posts .post-link-block a:hover, .page-node-type-campaign .related-post-wrapper .related-post-inner .field--name-field-related-posts .post-link-block a:focus {
            color: #d52323;
            text-decoration: none; }
        .page-node-type-campaign .related-post-wrapper .related-post-inner .field--name-field-related-posts .post-link-block .post-block-image {
          margin: 0 1.2em 0 0;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 40%;
          flex: 0 0 40%; }
          .page-node-type-campaign .related-post-wrapper .related-post-inner .field--name-field-related-posts .post-link-block .post-block-image img {
            width: 100%; }

.container-tags {
  padding: 0 1em; }
  @media screen and (min-width: 1200px) {
    .container-tags {
      width: 1200px;
      margin: auto; } }
  @media screen and (min-width: 1440px) {
    .container-tags {
      padding: 0; } }

/****************************************
Comment Element
****************************************/
/* Tags List */
.field--name-field-tags {
  margin: 2em 0; }
  @media screen and (min-width: 768px) {
    .field--name-field-tags {
      margin: 2.8em 0; } }
  .field--name-field-tags::before {
    content: '';
    width: 100%;
    height: 46px;
    margin: 0 0 2em;
    background: transparent url("../images/divider-tag-desktop.png") no-repeat;
    display: none; }
    @media screen and (min-width: 1200px) {
      .field--name-field-tags::before {
        display: block; } }
  .field--name-field-tags .field--label {
    margin: 0 0 0.8em;
    font-size: 1.3em; }
    .field--name-field-tags .field--label::after {
      content: "\f02b";
      margin: 0 0 0 0.5em;
      font-family: "Font Awesome 5 Free";
      font-weight: bold; }
  .field--name-field-tags .field--items {
    display: flex;
    flex-wrap: wrap; }
    .field--name-field-tags .field--items .field--item {
      margin: 0 0.8em 0 0; }
      .field--name-field-tags .field--items .field--item a {
        padding: 0.3em 1em;
        background-color: #d52323;
        color: white;
        display: inline-block;
        font-size: 0.8em; }
        .field--name-field-tags .field--items .field--item a:hover, .field--name-field-tags .field--items .field--item a:focus {
          background-color: #7e0201;
          text-decoration: none; }

.feed-icons {
  display: none; }

.view-taxonomy-term .view-header {
  margin-bottom: 30px; }

.view-taxonomy-term .views-row {
  margin: 0 0 1.4em;
  padding: 0 0 1.4em;
  border-bottom: 1px #cacaca dashed;
  font-size: 0.875em; }

/* Video frame */
.youtube-responsive-wrapper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden; }
  .youtube-responsive-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

/* Swiper */
.swiper {
  position: relative; }

.swiper-wrapper .swiper-slide {
  padding: 0 2.5em; }

.swiper-prev, .swiper-next {
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  background-color: #d52323;
  color: white;
  position: absolute;
  top: 4em;
  z-index: 3; }
  @media screen and (min-width: 380px) {
    .swiper-prev, .swiper-next {
      top: 7em; } }
  @media screen and (min-width: 480px) {
    .swiper-prev, .swiper-next {
      top: 10em; } }
  @media screen and (min-width: 600px) {
    .swiper-prev, .swiper-next {
      top: 15em; } }
  .swiper-prev:hover, .swiper-prev:focus, .swiper-next:hover, .swiper-next:focus {
    background-color: #7e0201; }

.swiper-prev {
  left: 0; }

.swiper-next {
  right: 0; }

/* Pagination */
.pagination {
  border: 0; }
  .pagination .pager__item--next {
    display: none; }
  .pagination .pager__item--first {
    display: none; }
  .pagination .pager__item--previous {
    display: none; }
  .pagination .pager__item--last {
    display: none; }

.pagination > li {
  display: inline-block;
  margin-right: 15px;
  border: 0; }
  .pagination > li a {
    border-radius: 0;
    background-color: black;
    border-color: black;
    color: white; }
  .pagination > li.active {
    border: 0; }
    .pagination > li.active a {
      border-radius: 0;
      background-color: black;
      border: 0;
      color: white; }
    .pagination > li.active:hover a {
      background-color: #D52323;
      color: white; }
  .pagination > li:hover a {
    background-color: #D52323;
    color: white; }

/* Exposed Form */
.views-exposed-form {
  margin-bottom: 30px; }
  .views-exposed-form .form-item {
    margin-right: 30px; }
  .views-exposed-form .select-wrapper::after {
    color: black; }

/* Form Element */
.btn {
  padding: 0.4em 1.4em;
  border: none;
  border-radius: 0;
  font-size: 1em;
  line-height: 130%; }

.btn-primary {
  background-color: #d52323; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #7e0201; }

/* Glossary */
.view-glossary .initals {
  display: flex;
  list-style-type: none;
  padding-left: 0; }
  .view-glossary .initals li {
    margin-right: 10px; }
  .view-glossary .initals a {
    font-size: 1.2em; }

.view-glossary h3 {
  color: #d52323; }

.view-glossary .views-field-name {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 15px; }

.view-glossary .views-exposed-form {
  margin-top: 30px; }
  .view-glossary .views-exposed-form .form-item-field-category-target-id .control-label {
    display: none; }
  .view-glossary .views-exposed-form .form-item-field-initials-value {
    display: none; }

.view-glossary .views-field-description__value {
  padding-left: 15px; }

/* Main Mode */
.maintenance-page .main-container {
  display: block; }

.maintenance-page .navbar-brand {
  display: none; }

.maintenance-page .navbar-text {
  display: none; }