/*!
 * MAIN STYLES
 * CSS for Justice for Colombia's Website
 * Copyright Marc Campreciós Ester
 * Based on Bootstrap Reboot v4.0.0-beta.2's Grid System (https://getbootstrap.com)
 */

/*
 * General Fixes, Resets and Utilities
 */

 .clearfix::after {
  display: block;
  clear: both;
  content: "";
}

ul li {
  list-style: none;
  /*padding: 0;
  margin: 0;*/
}

/*
 * Fonts
 */

@font-face {
  font-family: 'WC-Mano-Negra-Bold';
  src: url('../fonts/WCManoNegraBoldBta-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'GT-Pressura-Bold';
  src: url('../fonts/GT-Pressura-Bold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/GT-Pressura-Bold.eot?#iefix') format("embedded-opentype"), url('../fonts/GT-Pressura-Bold.woff') format("woff"), url('../fonts/GT-Pressura-Bold.ttf') format("truetype");
  /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}

  /* Global Text Styles */

  h1,
  h2,
  h3 {
    font-family: 'GT-Pressura-Bold';
  }

  .text-hand-drawn {
    font-family: 'WC-Mano-Negra-Bold';
  }

  .text-blue {
    color: #0071a2;
  }

  /*
  ** Global Text Styles
  */

  h1 {
    font-size: 60px;
    line-height: 60px;
  }

  h1.text-hand-drawn {
    font-size: 70px;
    line-height: 65px;
  }

  h2 {
    font-size: 50px;
    line-height: 50px;
  }

  h3 {
    font-size: 40px;
    line-height: 40px;
    /*margin-bottom: 25px;*/
    padding-bottom: 25px;
  }

  h4 {
    font-size: 30px;
    line-height: 1.25;
    padding-top: 50px;
    margin-bottom: 25px;
  }

  article h3 + h4 {
    padding-top: 25px;
  }

  article div h4:first-of-type {
    margin-top: -50px;
  }

  article div h3 + h4:first-of-type {
    margin-top: 0;
  }

  article p {
    font-size: 18px;
    font-weight: 400;
    color: #444;
    margin: 0 0 25px 0;
    line-height: 1.7;
  }

  article p:last-of-type {
    margin: 0 0 0 0;
  }

  article p:first-of-type {
    margin: 0 0 25px 0;
  }

  article ul,
  article ol {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin: 0 0 30px 0;
    line-height: 1.7;
  }

  article ul li {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0 0 10px;
  }


/*
 * All Devices' Styles
 */

:root,
body {
  font-family: 'Roboto', sans-serif;
  color: #000;
  /*background-color: #fff;*/
}

  /*
  ** Links
  */

  a,
  a:hover,
  a svg {
    color: #000;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
  }

  p a,
  article a {
      color: #000;
      text-decoration: underline;
  }

  p a:hover,
  article a:hover {
      color: #0071a2;
      text-decoration: underline;
  }

    /* Buttons */

    .button-white {
      font-weight: 700;
      font-size: 14px;
      display: inline-block;
      padding: 12px 22px 10px;
      border-radius: 3px;
      border: 0;
      background-color: #fff;
      box-shadow: 0 0 5px #bbb;
      cursor: pointer;
    }

    .button-white.list {
      margin: 0 20px 20px 0;
    }

    .button-white:hover {
      color: #fff;
      background-color: #0071a2;
      box-shadow: 0 0 0 #aaa;
    }

    .button-white.but-blue {
      background-color: #0a6f9e;
      color: #fff;
    }

    .button-white.but-blue:hover {
      color: #000;
      background-color: #fbb514;
      box-shadow: 0 0 0 #aaa;
    }

    .button-white.but-yellow {
      background-color: #fbb514;
      color: #000;
    }

    .button-white.but-yellow:hover {
      color: #fff;
      background-color: #0a6f9e;
      box-shadow: 0 0 0 #aaa;
    }

    /* Links Side Lists */

    .links-list h3 {
      font-size: 30px;
    }

    .links-list ul li {
      list-style: none;
      margin: 0;
    }

    .links-list a {
      color: #AAA;
      font-size: 22px;
      text-decoration: none;
    }

    .links-list a:hover {
      color: #0a6f9e;
      margin-left: 10px;
      text-decoration: none;
    }

    /* Breadcrumbs */

    .breadcrumbs {
      font-size: 26px;
    }

    /*
    ** Inputs and Forms
    */

    form.sign-up-for-latest-news input {
      display: block;
      border: 2px solid #CCC;
      width: 100%;
      height: 47px;
      font-size: 16px;
      padding: 10px 15px 10px 15px;
      font-family: 'Roboto';
      font-weight: 500;
      text-align: center;
      color: #666;
      margin: 0 0 10px;
      transition: all 0.2s ease-in-out 0s;
    }

    form.sign-up-for-latest-news button {
      width: 100%;
      font-size: 20px;
    }

    form.sign-up-for-latest-news #field_1_1 {
      padding: 0;
      margin: 0;
    }

    form.sign-up-for-latest-news #field_1_1 label {
      display: none;
    }

    form.sign-up-for-latest-news .gform_footer {
      padding: 0 !important;
    }

    form.sign-up-for-latest-news #gform_submit_button_1 {
      color: #000;
      font-family: 'WC-Mano-Negra-Bold';
      font-size: 20px;
      font-weight: 700;
      width: 100%;
      display: block;
      border-radius: 3px;
      border: 0;
      box-shadow: 0 0 0 #aaa;
      background-color: #fbb514;
      cursor: pointer;
      transition: all 0.3s ease-in-out;
      line-height: inherit;
    }

    form.sign-up-for-latest-news #gform_submit_button_1:hover {
      color: #fff;
      background-color: #0a6f9e;
      box-shadow: 0 0 0 #aaa;
    }

    /* Resets */

    input::-webkit-input-placeholder {
      color: #999;
    }

    input:-moz-placeholder {
      /* Firefox 18- */
      color: #999;
    }

    input::-moz-placeholder {
      /* Firefox 19+ */
      color: #999;
    }

    input:-ms-input-placeholder {
      color: #999;
    }

    input:focus, textarea:focus {
      box-shadow: 0 0 15px -5px #000;
      outline: none;
    }

    /* Common Inputs */

    .box input {
      display: block;
      border: 1px solid #ccc;
      border-radius: 5px;
      min-width: 300px;
      height: 20px;
      font-size: 16px;
      padding: 10px 20px;
      font-family: 'Roboto';
      color: #000;
      background-color: #f4f4f4;
      margin: 0 auto 10px auto;
      transition: all 0.2s ease-in-out 0s;
      text-align: center;
    }

    .box button {
      display: block;
      border: 0px solid #ccc;
      border-radius: 5px;
      background-color: #00719c;
      min-width: 342px;
      height: 40px;
      font-size: 16px;
      padding: 10px 20px;
      font-family: 'Roboto';
      color: #fff;
      margin: 10px auto;
      transition: all 0.2s ease-in-out 0s;
      text-align: center;
    }

    .box button:hover {
      cursor: pointer;
      border: 1px solid #09f;
      background-color: #09f;
    }

    .box input[type="checkbox"] {
      display: inline-block;
      min-width: 30px;
      position: relative;
      top: 4px;
      border: 1px solid #000;
    }

    input[type="checkbox"]:focus {
      box-shadow: none;
      outline: none;
    }

    /* Search Block */

    aside .search {
      position: relative;
    }

    aside .search input {
      display: block;
      border: 2px solid #ebebeb;
      width: 100%;
      height: 47px;
      font-size: 16px;
      padding: 10px 15px 10px 15px;
      font-family: 'Roboto';
      font-weight: 500;
      color: #666;
      margin: 0 0 30px;
      transition: all 0.2s ease-in-out 0s;
    }

    .searching-filters aside input:focus, .searching-filters aside textarea:focus {
      border: 2px solid #00719c;
      outline: none;
    }

    aside .search button {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 47px;
      border: none;
      width: 47px;
      background-color: transparent;
      transition: all 0.2s ease-in-out;
    }

    aside .search button svg {
      fill: #999;
      height: 20px;
      top: 5px;
      position: relative;
      transition: all 0.2s ease-in-out;
    }

    aside .search button:hover {
      cursor: pointer;
      border: 1px solid #00719c;
      background-color: #00719c;
    }

    aside .search button:hover svg {
      fill: #fff;
    }

    /* Dropdows Menu w Checkbox Hack */

    #dropdown input {
      display: none;
    }

    #dropdown label {
      display: block;
      font-weight: 500;
      border: 2px solid #CCC;
      background-color: #fff;
      width: 100%;
      height: 47px;
      font-size: 16px;
      padding: 10px 15px 10px 15px;
      font-family: 'Roboto';
      color: #666;
      margin: 0;
      transition: all 0.2s ease-in-out 0s;
    }

    #dropdown label:after {
      content: '▾';
      position: absolute;
      right: 30px;
      top: 7px;
      font-size: 22px;
    }

    #dropdown label:hover {
      cursor: pointer;
      background-color: #00719c;
      color: #fff;
      border: 2px solid #00719c;
    }

    #dropdown label:hover:after {
      color: #fff;
    }

    #dropdown .dropdown-contents {
      position: absolute;
      z-index: 999;
      display: none;
      border: 0px solid #ccc;
      background-color: #fff;
      width: 255px;
      font-size: 16px;
      line-height: 30px;
      padding: 20px;
      font-family: 'Roboto';
      color: #000;
      transition: all 0.2s ease-in-out 0s;
      box-shadow: 0 0 15px -5px #000;
    }

    #dropdown .dropdown-contents ul {
      margin: 0;
    }


    #dropdown [type=checkbox]:checked ~ .dropdown-contents {
    	display: block;
    }

    /* BS Dropdown */

    .btn-group {
      position: relative;
      display: -ms-inline-flexbox;
      display: inline-flex;
      vertical-align: middle;
      width: 100%;
    }

    .btn-group button {
      display: block;
      font-weight: 500;
      border: 2px solid #CCC;
      background-color: #fff;
      width: 100%;
      height: 47px;
      font-size: 16px;
      padding: 10px 15px 10px 15px;
      font-family: 'Roboto';
      text-align: left;
      color: #666;
      margin: 0;
      transition: all 0.2s ease-in-out 0s;
    }

    .btn-group button:hover {
      cursor: pointer;
      background-color: #00719c;
      color: #fff;
      border: 2px solid #00719c;
    }

    .dropdown-toggle::after {
      display: block;
      position: absolute;
      right: 14px;
      top: 8px;
      font-size: 22px;
      content: "▾";
    }

    .dropdown-menu {
      position: absolute;
      z-index: 999;
      display: none;
      border: 0px solid #ccc;
      background-color: #fff;
      /*width: 305px;*/
      min-width: 255px;
      font-size: 16px;
      line-height: 30px;
      padding: 20px 30px;
      font-family: 'Roboto';
      color: #000;
      transition: all 0.2s ease-in-out 0s;
      box-shadow: 0 0 15px -5px #000;
      top: 55px !important;
    }

    .dropdown-menu.show {
      display: block;
    }

    .dropdown-item {
      display: block;
      width: 100%;
      padding: 5px 0;
      clear: both;
      font-weight: 400;
      color: #212529;
      text-align: inherit;
      white-space: nowrap;
      background: 0 0;
      border: 0;
    }

    .dropdown-item:hover {
      color: #0071a2;
    }

    /* Pagination */

    .pagination {
      display: inline-block;
      padding-left: 0;
      margin: 20px 0;
      border-radius: 4px;
      font-size: 14px;
      box-shadow: 0 0 10px #bbb;
    }

    .pagination>li {
      display: inline;
    }

    .pagination>li>a, .pagination>li>span {
      position: relative;
      float: left;
      padding: 10px 15px 8px 15px;
      margin-left: -1px;
      line-height: 1.42857143;
      color: #337ab7;
      text-decoration: none;
      background-color: #fff;
      margin: 0 0 0 1px;
    }

    .pagination>li:first-child>a, .pagination>li:first-child>span {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }

    .pagination>li:last-child>a, .pagination>li:last-child>span {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }

    .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
      z-index: 2;
      color: #23527c;
      background-color: #eee;
      border-color: #ddd;
    }

    .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
      z-index: 3;
      color: #fff;
      cursor: default;
      background-color: #337ab7;
      border-color: #337ab7;
    }

    .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
      color: #777;
      cursor: not-allowed;
      background-color: #fff;
      border-color: #ddd;
    }

    .pagination-lg>li>a, .pagination-lg>li>span {
      padding: 10px 16px;
      font-size: 18px;
      line-height: 1.3333333;
    }

    .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
    }

    .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
    }

    .pagination-sm>li>a, .pagination-sm>li>span {
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.5;
    }

    .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
    }

    .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
    }

    /*
    ** Images @992px
    */

    /* Top Images for different Boxes */

    .box .image-top-box img {
      transition: all 0.3s ease-in-out;
    }

    .box .image-top-box {
      margin: -100px -100px 70px -100px;
      max-height: 500px;
      overflow: hidden;
    }

    .box.padding-70 .image-top-box {
      margin: -60px -70px 70px -70px;
      max-height: 500px;
      overflow: hidden;
    }

    .box.padding-50 .image-top-box {
      margin: -50px -50px 40px -50px;
      max-height: 400px;
      overflow: hidden;
    }

    .box.padding-30 .image-top-box {
      margin: -20px -30px 40px -30px;
      max-height: 200px;
      overflow: hidden;
    }

    .box.padding-10 .image-top-box {
      margin: -10px -10px 20px -10px;
      max-height: 280px;
      overflow: hidden;
    }

    .image-top-box img {
      max-width: 100%;
      /*min-height: 180px;*/
    }

    /* Full Box image */

    .image-full-box {
      line-height: 0; /* Avoid white space underneath */
    }

    .image-full-box img {
      max-width: 100%;
    }

    /* Brush Margins */

    .image-top {
      position: relative;
    }

    .image-top > img {
      position: absolute;
      width: 100%;
      transform: scale(1.02);
    }

    .image-top .image-top-inner {
      width: 100%;
      margin: 0 0 20px;
    }

    .image-top .image-top-inner img {
      width: 100%;
    }

    .image-top > img {
      top: -2px;
      left: 0px;
    }

  /* SVGs */

  svg path {
   fill: inherit;
   /* To reach SVGs rendered through USE, since they are in the shadow DOM */
  }

  /* SVGs --- Social Links Header and Footer */

  body > header a.social,
  body > footer a.social {
    background-color: #ebebeb;
    border-radius: 15px !important;
    padding: 0 !important;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 0 6px 0 0 !important;
    display: block !important;
  }

  a.social div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 30px;
    width: 30px;
  }

  a.social svg  {
    fill: #000;
    margin: auto;
    width: 25px;
    transition: all 0.2s ease-in-out 0s;
  }

  header a.social.facebook svg  {
    width: 22px;
  }

  header a.social:hover  {
    background-color: #fff;
  }

  header a.social:hover svg  {
    fill: #0079ca;
  }

  footer a.social svg{
    fill: #044362;
  }

  footer a.social:hover  {
    background-color: #0a6f9e;
  }

  footer a.social:hover svg  {
    fill: #fff;
  }

  /* SVGs --- Social Sharing Links */

  section.links-share {
    display: flex;
    height: 44px;
    width: 196px;
  }

  .row-centered section.links-share {
    margin: 0 0 0 -100px;
    left: 50%;
    width: 200px;
  }

  .row-centered section.links-share.header-has-margin {
    margin: -55px 0 0 -100px;
  }

  .row-centered section.links-share.normal-positioning {
    position: relative;
    margin: 0 auto 30px;
    left: auto;
    top: -10px;
  }

  section.links-share a.social {
    box-shadow: 0 0 10px -3px #000;
    display: block;
    background-color: #666;
    border-radius: 20px;
    margin: 0 5px 0 5px;
    padding: 0;
    text-align: center;
    width: 40px;
    height: 40px;
    top: 2px;
    overflow: hidden;
    position: relative;
  }

  section.links-share a.social:first-of-type {
    margin: 0 5px 0 0;
  }

  section.links-share a.facebook {
    background-color: #3b5998;
  }

  section.links-share a.twitter {
    background-color: #55acee;
  }

  section.links-share a.google {
    background-color: #dd4b39;
  }

  section.links-share a.linkedin {
    background-color: #007bb5;
  }
  section.links-share a.social div {
    display: flex;
    flex-direction: column;
    height: 40px;
    width: 40px;
    justify-content: center;
  }

  section.links-share a.social svg {
    fill: #fff;
    margin: auto;
    width: 25px;
    transition: all 0.1s ease-in-out 0s;
  }

  section.links-share a.social:hover {
    top: -5px;
  }

  /* Small Grey Icons */

  .icon-small {
    fill: #aaa;
    height: 20px;
    width: 20px;
  }

  .icon-medium {
    fill: #aaa;
    height: 35px;
    width: 35px;
  }

  /* Breadcrumbs */

  .breadcrumbs {
    display: block;
    font-family: 'GT-Pressura-Bold';
    color: #ccc;
    position: relative;
    z-index: 2;
  }

  .breadcrumbs a {
    text-decoration: underline;
    color: #ccc;
  }

  .breadcrumbs a:hover {
    text-decoration: none;
    color: #000;
  }

  /* Lines */

  img.brush.separator {
    width: 100%;
    vertical-align: baseline;
    transform: scaleX(1.05);
  }

  header img.brush.offset-50 {
    margin-left: -50px;
  }

  /* Main Menu 2 */

  body>header {
    background-color: #fff;
    /*box-shadow: 0px 0px 5px #bbb;*/
  }

  #main-menu nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto;
  }

  #main-menu .logo {
    width: 120px;
    position: relative;
    z-index: 100;
  }

  #main-menu .logo img {
    width: 100%;
  }

  #main-menu .toggle {
    display: block;
    position: relative;
    z-index: 100;
    cursor: pointer;
    font-family: 'GT-Pressura-Bold';
    text-transform: uppercase;
    font-size: 20px;
  }

  #main-menu .toggle:hover {
    color: #0079ca;
  }

  #main-menu input[type="checkbox"] {
    display: none;
  }

  #main-menu .items {
    display: none; /* !!! */
    flex-direction: column;
    justify-content: center;
    position: fixed;
    background-color: #FFF;
    height: 100vh;
    padding-top: 20vh;
    padding-bottom: 10vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 99;
  }

  #main-menu .items .items-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }

  #main-menu .items .items-inner .dropdown-content {
    display: none;
  }

  #main-menu .items .items-inner a {
    display: block;
    text-align: center;
    font-family: 'GT-Pressura-Bold';
    margin: 5px auto 5px auto;
    font-size: 30px;
  }

  #main-menu .items .items-inner a.social {
    margin: 10px auto 10px auto !important;
  }

  /* Extra short devices */
  @media (max-height: 550px) {
    #main-menu .items .items-inner a {
      margin: 0 auto 0 auto;
      font-size: 21px;
    }
    #main-menu .items .items-inner a.social {
      margin: 5px auto 5px auto !important;
    }
  }

  #main-menu .items .items-inner a:hover {
    color: #0079ca;
  }

  #main-menu #drop:checked + .items {
    display: block;
    position: fixed;
    padding: 100px 0 0 0;
	}

  /* Main Menu 2 *** With Dropdowns */

  /*#main-menu-2 nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto;
  }

  #main-menu-2 .logo {
    width: 120px;
    position: relative;
    z-index: 100;
  }

  #main-menu-2 .logo img {
    width: 100%;
  }

  #main-menu-2 .toggle {
    display: block;
    position: relative;
    z-index: 100;
    cursor: pointer;
    font-family: 'GT-Pressura-Bold';
    text-transform: uppercase;
    font-size: 20px;
  }

  #main-menu-2 .toggle:hover {
    color: #0079ca;
  }

  #main-menu-2 input[type="checkbox"] {
    display: none;
  }

  #main-menu-2 .items {
    flex-direction: column;
    justify-content: center;
    position: fixed;
    background-color: #FFF;
    height: 100vh;
    padding-top: 20vh;
    padding-bottom: 10vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 99;
  }

  #main-menu-2 .items .items-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }

  #main-menu-2 .items .items-inner .dropdown-content {
    display: none;
  }

  #main-menu-2 .items .items-inner a {
    display: block;
    text-align: center;
    font-family: 'GT-Pressura-Bold';
    margin: 5px auto 5px auto;
    font-size: 30px;
  }*/

    /* Extra short devices */
    /*@media (max-height: 550px) {
      #main-menu-2 .items .items-inner a {
        margin: 3px auto 3px auto;
        font-size: 24px;
      }
    }

  #main-menu-2 .items .items-inner a.social {
    margin: 10px auto 10px auto !important;
  }

  #main-menu-2 .items .items-inner a:hover {
    color: #0079ca;
  }

  #main-menu-2 #drop:checked + .items {
    display: block;
    position: fixed;
    padding: 100px 0 0 0;
	}*/

  /*
  ** Boxes for News
  */

    /* Boxes for News Elements */

    .box.box-news {
      /* height: 420px; !!! */
      transition: box-shadow 0.3s;
      transition-timing-function: ease;
      border-radius: 3px;
      box-shadow: 0 0 10px #bbb;
      overflow: hidden;
      margin: 0 0 30px;
    }

    .box.box-news span {
      color: #999;
      text-align: center !important;
      /* height: 20px; !!! */
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .box.box-news article h1 {
      font-size: 28px;
      line-height: 30px;
      text-align: center !important;
      padding: 10px 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      transition: all 0.3s ease-in-out;
    }

    a:hover .box.box-news {
      box-shadow: 0 0 15px #666;
    }

    a:hover .box.box-news h1 {
      color: #0071a2;
    }

    a:hover .box.box-news img {
      transform: scale(1.05);
    }

    /* NEW Boxes straight to A */

    a.box.box-news:hover {
      box-shadow: 0 0 15px #666;
    }

    a.box.box-news:hover h1 {
      color: #0071a2;
    }

    a.box.box-news:hover img {
      transform: scale(1.05);
    }

    /* Boxes for Campaign Elements */

    .box.box-campaign {
      /* height: 420px; !!! */
      transition: box-shadow 0.3s;
      transition-timing-function: ease;
      border-radius: 3px;
      box-shadow: 0 0 10px #bbb;
      overflow: hidden;
      margin: 0 0 30px;
    }

    .box.box-campaign h1 {
      font-size: 40px;
      line-height: 46px;
      text-align: center !important;
      /* height: 120px; !!! */
      padding: 10px;
      vertical-align: middle;
      display: flex;
      flex-direction: column;
      justify-content: center;
      transition: all 0.3s ease-in-out;
      width: 90%;
      margin: 0 auto;
    }

    .box.box-campaign > div {
      padding: 10px 0 0 0;
      /* height: 300px; !!! */
    }

    .box.box-campaign img {
      width: 100%;
      transition: all 0.3s ease-in-out;
    }

    a:hover .box.box-campaign {
      box-shadow: 0 0 15px #666;
    }

    a:hover .box.box-campaign h1 {
      color: #0071a2;
    }

    a:hover .box.box-campaign img {
      transform: scale(1.05);
    }

    /* Boxes group title */

    .boxes-group-title div:first-of-type {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .boxes-group-title h3 {
      font-size: 24px;
      margin: 0;
    }

    .boxes-group-title a {

    }

    .boxes-group-title:first-of-type {
      margin-top: 40px;
    }

    .texty-page .boxes-group-title,
    .boxes-group-title:nth-of-type(1n+2) {
      margin-bottom: 20px;
    }

    /*
    ** Linked Boxes for Level 2 @992px
    */

      .linked-boxes .box {
        height: 155px;
        overflow: hidden;
        padding: 10px;
        text-align: center;
        transition: box-shadow 0.3s;
        transition-timing-function: ease;
        box-shadow: 0px 0px 15px -5px #000;
        display: block;
        margin: 0 0 25px;
        background-color: #fff;
      }

      .linked-boxes .box div {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .linked-boxes .box img {
        height: 62px;
        transition: height 0.2s;
        transition-timing-function: ease;
      }

      .linked-boxes .box .box-icon {
        height: 80px;
        justify-content: space-around;
      }

      .linked-boxes .box .box-title {
        height: 30px;
        font-family: 'Roboto';
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
      }

      .linked-boxes .box .box-arrow {
        height: 25px;
        text-align: center;
      }

      .linked-boxes .box .box-arrow .svg-arrow {
        display: block;
        height: 15px;
        margin: auto;
        width: 26px;
      }

      .linked-boxes a.box:hover {
        box-shadow: 0 0 15px #666;
      }

      .linked-boxes a.box:hover img {
        height: 70px;
      }

      .linked-boxes .box svg {
        transition: fill 0.3s;
        transition-timing-function: ease;
      }

      .linked-boxes .box svg {
        fill: #C6C6C6;
      }

      .linked-boxes a.box:hover svg {
        fill: #00719c;
      }

      /*
      ** Footer @992px
      */

      footer {
        min-height: 200px;
        color: #fff;
        background-color: #0a6f9e;
        font-size: 13px;
        line-height: 20px;
      }

      footer li {
        margin: 10px 0;
        font-size: 14px;
        line-height: 16px;
      }

      footer .jfc-info li {
        display: block;
        color: #99ccff;
        line-height: 14px;
      }

      footer .jfc-info li:first-of-type {
        color: #fff;
        font-size: 21px;
        font-weight: 700;
        margin: 0 0 5px;
      }

      footer .col-md-3 ul li {
        display: inline-block;
        margin: 10px 10px 0 0;
      }

      footer .col-md-3 ul li:first-of-type {
        display: block;
        display: block;
        font-size: 16px;
        margin: 20px 0 5px 0;
      }

      footer ul li a {
        color: #99ccff;
        transition: color 0.3s;
        transition-timing-function: ease;
      }

      footer ul li:first-of-type a {
        color: #fff;
      }

      footer ul li a:hover {
        color: #fff;
        text-decoration: none;
      }

      footer .jfc-info ul li:nth-child(6) {
        display: flex;
        margin: 10px 0;
        position: absolute;
        top: -10px;
        right: 20px;
      }

      footer a.social {
        margin: 10px 10px 30px 0 !important;
      }

  /*
  ** Carousel Temporary
  */

  .carousel {
    position: relative;
  }

  .carousel-inner {
    position: relative;
    width: 100%;
    height: 350px;
    /*overflow: hidden;*/
  }

  .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }

  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    display: block;
  }

  .carousel-item.active {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
  }

  .carousel-item-next,
  .carousel-item-prev {
    position: absolute;
    top: 0;
  }

  .carousel-indicators {
    position: relative;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-pack: center;
    list-style: none;
  }

  .carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-right: 5px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    transition: background-color 0.5s ease-in-out;
  }

  .carousel-indicators li:hover {
    cursor: pointer;
  }

  .carousel-indicators .active {
    background-color: #0a6f9e;
  }

  .carousel-item a.button-white {
    position: relative;
    z-index: 16;
  }

  /*
  ** Specific Pages @0px
  */

  /* 1 - Home */

  .p1-home img.statement {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
  }

  /* Slideshow */

  #carousel {
    margin-bottom: 20px;
  }

  #carousel .carousel-inner {
    height: 550px;
  }

  #carousel h1 {
    font-size: 42px;
    line-height: 40px;
    margin: 10px 0 15px;
  }

  #coursel .button-white {
    float: right;
  }

  /* Featured */

  .p1-home .featured {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .p1-home .featured h2 {
    /*margin: 10px 0 0 10px;*/
    text-align: center;
    transition: all 0.4s ease-in-out;
    font-size: 80px;
  }

  .p1-home .featured .arrow {
    margin: -20px 0 0 80px;
    transition: all 0.4s ease-in-out;
    display: none;
  }

  /* Level 2 on Home */

  .p1-home .abouts .col-12 {
    height: calc((100vw * 0.5625) + 80px);
    padding: 0;
    position: relative;
    margin: 0 0 -40px;
    background-position: 0 100px;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .p1-home .abouts .col-lg-12 h1 {
    display: block;
    width: 100%;
    margin: 20px auto 0 auto;
    font-size: 50px;
    line-height: 44px;
    text-align: center;
  }

  .p1-home .abouts .col-lg-12 img.brush:first-of-type {
    width: 80px;
    margin: 0 auto;
    display: block;
  }

  .p1-home .abouts .col-lg-12 img.brush:last-of-type {
    width: 100%;
    margin-left: 0;
    position: absolute;
    bottom: -5px;
  }

  .p1-home .abouts.abouts-colombia .col-lg-12 {
    background-image: url("../images/sections/1-2-about-colombia.jpg");
  }

  .p1-home .abouts.abouts-jfc .col-lg-12 {
    background-image: url("../images/sections/1-1-about-jfc.jpg");
  }

  .p1-home .linked-boxes div:last-of-type {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .p1-home .linked-boxes a.button-white {
    margin: 0 auto 70px;
    text-align: center;
  }

  .p1-home .abouts.abouts-jfc .col-lg-12 {
    background-image: url("../images/sections/1-1-about-jfc.jpg");
  }

  .p1-home .abouts.abouts-jfc + .linked-boxes a.box:hover svg  {
    fill: #c30018;
  }

  /* Video */

  .p1-home .video {
    margin-top: 10px;
  }

  .p1-home .video h3 {
    margin-bottom: 20px;
  }

  .p1-home .video img:first-of-type {
    width: 100%;
    margin-bottom: -35px;
    position: relative;
    z-index: -1;
  }

  .p1-home .video iframe {
    width: calc(100vw - 80px);
    height: calc((100vw - 80px) * 0.5625);
  }

  .p1-home .video img:last-of-type {
    width: 100%;
    margin-top: -40px;
    position: relative;
    z-index: -1;
  }

  /* Newsletter */

  .p1-home .newsletter {
    margin: 50px 0 0 0;
  }

  .p1-home .newsletter img {
    margin: 0 0 25px 0;
  }

  .p1-home .newsletter #field_1_1 {
    padding: 0;
    margin: 0;
  }

  .p1-home .newsletter #field_1_1 label {
    display: none;
  }

  .p1-home .newsletter .gform_footer {
    padding: 0 !important;
  }

  .p1-home .newsletter #gform_submit_button_1 {
    color: #000;
    font-family: 'WC-Mano-Negra-Bold';
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    display: block;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 0 0 #aaa;
    background-color: #fbb514;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }

  .p1-home .newsletter #gform_submit_button_1:hover {
    color: #fff;
    background-color: #0a6f9e;
    box-shadow: 0 0 0 #aaa;
  }

  /* Level 2 Pages */

  .level-2 #main header {
    height: calc((100vw * 0.5625) + 80px);
    padding: 0;
    position: relative;
    margin: 0 0 -40px;
    background-position: 0 100px;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .level-2 #main header h1 {
    display: block;
    width: 100%;
    margin: 20px auto 0 auto;
    font-size: 50px;
    line-height: 44px;
    text-align: center;
  }

  .level-2 #main header img.brush:first-of-type {
    width: 80px;
    margin: 0 auto;
    display: block;
  }

  .level-2 #main header img.brush:last-of-type {
    width: 100%;
    margin-left: 0;
    position: absolute;
    bottom: -5px;
  }

    /* 1.1 - About JFC */

    .p1-1-about-jfc #main header {
      background-image: url("../images/sections/1-1-about-jfc.jpg");
    }

    .p1-1-about-jfc .linked-boxes a.box:hover svg {
      fill: #c30018 !important;
    }

    /* 1.2 - About Colombia */

    .p1-2-about-colombia #main header {
      background-image: url("../images/sections/1-2-about-colombia.jpg");
    }

    .p1-2-about-colombia .linked-boxes a.box:hover svg {
      /*fill: #000 !important;*/
    }

    /* 1.3 - Get Involved */

    .p1-3-get-involved #main header {
      background-image: url("../images/sections/1-3-get-involved.jpg");
    }

    .p1-3-get-involved .linked-boxes a.box:hover svg {
      fill: #e7a500 !important;
    }

    /* 1.4 - News & Resources */

    .p1-4-news-and-resources #main header {
      background-image: url("../images/sections/1-4-news-and-resources.jpg");
    }

    .p1-4-news-and-resources .linked-boxes a.box:hover svg {
      fill: #000 !important;
    }

    /* Texty Pages */

    .texty-page #main header {
      height: calc((100vw * 0.5625) + 70px);
      padding: 0;
      position: relative;
      margin: 0 0 20px;
      background-position: 0 110px;
      background-repeat: no-repeat;
      background-size: 100%;
    }

    .texty-page.page-id-96 #main header,
    .texty-page.page-id-105 #main header {
      height: calc((100vw * 0.5625) + 90px);
      background-position: 0 140px;
    }

    .texty-page.page-id-102 #main header {
      height: calc((100vw * 0.5625) + 150px);
      background-position: 0 170px;
    }

    .texty-page #main header h1 {
      display: block;
      width: 100%;
      margin: 0 auto 0 auto;
      font-size: 50px;
      line-height: 44px;
      text-align: center;
    }

    .texty-page #main header span.breadcrumbs {
      text-align: center;
      display: block;
    }

    .texty-page #main header img.brush {
      width: 100%;
      margin-left: 0;
      position: absolute;
      bottom: -4px;
    }

    .texty-page #main article {
      padding-bottom: 30px;
    }

    [width="760"] {
      width: 100%;
      height: auto;
    }

    .texty-page #main article img[width="760"],
    .texty-page #main article img[width="730"] {
      width: 100%;
      height: auto;
    }

    .texty-page #main article iframe {
      width: calc(90vw);
      height: calc(90vw * 0.5625);
    }

      /* 1.1.1 - Who We Are */

      .p1-1-1-who-we-are #main header {
        background-image: url("../images/sections/1-1-1-who-we-are.jpg");
      }

      .page-id-22 #main article .content-images {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }

      .page-id-22 #main article .content-images img {
        width: 170px;
        height: 240px;
        margin: 10px 5px;
      }

      .page-id-22 #main article .JFC-member {
        clear: both;
      }

      .page-id-22 #main article .JFC-member p {
        float: left;
      }

      .page-id-22 #main article .JFC-member p:last-of-type {
        margin-bottom: 40px;
      }

      .page-id-22 #main article .JFC-member img {
        float: left;
        margin: 0 25px 0 0;
        width: 200px;
        height: auto;
      }

      .page-id-22 #main article .JFC-member p {
        width: 100%; /* Avoid float used for bigger screens */
      }

      /* 1.1.2 - Campaigns */

      .p1-1-2-campaigns #main header img.brush {
        margin-left: -80px;
        margin-bottom: 30px;
        width: 720px;
      }

      .p1-1-2-campaigns #main header img.brush {
        margin-left: -80px;
        margin-bottom: 30px;
        width: 720px;
      }

      .single-campaigns #main header {
        height: auto;
      }

      .single-campaigns #main .col-lg-8 {
        padding-top: calc((100vw * 0.5625));
        position: relative;
        margin: 0 0 20px;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100%;
      }

      .single-campaigns #main img.brush {
        width: 100%;
        margin: 0 0 30px;
      }

        /* 1.1.2.1 - Peace Campaign */

          /* Background through template */

        /* 1.1.2.2 - Supporting Trade Unionists */

          /* Background through template */

        /* 1.1.2.3 - Free Colombia’s Political Prisoners */

          /* Background through template */

        .postid-34 #main article .prisoner {
          clear: both;
          background: url(../images/brushes/line-grey-separator.svg) no-repeat center 40px;
          display: block;
          min-height: 220px;
        }

        .postid-34 #main article .prisoner p {
          float: left;
        }

        .postid-34 #main article .prisoner p:last-of-type {
          margin-bottom: 40px;
        }

        .postid-34 #main article .prisoner img {
          float: left;
          margin: 0 25px 0 0;
          width: 200px;
          height: auto;
        }

        .postid-34 #main article .prisoner p {
          width: 100%; /* Avoid float used for bigger screens */
        }

        /* 1.1.2.4 - Human Rights in Colombia */

          /* Background through template */

        /* 1.1.2.A - Past Campaigns */

          /* Background through template */

      /* 1.1.3 - Projects in Colombia */

      .p1-1-3-projects-in-colombia #main header {
        background-image: url("../images/sections/1-1-3-projects-in-colombia.jpg");
      }

      .page-id-63 #main img {
        display: inline-block;
        width: 120px;
        height: auto;
      }

      .page-id-63 #main h4 + p img {
        display: block;
        width: 100%;
        height: auto;
      }

      .page-id-63 iframe {
        width: calc(90vw);
        height: calc(90vw * 0.5625);
      }

      /* 1.1.4 - JFC in Parliament */

      .p1-1-4-jfc-in-parliament #main header {
        background-image: url("../images/sections/1-1-4-jfc-in-parliament.jpg");
      }

      /* 1.1.5 - Our Achievements */

      .p1-1-5-our-achivements #main header {
        background-image: url("../images/sections/1-1-5-our-achivements.jpg");
      }

      .page-id-70 #main article p {
        padding: 0 0 0 35px;
        background-image: url("../images/graphics/achievement.svg");
        background-repeat: no-repeat;
        background-size: 25px;
        background-position-y: 2px;
      }

      /* 1.1.6 - What People Say About JFC */

      .p1-1-6-what-people-say-about-jfc #main header {
        background-image: url("../images/sections/1-1-6-what-people-say-about-jfc.jpg");
      }

      .p1-1-6-what-people-say-about-jfc iframe,
      .page-id-73 iframe {
        width: calc(90vw);
        height: calc(90vw * 0.5625);
      }

      .page-id-73 .statement {
        padding: 10px 0 40px 0;
      }

      /*.page-id-73 p {
        margin: 0 0 25px 0;
      }*/

      /*.page-id-73 .statement img {
        width: 380px;
        float: left;
      }*/

      /*.page-id-73 .statement p,
      .page-id-73 .statement h4 {
        padding-left: 410px;
      }*/

      .page-id-73 .statement h4 {
        font-size: 24px;
      }

      /* 1.2.1 - Human Rights */

      .p1-2-1-human-rights #main header {
        background-image: url("../images/sections/1-2-1-human-rights.jpg");
      }

      /* 1.2.2 - Trade Unions */

      .p1-2-2-trade-unions #main header {
        background-image: url("../images/sections/1-2-2-trade-unions.jpg");
      }

      /* 1.2.3 - Colombian Armed Conflict */

      .p1-2-3-colombian-armed-conflict #main header {
        background-image: url("../images/sections/1-2-3-colombian-armed-conflict.jpg");
      }

      /* 1.2.4 - Peace in Colombia */

      .p1-2-4-peace-in-colombia #main header {
        background-image: url("../images/sections/1-2-4-peace-in-colombia.jpg");
      }

      .page-id-99 #main article div.col-lg-8 > p > img {
        margin: 20px 0 -55px 0;
      }

      /* 1.2.5 - British-Colombia Relations */

      .p1-2-5-british-colombia-relations #main header {
        background-image: url("../images/sections/1-2-5-british-colombia-relations.jpg");
      }

      .p1-2-5-british-colombia-relations #main header h1 {
        display: block;
        width: 600px;
      }

      .pageid-76 iframe {
        width: calc(90vw);
        height: calc(90vw * 0.5625);
      }

      /* 1.2.6 - Common Misconceptions */

      .p1-2-6-common-misconceptions #main header {
        background-image: url("../images/sections/1-2-6-common-misconceptions-2.jpg");
      }

      /* 1.2.7 - Colombia in Detail */

      .p1-2-7-colombia-in-detail #main header {
        background-image: url("../images/sections/1-2-7-colombia-in-detail.jpg");
      }

      .back-to-top-button a {
        display: none;
      }

      .p1-2-7-colombia-in-detail .back-to-top-button a:link,
      .p1-2-7-colombia-in-detail .back-to-top-button a,
      .page-id-108 .back-to-top-button a {
        display: none;
        height: 40px;
        width: 40px;
        background-color: #fff;
        position: fixed;
        top: 20px;
        right: 30px;
        border-radius: 20px;
        box-shadow: 0px 0px 5px #aaa;
        background-image: url("../images/graphics/back-to-top-arrow.svg");
        background-repeat: no-repeat;
        background-size: 15px 10px;
        background-position: center;
        z-index: 999;
      }

      .p1-2-7-colombia-in-detail .back-to-top-button.stick a:link,
      .p1-2-7-colombia-in-detail .back-to-top-button.stick a,
      .page-id-108 .back-to-top-button.stick a {
        display: block;
      }

    /* 1.3.1 - Take Action */

    .p1-3-1-take-action .col {
      margin-bottom: 40px;
    }

    .p1-3-1-take-action header h1,
    .p1-3-1-take-action header .breadcrumbs {
      text-align: center;
    }

    .p1-3-1-take-action header img.brush {
      margin: -15px auto 0 auto;
      display: block;
      width: 300px;
      position: relative;
      left: 0px;
      top: 0px;
      z-index: -1;
    }

    .p1-3-1-take-action .action-introduction {
      padding: 30px 20px 0 50px;
      background-image: url("../images/brushes/line-03-grey.svg");
      background-repeat: no-repeat;
      background-position: 20px 0;
      margin-top: -55px;
    }

    .p1-3-1-take-action .action-introduction h3 {
      margin: 30px 0 0 0;
      line-height: 40px;
    }

    /* 1.3.1.A - Urgent Action */

    .p1-3-1-A-urgent-action #main .urgent-action-form {
      margin: 50px 0 0 0;
    }

    .p1-3-1-A-urgent-action #main header img.brush {
      margin: -30px auto 30px auto;
      display: block;
      width: 80%;
      position: relative;
      z-index: -1;
    }

    .p1-3-1-A-urgent-action #main .links-share {
      margin: -40px auto 30px auto;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .brush {
      position: relative;
      z-index: -1;
      width: 250px;
      margin: -40px 0 30px 20px;
    }

    /*.p1-3-1-A-urgent-action #main .urgent-action-form > div {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      text-align: left;
      margin: 0 0 10px;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form > div.button-send {
      justify-content: flex-end;
    }

    /*.p1-3-1-A-urgent-action #main .urgent-action-form > div div:first-of-type {
      width: 70px;
      flex-shrink: 0;
      color: #666;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form > div.by div:last-of-type {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
    }*/

    .p1-3-1-A-urgent-action #main .urgent-action-form .gform_body {
      width: 100%;
      text-align: center;
      color: #000;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .gform_body .gform_wrapper ul li.gfield {
      padding: 0;
      margin: 0;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .gform_body label.gfield_label {
      display: none; /* Title of the form */
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .gform_body #input_5_1_4_container {
      display: none; /* Input asking address */
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .gform_body .start-again {
      display: none; /* Button to start again */
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form input {
      display: block;
      border: 2px solid #CCC;
      /*width: 100%;*/
      height: 47px;
      font-size: 16px;
      padding: 10px 15px 10px 15px;
      font-family: 'Roboto';
      font-weight: 500;
      text-align: center;
      color: #666;
      margin: 0 10px 20px 0;
      transition: all 0.2s ease-in-out 0s;
      flex-grow: 2;
      min-width: 0;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form > div.by div:last-of-type input:last-of-type {
      width: 160px;
      flex-grow: 1;
      margin: 0;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .lookup-results {
      background-color: transparent;
      max-height: none !important;
      margin: 20px 0 0 0;
      padding: 0;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .lookup-results h3 {
      font-size: 28px;
      padding: 30px 0 0 0;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .lookup-results .mp-details .detail-item {
      font-size: 16px;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .lookup-results .mp-details .detail-item {
      height: 30px;
      font-size: 16px;
      border-bottom: 2px solid #CCC;
      margin: 0 0 20px 0;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .lookup-results .mp-details .detail-item .label {
      text-align: left;
      color: #AAA;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .lookup-results .mp-details .detail-item:nth-child(3) {
      display: none;
    }

    .p1-3-1-A-urgent-action #main .urgent-action-form .lookup-results textarea {
      height: auto;
      width: 100%;
      border: 2px solid #CCC;
      padding: 20px;
      font-size: 18px;
      line-height: 30px;
    }

    /* 1.3.1.B - Get Your Union Active */

    .p1-3-1-B-get-your-union-active header h1 {
      margin-top: 10px;
    }

    .p1-3-1-B-get-your-union-active header img.brush {
      margin-left: -0;
      margin-top: -55px;
      width: 100%;
      position: relative;
      left: 0px;
      top: 0px;
      z-index: -1;
    }

    .p1-3-1-B-get-your-union-active .image-section {
      width: 100%;
    }

    .p1-3-1-B-get-your-union-active .links-share {
      margin: 0 auto;
    }

    .p1-3-1-B-get-your-union-active .image-section {
      margin-bottom: 50px;
    }

    .p1-3-1-B-get-your-union-active .how-to-support {
      margin: 30px 0 0 20px;
    }

    .p1-3-1-B-get-your-union-active .how-to-support .title {
      height: 50px;
    }

    .p1-3-1-B-get-your-union-active .how-to-support img {
      top: -40px;
      left: -10px;
      position: relative;
      z-index: -1;
      margin-bottom: -10px;
      width: 230px;
    }

    .p1-3-1-B-get-your-union-active .how-to-support .content {
      display: flex;
      justify-content: flex-start;
    }

    .p1-3-1-B-get-your-union-active .how-to-support span {
      position: relative;
      padding: 0 15px 0 0;
      font-family: 'GT-Pressura-Bold';
      font-size: 28px;
      color: #0a6f9e;
      display: block;
      top: -10px;
    }

    /* 1.3.X - Why Support JFC? */

    .why-support-jfc {
      margin: 0 0 40px 0;
    }

    .why-support-jfc h3 {
      margin: 20px 0 0 20px;
      font-size: 36px;
    }

    .why-support-jfc img {
      top: -25px;
      position: relative;
      z-index: -1;
      width: 300px;
    }

    .why-support-jfc .content {
      display: flex;
      justify-content: flex-start;
      margin-left: 10px;
    }

    .why-support-jfc span {
      position: relative;
      padding: 0 15px 0 0;
      font-family: 'GT-Pressura-Bold';
      font-size: 28px;
      color: #0a6f9e;
      display: block;
      top: -10px;
    }

    /* 1.3.X - Why Support JFC? Centered */

    .why-support-jfc-centered {
      text-align: center;
      margin: 0 0 40px 0;
    }

    .why-support-jfc-centered img {
      top: -35px;
      position: relative;
      z-index: -1;
      width: 305px;
    }

    .why-support-jfc-centered .content {
      display: block;
      width: 100%;
      margin: 0 auto;
    }

    .why-support-jfc-centered span {
      position: relative;
      padding: 0 0 0 0;
      font-family: 'GT-Pressura-Bold';
      font-size: 28px;
      color: #0a6f9e;
      display: block;
    }

    /* 1.3.2 - Support JFC */

    .p1-3-2-support-jfc header h1,
    .p1-3-2-support-jfc header .breadcrumbs {
      text-align: center;
    }

    .p1-3-2-support-jfc header img.brush {
      margin: -30px auto 30px auto;
      display: block;
      width: 80%;
      position: relative;
      z-index: -1;
    }

    .p1-3-2-support-jfc .brush.separator {
      margin: 35px 0;
    }

    .p1-3-2-support-jfc .statement {
      font-size: 16px;
      font-weight: 700;
    }

    /* 1.3.2.1 - Join JFC */

    .p1-3-2-1-join-jfc header h1,
    .p1-3-2-1-join-jfc header .breadcrumbs {
      text-align: center;
    }

    .p1-3-2-1-join-jfc header img.brush {
      margin: -30px auto 30px auto;
      display: block;
      width: 300px;
      position: relative;
      z-index: -1;
    }

    .p1-3-2-1-join-jfc .box {
      height: 100px;
    }

    .p1-3-2-1-join-jfc .box-title {
      height: 50px !important;
    }

    .p1-3-2-1-join-jfc .brush.separator {
      margin: 35px 0;
    }

    /* 1.3.2.1.A - Joining JFC Options */

    .p1-3-2-1-A-join-jfc-options #main header {
      margin-bottom: 50px;
    }

    .p1-3-2-1-A-join-jfc-options header {
      text-align: center;
    }

    .p1-3-2-1-A-join-jfc-options header h1 {
      font-size: 50px;
      line-height: 50px;
    }

    .p1-3-2-1-A-join-jfc-options header img.brush {
      margin: -15px auto 30px auto;
      display: block;
      width: 80%;
      position: relative;
      z-index: -1;
    }

    .p1-3-2-1-A-join-jfc-options .payment-options {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      text-align: center;
      margin: 0 0 30px;
      background-image: url(../images/brushes/line-grey-separator.svg);
      background-repeat: no-repeat;
      background-position-y: bottom;
      padding: 0 0 35px;
    }

    .p1-3-2-1-A-join-jfc-options .col-lg-3:last-of-type .payment-options {
      background: transparent;
    }

    .p1-3-2-1-A-join-jfc-options .payment-options h3 {
      /*height: 60px;*/
      font-size: 26px;
      line-height: 26px;
    }

    .p1-3-2-1-A-join-jfc-options .payment-options-text {
      /*height: 150px;*/
    }

    .p1-3-2-1-A-join-jfc-options .separator-vertical {
      display: none;
    }

    /* 1.3.2.2 - Donate */

    .p1-3-2-2-donate header img.brush {
      margin: -15px auto 30px auto;
      display: block;
      width: 80%;
      position: relative;
      z-index: -1;
    }

    .p1-3-2-2-donate .links-share {
      margin: 0 auto 50px auto;
    }

    .p1-3-2-2-donate .donate-form {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
    }

    .p1-3-2-2-donate .donate-form h4 {
      display: block;
      height: 50px;
      margin: 0 auto;
      padding: 0; /* Avoid General h4 settings */
      text-align: center;
      font-size: 20px;
    }

    .p1-3-2-2-donate .donate-form .donate-form-input-container {
      height: 250px;
      width: 100px;
      margin: 0 auto;
    }

    .p1-3-2-2-donate .donate-form .text-container {
      /*height: 250px;*/
      width: 180px;
      margin: 0 auto;
      text-align: center;
    }

    .p1-3-2-2-donate .donate-form .styled-input-single {
      position: relative;
      padding: 10px 0 10px 40px;
    }

    .p1-3-2-2-donate .donate-form .styled-input-single label {
      margin: 0;
      text-align: left;
      font-size: 18px;
      line-height: 24px;
      color: #666;
      padding: 3px 0 0 0;
    }

    .p1-3-2-2-donate .donate-form .styled-input-single label:before,
    .p1-3-2-2-donate .donate-form .styled-input-single label:after {
      content: '';
      position: absolute;
      top: 50%;
      border-radius: 50%;
      cursor: pointer;
    }

    .p1-3-2-2-donate .donate-form .styled-input-single label:before {
      left: 0;
      width: 30px;
      height: 30px;
      margin: -15px 0 0;
      background: #fff;
      border: 1px solid #bbb;
    }

    .p1-3-2-2-donate .donate-form .styled-input-single label:after {
      left: 5px;
      width: 20px;
      height: 20px;
      margin: -10px 0 0;
      opacity: 0;
      background: #0a6f9e;
      -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
              transform: translate3d(-40px, 0, 0) scale(0.5);
      -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    }

    .p1-3-2-2-donate .donate-form .styled-input-single input[type="radio"],
    .p1-3-2-2-donate .donate-form .styled-input-single input[type="checkbox"] {
      position: absolute;
      top: 0;
      left: -9999px;
      visibility: hidden;
    }

    .p1-3-2-2-donate .donate-form .styled-input-single input[type="radio"]:checked + label:after,
    .p1-3-2-2-donate .donate-form .styled-input-single input[type="checkbox"]:checked + label:after {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1;
    }

    .p1-3-2-2-donate .donate-form .styled-input-single input[type="text"] {
      border: 0;
      border-bottom: 1px solid #bbb;
      padding: 0 5px;
      width: 60px;
    }

    .p1-3-2-2-donate .donate-form .styled-input-single input[type="text"]:focus {
      box-shadow: 0 0 0;
    }

    .p1-3-2-2-donate .donate-form a {
      margin: 20px auto 0 auto;
      width: auto;
      text-align: center;
    }

    .p1-3-2-2-donate .donate-form {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      text-align: center;
      margin: 0 0 30px;
      background-image: url(../images/brushes/line-grey-separator.svg);
      background-repeat: no-repeat;
      background-position-y: bottom;
      padding: 0 0 35px;
    }

    .p1-3-2-2-donate .col-lg-3:last-of-type .donate-form {
      background: transparent;
    }

    .p1-3-2-2-donate img.separator-vertical {
      display: none;
    }

    /* 1.3.2.3 - Special Financial Appeal */

    .p1-3-2-3-special-financial-appeal header h1,
    .p1-3-2-3-special-financial-appeal header .breadcrumbs {
      text-align: center;
    }

    .p1-3-2-3-special-financial-appeal h1 {
      margin: 0 0 30px;
    }

    .p1-3-2-3-special-financial-appeal .links-share {
      margin: 60px auto 0 auto;
      width: 195px;
    }

    .p1-3-2-3-special-financial-appeal p {
      padding: 0 40px;
    }

    .p1-3-2-3-special-financial-appeal .donate-form {
      margin: 30px auto 20px auto;
      width: 170px;
    }

    .p1-3-2-3-special-financial-appeal .donate-form img.brush {
      width: 200px;
      position: relative;
      top: -35px;
      left: -10px;
      z-index: -1;
    }

    .p1-3-2-3-special-financial-appeal .donate-form-input-container {
      margin: -30px 0 15px 0;
    }

    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single {
      position: relative;
      padding: 10px 0 10px 40px;
    }

    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label {
      margin: 0;
      text-align: left;
      font-size: 24px;
      line-height: 24px;
      color: #666;
      padding: 3px 0 0 0;
    }

    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:before,
    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:after {
      content: '';
      position: absolute;
      top: 50%;
      border-radius: 50%;
      cursor: pointer;
    }

    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:before {
      left: 0;
      width: 30px;
      height: 30px;
      margin: -15px 0 0;
      background: #fff;
      border: 1px solid #bbb;
    }

    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:after {
      left: 5px;
      width: 20px;
      height: 20px;
      margin: -10px 0 0;
      opacity: 0;
      background: #0a6f9e;
      -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
              transform: translate3d(-40px, 0, 0) scale(0.5);
      -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    }

    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="radio"],
    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="checkbox"] {
      position: absolute;
      top: 0;
      left: -9999px;
      visibility: hidden;
    }

    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="radio"]:checked + label:after,
    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="checkbox"]:checked + label:after {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1;
    }

    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="text"] {
      border: 0;
      border-bottom: 1px solid #bbb;
      padding: 0 5px;
      width: 70px;
    }

    .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="text"]:focus {
      box-shadow: 0 0 0;
    }

    .p1-3-2-3-special-financial-appeal .donate-form a {
      margin: 40px 0 0 -5px;
    }

    /* 1.3.2.2.3 - Donation Form */

    .p1-3-2-2-3-one-off-donation {
      margin: -15px auto 30px auto;
      display: block;
      width: 80%;
      position: relative;
      z-index: -1;
    }

    .p1-3-2-2-3-one-off-donation {
      margin: -15px auto 30px auto;
      display: block;
      width: 80%;
      position: relative;
      z-index: -1;
    }

    /* 1.3.2.4 - Get Sponsored */

    .p1-3-2-4-get-sponsored header img.brush {
      margin: -15px auto 30px auto;
      display: block;
      width: 80%;
      position: relative;
      z-index: -1;
    }

    .p1-3-2-4-get-sponsored .links-share {
      margin: 0 auto 0 auto;
    }

    .p1-3-2-4-get-sponsored img.image-section {
      margin: 0 auto 30px;
      width: 100%;
    }

    .p1-3-2-4-get-sponsored p,
    .p1-3-2-4-get-sponsored h4 {
      text-align: center;
    }

    /* 1.3.3 - Sign Up for Latest News */

    .p1-3-3-sign-up-for-latest-news header h1 {
      font-size: 50px;
    }

    .p1-3-3-sign-up-for-latest-news header img.brush {
      margin: -25px auto 30px auto;
      display: block;
      width: 70%;
      position: relative;
      z-index: -1;
    }

    .p1-3-3-sign-up-for-latest-news .links-share {
      margin: 0 auto 30px auto;
    }

    /* 1.3.3.1 - Post Newsletter Signup */

    .p1-3-3-1-post-newsletter-signup header img.brush {
      margin: -15px auto 30px auto;
      display: block;
      width: 80%;
      position: relative;
      z-index: -1;
    }

    .p1-3-3-1-post-newsletter-signup #main header {
      margin-bottom: 60px;
    }

    .p1-3-3-1-post-newsletter-signup .links-share {
      margin: 0 auto 30px auto;
      transform: scale(1.2);
    }

    .p1-3-3-1-post-newsletter-signup a.button-white.but-blue {
      width: 100%;
      margin: 0 auto 10px auto;
    }

    /* 1.4.1 - Latest News */

    .p1-4-1-latest-news #main header {
      margin-bottom: 20px;
    }

    .p1-4-1-latest-news #main header h1,
    .p1-4-1-latest-news #main header .breadcrumbs {
      text-align: center;
    }

    .p1-4-1-latest-news #main header img.brush {
      margin: -15px auto 30px auto;
      display: block;
      width: 80%;
      position: relative;
      z-index: -1;
    }

    .p1-4-1-latest-news img.brush.separator {
      transform: scaleX(1.05);
      margin: 10px 0 20px;
    }

    .p1-4-1-latest-news .searching-filters {
      margin-bottom: 30px;
    }

    /* 1.4.1.1 - News Piece */

    .p1-4-1-1-news-piece h1 {
      font-size: 40px;
      line-height: 40px;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .p1-4-1-1-news-piece .article-info {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: left;
    }

    .p1-4-1-1-news-piece time {
      font-size: 22px;
      font-weight: 500;
      color: #AAA;
      margin: 0 0 20px 0;
    }

    .p1-4-1-1-news-piece .links-list img {
      display: none;
    }

    .p1-4-1-1-news-piece .links-list h3 {
      margin: 20px 0 0 0;
      font-size: 24px;
    }

    .p1-4-1-1-news-piece .links-list ul {
      line-height: 1.25;
    }

    .p1-4-1-1-news-piece .links-list ul li {
      display: inline-block;
    }

    .p1-4-1-1-news-piece .links-list ul li a {
      font-size: 18px;
    }

    .p1-4-1-1-news-piece .links-list ul li a:after {
      content: ', ';
    }

    .p1-4-1-1-news-piece .links-list ul li:last-of-type a:after {
      content: none;
    }

    .p1-4-1-1-news-piece .links-list ul li a:hover {
      margin: 0;
    }

    .p1-4-1-1-news-piece .article-tags {
      margin: 30px 0 0 0;
    }

    .p1-4-1-1-news-piece .article-tags a {
      margin: 0 10px 15px 0;
    }

    /* 1.4.2 - Press Room */

    .p1-4-2-press-room #main header {
      margin-bottom: 20px;
    }

    .p1-4-2-press-room #main header img.brush {
      margin: 0px auto 30px auto;
      display: block;
      width: 100%;
      position: relative;
      z-index: -1;
    }

    .p1-4-2-press-room h3,
    .p1-4-2-press-room p {
      padding: 0;
    }

    .p1-4-2-press-room .boxes-group-title {
      margin-top: 30px;
    }

    .p1-4-2-press-room .boxes-group-title div {
      background: url("../images/brushes/line-grey-separator.svg") no-repeat center bottom;
    }

    /* 1.4.3 - Human Rights Reports */

    .p1-4-3-human-rights-reports header img.brush {
      margin: 0px auto 30px auto;
      display: block;
      width: 100%;
      position: relative;
      z-index: -1;
    }

    .p1-4-3-human-rights-reports #dropdown {
      margin: 0 0 40px 0;
    }

    /* 1.4.4 - Events */

    .p1-4-4-events div.row:first-of-type header:first-of-type {
      margin-bottom: 50px;
    }

    .p1-4-4-events #main header img {
      margin: 0px auto 30px auto;
      display: block;
      width: 100%;
      position: relative;
      z-index: -1;
    }

    .p1-4-4-events h1 {
      margin-bottom: 30px;
    }

    .p1-4-4-events section svg {
      display: block;
      text-align: center;
      margin: 10px auto 5px auto;
    }

    .p1-4-4-events section span {
      color: #999;
    }

    .p1-4-4-events a.button-white {
      margin: 20px 0 80px 0;
      text-decoration: none;
    }

    /* 1.4.4.1 - Events Piece */

    .p1-4-4-1-event-piece aside img {
      width: 100%;
      padding: 20px;
    }

    .p1-4-4-1-event-piece aside {
      text-align: center;
    }

    .p1-4-4-1-event-piece aside div {
      margin: 10px;
      text-align: center;
    }

    .p1-4-4-1-event-piece article img {
      margin: 20px 0 30px;
      width: 100%;
    }

    .p1-4-4-1-event-piece article section.links-share {
      margin: 0 0 30px;
    }

    .p1-4-4-1-event-piece article section.event-details {
      margin: 0 0 50px;
    }

    .p1-4-4-1-event-piece article section.event-details div {
      margin: 0 0 15px;
      vertical-align: middle;
    }

    .p1-4-4-1-event-piece article section.event-details div > * {
      /*color: #000;*/
      display: inline-block;
      font-size: 18px;
      height: 20px;
      line-height: 20px; /* for vertical-align */
      margin: 0 10px 0 0;
      vertical-align: middle;
    }

    /* 1.4.5 - Multimedia */

    .p1-4-5-multimedia #main header h1,
    .p1-4-5-multimedia #main header .breadcrumbs {
      text-align: center;
    }

    .p1-4-5-multimedia header img.brush {
      margin: 0px auto 30px auto;
      display: block;
      width: 100%;
      position: relative;
      z-index: -1;
    }

    .p1-4-5-multimedia #main .row:nth-of-type(1),
    .p1-4-5-multimedia #main .row:nth-of-type(3) {
      margin-bottom: 0;
    }

    .p1-4-5-multimedia .side-title {
      text-align: center;
      margin: 20px 0;
    }

    .p1-4-5-multimedia .side-title h3 {
      margin: 0;
    }

    .p1-4-5-multimedia .box-news {
      width: auto;
      display: inline-block;
      float: left;
    }

    .p1-4-5-multimedia .box-news:nth-of-type(2n+1) {
      margin-right: 0;
    }

    /* 1.4.5.A - Gallery */

    .p1-4-5-A-gallery #main header {
      margin-bottom: 50px;
    }

    .p1-4-5-A-gallery #main h1 {
      font-size: 60px;
      line-height: 60px;
    }

    .p1-4-5-A-gallery #main time {
      display: none;
    }

    .p1-4-5-A-gallery #main .masonry {
      margin-top: 30px;
    }

    .p1-4-5-A-gallery #main .masonry img {
      transition: all 0.3s;
      transition-timing-function: ease;
      height: 200px;
      margin: 15px 15px;
      border-radius: 3px;
      box-shadow: 0 0 10px #bbb;
    }

    .p1-4-5-A-gallery #main .masonry img:hover {
      cursor: zoom-in;
      opacity: 0.75;
      box-shadow: 0 0 10px #000;
    }

    /* 1.4.5-B - Video */

    .p1-4-5-B-video #main header {
      margin-bottom: 50px;
    }

    .p1-4-5-B-video #main h1 {
      font-size: 60px;
      line-height: 60px;
    }

    .p1-4-5-B-video #main iframe {
      margin-top: 30px;
    }

    .p1-4-5-B-video #main time {
      display: none;
    }

    .p1-4-5-B-video iframe {
      width: calc(100vw - 80px);
      height: calc((100vw - 80px) * 0.5625);
    }

    /* 1.4.6 - Materials */

    .p1-4-6-materials #main header {
      margin-bottom: 30px;
    }

    .p1-4-6-materials #main header h1,
    .p1-4-6-materials #main header .breadcrumbs {
      text-align: center;
    }

    .p1-4-6-materials header img.brush {
      margin: 0px auto 30px auto;
      display: block;
      width: 100%;
      position: relative;
      z-index: -1;
    }

    .p1-4-6-materials .side-title {
      text-align: center;
      margin: 20px 0;
    }

    .p1-4-6-materials .side-title h3 {
      margin: 0 10px -10px 0;
    }

    .p1-4-6-materials .materials-container {
      display: flex;
      align-items: center;
      flex-direction: column;
      height: auto;
      margin-bottom: 30px;
      padding-left: 0;
    }

    .p1-4-6-materials .materials-container img {
      float: left;
      max-width: 120px;
      max-height: 80px;
      margin-right: 0;
    }

    .p1-4-6-materials #main .materials-container a {
      text-decoration: underline;
    }

    .p1-4-6-materials #main .materials-container svg {
      margin: 5px 5px 0 0;
    }

    .p1-4-6-materials #main .materials-container a:hover {
      text-decoration: none;
      color: #0a6f9e;
    }

    /* 1.4.7 - Links */

    .p1-4-7-links #main header {
      margin-bottom: 30px;
    }

    .p1-4-7-links #main header img.brush {
      margin: 0px auto 30px auto;
      display: block;
      width: 100%;
      position: relative;
      z-index: -1;
    }

    .p1-4-7-links #main .links-list {
      display: none;
    }

    .p1-4-7-links #main h3 {
      /*margin: 45px 0 15px;*/
      padding: 45px 0 15px;

    }

    .p1-4-7-links #main h3:first-of-type {
      /*margin: 15px 0;*/
      padding: 15px 0;
    }

    .p1-4-7-links #main p {
      margin: 0;
    }

    .p1-4-7-links #main .col-lg-6 a {
      display: inline-block;
      text-decoration: underline;
      margin: 20px 0 0 0;
      font-size: 18px;
      font-weight: 500;
    }

    .p1-4-7-links #main a:hover {
      color: #0071a2;
    }

    /* 1.4.1.0 - Article Search */

    .p1-4-1-0-search #main header {
      margin: 0 0 30px;
    }

    .p1-4-1-0-search #main li {
      margin: 0 0 30px;
    }

    .p1-4-1-0-search #main a {
      text-decoration: underline;
      font-size: 18px;
      font-weight: 500;
    }

    .p1-4-1-0-search #main a:hover {
      color: #0071a2;
    }

    .p1-4-1-0-search #main span {
      color: #999;
      margin: 0 0 5px;
      display: block;
    }

    .p1-4-1-0-search #main span a {
      font-size: 16px;
      color: #999;
    }

    /* 9 - 404 Page not found */

    .p9-404-page #main h1.text-hand-drawn {
      font-size: 160px;
      line-height: 90px;
      color: #0a6f9e;
      margin-top: 50px;
    }

@media (min-width: 576px) {

  /*
  ** Specific Pages @576px
  */

  /* 1 - Home */



  /* Level 2 on Home */

  .p1-home .abouts .col-12 { /* R */
    height: 370px;
    background-position: 0 80px;
  }

  /* Video */

  .p1-home .video iframe { /* R */
    width: 480px;
    height: calc(480px * 0.5625);
  }

  /* Level 2 Pages */

  .level-2 #main header { /* R */
    height: 336px;
    background-position: 0 80px;
  }

  .level-2 #main header img.brush:last-of-type { /* R */
    transform: scale(1.1);
  }

  /* Texty Pages */

  .texty-page #main header { /* R */
    height: 356px;
    background-position: 0 100px;
  }

  .texty-page.page-id-96 #main header,
  .texty-page.page-id-102 #main header,
  .texty-page.page-id-105 #main header {
    height: 416px;
    background-position: 0 140px;
  }

  .texty-page #main header img.brush { /* R */
    transform: scale(1.1);
  }

  .texty-page #main article iframe {
    width: 510px;
    height: calc(510px * 0.5625);
  }

    /* 1.1.1 - Who We Are */

    .page-id-22 #main article .JFC-member img {
      float: left;
      margin: 0 20px 0 0;
      width: 130px;
      height: auto;
    }

    .page-id-22 #main article .JFC-member p {
      max-width: 360px;
      width: auto;
    }

    /* 1.1.3 - Projects in Colombia */

    .page-id-63 iframe {
      width: 510px;
      height: calc(510px * 0.5625);
    }

    /* 1.1.6 - What People Say About JFC */

    .p1-1-6-what-people-say-about-jfc iframe,
    .page-id-73 iframe {
      width: 510px;
      height: calc(510px * 0.5625);
    }

    /* 1.2.5 - British-Colombia Relations */

    .pageid-76 iframe {
      width: 510px;
      height: calc(510px * 0.5625);
    }

    /* 1.1.2 - Campaigns */

    .single-campaigns #main header {
      height: auto;
    }

    .single-campaigns #main .col-lg-8 {
      padding: 300px 0 0 0;
    }

      /* 1.1.2.3 - Free Colombia’s Political Prisoners */

      .postid-34 #main article .prisoner img {
        float: left;
        margin: 0 20px 0 0;
        width: 130px;
        height: auto;
      }

      .postid-34 #main article .prisoner p {
        max-width: 360px;
        width: auto;
      }

    /* 1.4.5-B - Video */

    .p1-4-5-B-video iframe {
      width: 480px;
      height: calc(480px * 0.5625);
    }

}

@media (min-width: 768px) {


  /*
  ** Footer @992px
  */

  footer {
    min-height: 200px;
    color: #fff;
    background-color: #0a6f9e;
    font-size: 13px;
    line-height: 20px;
  }

  footer li {
    margin: 10px 0;
    font-size: 14px;
    line-height: 16px;
  }

  footer .jfc-info li {
    display: block;
    color: #99ccff;
    line-height: 14px;
  }

  footer .jfc-info li:first-of-type {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 5px;
  }

  footer .col-md-3 ul li { /* R */
    display: block;
    margin: 10px 0;
    font-size: 14px;
    line-height: 16px;
  }

  footer ul li a {
    color: #99ccff;
    transition: color 0.3s;
    transition-timing-function: ease;
  }

  footer ul li:first-of-type a {
    color: #fff;
  }

  footer ul li a:hover {
    color: #fff;
    text-decoration: none;
  }

  footer .jfc-info ul li:nth-child(6) {
    display: flex;
    margin: 10px 0;
    position: absolute;
    top: -10px;
    right: 20px;
  }

  footer a.social {
    margin: 10px 10px 30px 0 !important;
  }


  /*
  ** Specific Pages @768px
  */

  /* 1 - Home */

    /* Slideshow */

    #carousel .carousel-inner {
      height: 600px;
    }

  /*
  ** Boxes for News
  */

    /* Boxes for News Elements */

    .box.box-news {
      height: 360px;
      transition: box-shadow 0.3s;
      transition-timing-function: ease;
      border-radius: 3px;
      box-shadow: 0 0 10px #bbb;
      overflow: hidden;
      margin: 0 0 30px;
    }

    .box.box-news span { /* R */
      height: 20px;
    }

    .box.box-news article h1 { /* R */
      font-size: 26px;
      line-height: 26px;
      height: 126px;
    }

    a:hover .box.box-news {
      box-shadow: 0 0 15px #666;
    }

    a:hover .box.box-news h1 {
      color: #0071a2;
    }

    a:hover .box.box-news img {
      transform: scale(1.05);
    }

    /* NEW Boxes straight to A */

    a.box.box-news:hover {
      box-shadow: 0 0 15px #666;
    }

    a.box.box-news:hover h1 {
      color: #0071a2;
    }

    a.box.box-news:hover img {
      transform: scale(1.05);
    }

    /* Boxes for Campaign Elements */

    .box.box-campaign { /* R */
      height: 360px;
    }

    .box.box-campaign h1 { /* R */
      height: 164px;
      padding: 10px 20px;
    }


  /* 1 - Home */

  /* Featured */

  .p1-home .featured {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .p1-home .featured h2 {
    /*margin: 10px 0 0 10px;*/
    text-align: center;
    transition: all 0.4s ease-in-out;
    font-size: 80px;
  }

  .p1-home .featured .arrow {
    margin: -20px 0 0 80px;
    transition: all 0.4s ease-in-out;
    display: none;
  }

  /* Level 2 on Home */

  .p1-home .abouts .col-12 { /* R */
    height: 470px;
    background-position: 0 80px;
  }

  /* Video */

  .p1-home .video iframe { /* R */
    width: 660px;
    height: calc(680px * 0.5625);
  }

  /* Level 2 Pages */

  .level-2 #main header { /* R */
    height: 420px;
    background-position: 0 80px;
  }

  /* Texty Pages */

  .texty-page #main header { /* R */
    height: 470px;
    background-position: 0 100px;
    margin: 0 0 40px;
  }

  .texty-page.page-id-96 #main header,
  .texty-page.page-id-102 #main header,
  .texty-page.page-id-105 #main header {
      height: 476px;
      background-position: 0 100px;
  }

  .texty-page #main .links-list {
    position: sticky;
    top: 30px;
  }

  .texty-page #main .links-list a { /* R */
    font-size: 18px;
  }

  .texty-page #main article iframe {
    width: 450px;
    height: calc(450px * 0.5625);
  }

    /* 1.1.1 - Who We Are */

    .page-id-22 #main article .content-images img { /* R */
      width: 170px;
      height: 240px;
      margin: 10px 5px;
    }

    .page-id-22 #main article .JFC-member img { /* R */
      float: left;
      margin: 0 25px 0 0;
      width: 100px;
      height: auto;
    }

    .page-id-22 #main article .JFC-member p { /* R */
      max-width: 320px;
    }

    /* 1.1.3 - Projects in Colombia */

    .page-id-63 iframe {
      width: 450px;
      height: calc(450px * 0.5625);
    }

    /* 1.1.6 - What People Say About JFC */

    .p1-1-6-what-people-say-about-jfc iframe,
    .page-id-73 iframe {
      width: 450px;
      height: calc(450px * 0.5625);
    }

    /* 1.1.2 - Campaigns */

    .single-campaigns #main header {
      height: auto;
    }

    .single-campaigns #main .col-lg-8 {
      padding: 400px 0 0 0;
    }

      /* 1.1.2.3 - Free Colombia’s Political Prisoners */

      .postid-34 #main article .prisoner img {
        float: left;
        margin: 0 20px 0 0;
        width: 130px;
        height: auto;
      }

      .postid-34 #main article .prisoner p {
        max-width: 540px;
        width: auto;
      }

    /* 1.2.5 - British-Colombia Relations */

    .pageid-76 iframe {
      width: 690px;
      height: calc(690px * 0.5625);
    }

    /* 1.2.6 - Common Misconceptions */

    .p1-2-6-common-misconceptions #main header {
      background-image: url("../images/sections/1-2-6-common-misconceptions-2.jpg");
    }

    /* 1.2.7 - Colombia in Detail */

    .p1-2-7-colombia-in-detail #main .links-list,
    .texty-page.page-id-108 #main .links-list {
      position: relative !important;
      top: 0 !important;
    }

  /* Boxes for Campaign Elements */

  .box.box-campaign { /* R */
    height: 310px;
  }

  .box.box-campaign h1 { /* R */
    height: 110px;
    padding: 10px 20px;
    font-size: 32px;
    line-height: 40px;
  }

  /* 1.3.1.A - Urgent Action */

  .p1-3-1-A-urgent-action #main header img.brush {
    width: 60%;
  }

  /* 1.3.2 - Suppot JFC */

  .p1-3-2-support-jfc header img.brush { /* R */
    margin: -25px auto 30px auto;
    display: block;
    width: 400px;
    position: relative;
    z-index: -1;
  }

  /* 1.3.2.1.A - Joining JFC Options */

  .p1-3-2-1-A-join-jfc-options header img.brush { /* R */
    margin: -25px auto 30px auto;
    display: block;
    width: 500px;
    position: relative;
    z-index: -1;
  }

  .p1-3-2-1-A-join-jfc-options .payment-options { /* R */
    background: transparent;
  }

  .p1-3-2-1-A-join-jfc-options .payment-options h3 { /* R */
    height: 60px;
  }

  .p1-3-2-1-A-join-jfc-options .payment-options-text { /* R */
    height: 160px;
  }

  .p1-3-2-1-A-join-jfc-options .separator-vertical { /* R */
    display: block;
    margin: 0 auto -340px auto;
    position: relative;
    z-index: -1;
    top: -340px;
  }

  /* 1.3.2.2 - Donate */

  .p1-3-2-2-donate header img.brush { /* R */
    margin: -15px auto 30px auto;
    width: 270px;
  }

  .p1-3-2-2-donate .links-share { /* R */
    margin: 0 auto 50px auto;
  }

  .p1-3-2-2-donate .donate-form { /* R */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background: transparent;
  }

  .p1-3-2-2-donate .donate-form h4 { /* R */
    display: block;
    height: 70px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
  }

  .p1-3-2-2-donate .donate-form .donate-form-input-container { /* R */
    height: 250px;
    width: 100px;
    margin: 0 auto;
  }

  .p1-3-2-2-donate .donate-form .text-container { /* R */
    height: 230px;
    width: 100%;
    margin: 20px auto 0 auto;
    text-align: center;
    font-size: 14px;
  }

  .p1-3-2-2-donate .donate-form a { /* R */
    margin: 20px auto 0 auto;
    width: 100%;
    text-align: center;
  }

  .p1-3-2-2-donate img.separator-vertical { /* R */
    display: block;
    margin: 0 auto -495px auto;
    position: relative;
    z-index: -1;
    top: -455px;
    height: 420px;
  }

  /* 1.3.2.3 - Special Financial Appeal */

  .p1-3-2-3-special-financial-appeal p { /* R */
    padding: 0 10px;
}

  .p1-3-2-3-special-financial-appeal .links-share { /* R */
    margin: 10px auto 0 auto;
    width: 195px;
  }

  /* 1.3.2.4 - Get Sponsored */

  .p1-3-2-4-get-sponsored header img.brush { /* R */
    margin-top: -20px;
    width: 400px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: -1;
  }

  /* 1.3.3 - Sign Up for Latest News */

  .p1-3-3-sign-up-for-latest-news header h1 {
    font-size: 60px;
  }

  .p1-3-3-sign-up-for-latest-news header img.brush { /* R */
    margin-top: -25px;
    width: 500px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: -1;
  }

  .p1-3-3-sign-up-for-latest-news .links-share { /* R */
    margin: 0 auto 30px auto;
  }

  /* 1.3.3.1 - Post Newsletter Signup */

  .p1-3-3-1-post-newsletter-signup header img.brush { /* R */
    width: 380px;
    position: relative;
    z-index: -1;
  }

  .p1-3-3-1-post-newsletter-signup #main header {
    margin-bottom: 60px;
  }

  .p1-3-3-1-post-newsletter-signup .links-share {
    margin: 0 auto 30px auto;
    transform: scale(1.2);
  }

  .p1-3-3-1-post-newsletter-signup a.button-white.but-blue {
    width: 100%;
    margin: 0 auto 10px auto;
  }

  /* 1.4.1 - Latest News */

  .p1-4-1-latest-news #main header {
    margin-bottom: 20px;
  }

  .p1-4-1-latest-news #main header img.brush {
    width: 750px;
    margin-left: -20px;
    margin-top: 20px;
  }

  .p1-4-1-latest-news img.brush.separator {
    transform: scaleX(1.05);
    margin: 10px 0 20px;
  }

  .p1-4-1-latest-news .searching-filters {
    margin-bottom: 30px;
  }

  /* 1.4.1.1 - News Piece */

  .p1-4-1-1-news-piece h1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 10px;
  }

  .p1-4-1-1-news-piece .article-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 20px;
    padding: 0 0 0 calc(33% + 15px);
  }

  .p1-4-1-1-news-piece time {
    font-size: 22px;
    font-weight: 500;
    color: #AAA;
    margin: 0 20px 0 0;
  }

  .p1-4-1-1-news-piece .links-list img {
    display: block;
  }

  .p1-4-1-1-news-piece .links-list h3 {
      margin: 10px 0 0 0;
      font-size: 30px;
  }

  .p1-4-1-1-news-piece .links-list ul li {
    display: block;
    margin: 0;
    line-height: 30px;
  }

  .p1-4-1-1-news-piece .links-list ul li a:after {
    content: none;
  }

  .p1-4-1-1-news-piece .article-tags {
    margin: 40px 0 0;
  }

  /* 1.4.2 - Press Room */

  .p1-4-2-press-room #main header {
    margin-bottom: 20px;
  }

  .p1-4-2-press-room header img.brush {
    width: 750px;
    margin-left: -20px;
  }

  .p1-4-2-press-room h3,
  .p1-4-2-press-room p {
    padding: 0 10px 0;
  }

  .p1-4-2-press-room .boxes-group-title {
    margin-top: 30px;
  }

  .p1-4-2-press-room .boxes-group-title div {
    background: url("../images/brushes/line-grey-separator.svg") no-repeat center bottom;
  }

  /* 1.4.3 - Human Rights Reports */

    /* R */

  /* 1.4.4 - Events */

    /* R */

  /* 1.4.4.1 - Events Piece */

  .p1-4-4-1-event-piece aside img {
    width: 100%;
    padding: 20px;
  }

  .p1-4-4-1-event-piece aside {
    text-align: center;
  }

  .p1-4-4-1-event-piece aside div {
    margin: 10px;
    text-align: center;
  }

  .p1-4-4-1-event-piece article img {
    margin: 20px 0 30px;
    width: 100%;
  }

  .p1-4-4-1-event-piece article section.links-share {
    margin: 0 0 30px;
  }

  .p1-4-4-1-event-piece article section.event-details {
    margin: 0 0 30px;
  }

  .p1-4-4-1-event-piece article section.event-details div {
    margin: 0 0 15px;
    vertical-align: middle;
  }

  .p1-4-4-1-event-piece article section.event-details div>* {
    display: inline-block;
    font-size: 18px;
    height: 20px;
    line-height: 20px; /* for vertical-align */
    margin: 0 10px 0 0;
    vertical-align: middle;
  }

  /* 1.4.5 - Multimedia */

  .p1-4-5-multimedia header img.brush {
    width: 750px;
    margin-left: -20px;
  }

  .p1-4-5-multimedia #main .row:nth-of-type(1),
  .p1-4-5-multimedia #main .row:nth-of-type(3) {
    margin-bottom: 30px;
  }

  .p1-4-5-multimedia .side-title {
    text-align: right;
    margin-top: 20px;
  }

  .p1-4-5-multimedia .side-title h3 {
    margin: 0 10px -10px 0;
  }

  .p1-4-5-multimedia .box-news {
    width: 350px;
    display: inline-block;
    float: left;
  }

  .p1-4-5-multimedia .box-news:nth-of-type(2n+1) {
    margin-right: 30px;
  }

  /* 1.4.5-B - Video */

  .p1-4-5-B-video iframe {
    width: 660px;
    height: calc(680px * 0.5625);
  }

  /* 1.4.7 - Links */

  .p1-4-7-links #main header {
    margin-bottom: 30px;
  }

  .p1-4-7-links #main header img.brush {
    width: 750px;
    margin-left: -270px;
  }

  .p1-4-7-links #main h3 {
    /*margin: 45px 0 15px;*/
    padding: 45px 0 15px;
  }

  .p1-4-7-links #main h3:first-of-type {
    /*margin: 15px 0;*/
    padding: 15px 0;

  }

  .p1-4-7-links #main .links-list {
    display: block;
  }

  .p1-4-7-links #main .links-list a {
    text-decoration: none;
    font-size: 22px;
    color: #000;
  }

  .p1-4-7-links #main p {

  }

  .p1-4-7-links #main a {
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
  }

  .p1-4-7-links #main a:hover {
    color: #0071a2;
  }

/* 1.4.1.0 - Article Search */

  /* R */

}

@media (min-width: 992px) {

  /*
  ** General Styles
  */

    /*
    ** Tables
    */

    table img {
     max-width: 150px;
    }

    table tr {
     padding: 0 0 20px;
    }

    table tr td {
     vertical-align: top;
     padding: 0 0 20px 20px;
    }

    table p {
     padding: 0 0 0 20px;
    }

    /*
    ** Global Text Styles
    */

    h1 {
      font-size: 60px;
      line-height: 60px;
    }

    h1.text-hand-drawn {
      font-size: 80px;
      line-height: 80px;
    }

    h2 {
      font-size: 50px;
      line-height: 50px;
    }

    h3 {
      font-size: 40px;
      line-height: 32px;
      /*margin-bottom: 15px;*/
      padding-bottom: 15px;
    }

    h4 {
      font-size: 30px;
      line-height: 1.5;
    }

    article p {
      font-size: 18px;
      font-weight: 400;
      color: #444;
      margin: 0 0 25px 0;
      line-height: 1.7;
    }

    article p:last-of-type {
      margin: 0 0 0 0;
    }

    article p:first-of-type {
      margin: 0 0 25px 0;
    }

    article ul,
    article ol {
      font-size: 18px;
      font-weight: 400;
      color: #333;
      margin: 0 0 30px 0;
      line-height: 1.7;
    }

    article ul li {
      list-style-type: disc;
      list-style-position: inside;
      margin: 0 0 10px;
    }

    /*
    ** Links
    */

      /* Buttons */

      .button-white { /* R */
        font-size: 16px;
        padding: 14px 24px 12px;
      }

      /* Links Side Lists */

      .texty-page #main .links-list {
        position: sticky;
        top: 30px;
      }

      .texty-page #main .links-list h3 {
        font-size: 30px;
      }

      .texty-page #main .links-list ul li {
        list-style: none;
        margin: 0;
      }

      .texty-page #main .links-list a {
        color: #AAA;
        font-size: 22px;
      }

      .texty-page #main .links-list a:hover {
        color: #0a6f9e;
        margin-left: 10px;
      }

      /* Breadcrumbs */

      .breadcrumbs {
        font-size: 26px;
      }


    /*
    ** Inputs and Forms
    */

    form.sign-up-for-latest-news input {
      display: block;
      border: 2px solid #CCC;
      width: 100%;
      height: 47px;
      font-size: 16px;
      padding: 10px 15px 10px 15px;
      font-family: 'Roboto';
      font-weight: 500;
      text-align: center;
      color: #666;
      margin: 0 0 10px;
      transition: all 0.2s ease-in-out 0s;
    }

    form.sign-up-for-latest-news button {
      width: 100%;
      font-size: 20px;
    }

    /* Resets */

    input::-webkit-input-placeholder {
      color: #999;
    }

    input:-moz-placeholder {
      /* Firefox 18- */
      color: #999;
    }

    input::-moz-placeholder {
      /* Firefox 19+ */
      color: #999;
    }

    input:-ms-input-placeholder {
      color: #999;
    }

    input:focus, textarea:focus {
      box-shadow: 0 0 15px -5px #000;
      outline: none;
    }

    /* Common Inputs */

    .box input {
      display: block;
      border: 1px solid #ccc;
      border-radius: 5px;
      min-width: 300px;
      height: 20px;
      font-size: 16px;
      padding: 10px 20px;
      font-family: 'Roboto';
      color: #000;
      background-color: #f4f4f4;
      margin: 0 auto 10px auto;
      transition: all 0.2s ease-in-out 0s;
      text-align: center;
    }

    .box button {
      display: block;
      border: 0px solid #ccc;
      border-radius: 5px;
      background-color: #00719c;
      min-width: 342px;
      height: 40px;
      font-size: 16px;
      padding: 10px 20px;
      font-family: 'Roboto';
      color: #fff;
      margin: 10px auto;
      transition: all 0.2s ease-in-out 0s;
      text-align: center;
    }

    .box button:hover {
      cursor: pointer;
      border: 1px solid #09f;
      background-color: #09f;
    }

    .box input[type="checkbox"] {
      display: inline-block;
      min-width: 30px;
      position: relative;
      top: 4px;
      border: 1px solid #000;
    }

    input[type="checkbox"]:focus {
      box-shadow: none;
      outline: none;
    }

    /* Search Block */

    aside .search {
      position: relative;
    }

    aside .search input {
      display: block;
      border: 2px solid #ebebeb;
      width: 100%;
      height: 47px;
      font-size: 16px;
      padding: 10px 15px 10px 15px;
      font-family: 'Roboto';
      font-weight: 500;
      color: #666;
      margin: 0 0 30px;
      transition: all 0.2s ease-in-out 0s;
    }

    .searching-filters aside input:focus, .searching-filters aside textarea:focus {
      border: 2px solid #00719c;
      outline: none;
    }

    aside .search button {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 47px;
      border: none;
      width: 47px;
      background-color: transparent;
      transition: all 0.2s ease-in-out;
    }

    aside .search button svg {
      fill: #999;
      height: 20px;
      top: 5px;
      position: relative;
      transition: all 0.2s ease-in-out;
    }

    aside .search button:hover {
      cursor: pointer;
      border: 1px solid #00719c;
      background-color: #00719c;
    }

    aside .search button:hover svg {
      fill: #fff;
    }

    /* Pagination */

    .pagination {
      display: inline-block;
      padding-left: 0;
      margin: 20px 0;
      border-radius: 4px;
      font-size: 14px;
      box-shadow: 0 0 10px #bbb;
    }

    .pagination>li {
      display: inline;
    }

    .pagination>li>a, .pagination>li>span {
      position: relative;
      float: left;
      padding: 10px 15px 8px 15px;
      margin-left: -1px;
      line-height: 1.42857143;
      color: #337ab7;
      text-decoration: none;
      background-color: #fff;
      margin: 0 0 0 1px;
    }

    .pagination>li:first-child>a, .pagination>li:first-child>span {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }

    .pagination>li:last-child>a, .pagination>li:last-child>span {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }

    .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
      z-index: 2;
      color: #23527c;
      background-color: #eee;
      border-color: #ddd;
    }

    .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
      z-index: 3;
      color: #fff;
      cursor: default;
      background-color: #337ab7;
      border-color: #337ab7;
    }

    .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
      color: #777;
      cursor: not-allowed;
      background-color: #fff;
      border-color: #ddd;
    }

    .pagination-lg>li>a, .pagination-lg>li>span {
      padding: 10px 16px;
      font-size: 18px;
      line-height: 1.3333333;
    }

    .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
    }

    .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
    }

    .pagination-sm>li>a, .pagination-sm>li>span {
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.5;
    }

    .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
    }

    .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
    }

    /*
    ** Images @992px
    */

    /* Top Images for different Boxes */

    .box .image-top-box img {
      transition: all 0.3s ease-in-out;
    }

    .box .image-top-box {
      margin: -100px -100px 70px -100px;
      max-height: 500px;
      overflow: hidden;
    }

    .box.padding-70 .image-top-box {
      margin: -60px -70px 70px -70px;
      max-height: 500px;
      overflow: hidden;
    }

    .box.padding-50 .image-top-box {
      margin: -50px -50px 40px -50px;
      max-height: 400px;
      overflow: hidden;
    }

    .box.padding-30 .image-top-box {
      margin: -20px -30px 40px -30px;
      max-height: 200px;
      overflow: hidden;
    }

    .box.padding-10 .image-top-box {
      margin: -10px -10px 20px -10px;
      max-height: 180px;
      overflow: hidden;
    }

    .image-top-box img {
      max-width: 100%;
      /*min-height: 180px;*/
    }

    /* Full Box image */

    .image-full-box {
      line-height: 0; /* Avoid white space underneath */
    }

    .image-full-box img {
      max-width: 100%;
    }

    /* Brush Margins */

    .image-top {
      position: relative;
    }

    .image-top > img {
      position: absolute;
      width: 100%;
      transform: scale(1.02);
    }

    .image-top .image-top-inner {
      width: 100%;
    }

    .image-top .image-top-inner img {
      width: 100%;
    }

    .col-lg-8 .image-top > img {
      top: -5px;
      left: -2px;
    }

    .col-lg-7 .image-top {
      margin: 40px 0;
    }

    .col-lg-7 .image-top > img {
      top: -2px;
      left: 0px;
    }

    .col-lg-5 .image-top {
      margin: 20px 0;
    }

    .col-lg-5 .image-top > img {
      top: -2px;
      left: 0px;
    }

  /*
  ** Boxes for News
  */

    /* Boxes for News Elements */

    .box.box-news {
      height: 286px;
      transition: box-shadow 0.3s;
      transition-timing-function: ease;
      border-radius: 3px;
      box-shadow: 0 0 10px #bbb;
      overflow: hidden;
      margin: 0 0 30px;
    }

    .box.box-news span {
      color: #999;
      text-align: center !important;
      height: 16px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .box.box-news article h1 {
      font-size: 18px;
      line-height: 22px;
      text-align: center !important;
      height: 80px;
      padding: 0 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      transition: all 0.3s ease-in-out;
    }

    a:hover .box.box-news {
      box-shadow: 0 0 15px #666;
    }

    a:hover .box.box-news h1 {
      color: #0071a2;
    }

    a:hover .box.box-news img {
      transform: scale(1.05);
    }

    /* NEW Boxes straight to A */

    a.box.box-news:hover {
      box-shadow: 0 0 15px #666;
    }

    a.box.box-news:hover h1 {
      color: #0071a2;
    }

    a.box.box-news:hover img {
      transform: scale(1.05);
    }

    /* Boxes for Campaign Elements */

    .box.box-campaign {
      height: 260px;
      transition: box-shadow 0.3s;
      transition-timing-function: ease;
      border-radius: 3px;
      box-shadow: 0 0 10px #bbb;
      overflow: hidden;
      margin: 0 0 30px;
    }

    .box.box-campaign h1 {
      font-size: 26px;
      line-height: 30px;
      text-align: center !important;
      height: 90px;
      vertical-align: middle;
      display: flex;
      flex-direction: column;
      justify-content: center;
      transition: all 0.3s ease-in-out;
      margin: 0 auto;
    }

    .box.box-campaign > div {
      padding: 10px 0 0 0;
      height: 170px;
    }

    .box.box-campaign img {
      width: 100%;
      transition: all 0.3s ease-in-out;
    }

    a:hover .box.box-campaign {
      box-shadow: 0 0 15px #666;
    }

    a:hover .box.box-campaign h1 {
      color: #0071a2;
    }

    a:hover .box.box-campaign img {
      transform: scale(1.05);
    }

    /* Boxes group title */

    .boxes-group-title div:first-of-type {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .boxes-group-title h3 {
      font-size: 30px;
      margin: 0;
    }

    .boxes-group-title a {

    }

    .boxes-group-title:first-of-type {
      margin-top: 40px;
      background: url(../images/brushes/line-grey-separator.svg) no-repeat center 40px;
    }

    .texty-page .boxes-group-title,
    .boxes-group-title:nth-of-type(1n+2) {
      margin-bottom: 20px;
    }

  /*
  ** Linked Boxes for Level 2 @992px
  */

    .linked-boxes .box {
      height: 155px;
      overflow: hidden;
      padding: 10px;
      text-align: center;
      transition: box-shadow 0.3s;
      transition-timing-function: ease;
      box-shadow: 0px 0px 15px -5px #000;
      display: block;
      margin: 0 0 25px;
      background-color: #fff;
    }

    .linked-boxes .box div {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .linked-boxes .box img {
      height: 62px;
      transition: height 0.2s;
      transition-timing-function: ease;
    }

    .linked-boxes .box .box-icon {
      height: 80px;
      justify-content: space-around;
    }

    .linked-boxes .box .box-title {
      height: 30px;
      font-family: 'Roboto';
      font-weight: 700;
      font-size: 14px;
    }

    .linked-boxes .box .box-arrow {
      height: 25px;
      text-align: center;
    }

    .linked-boxes .box .box-arrow .svg-arrow {
      display: block;
      height: 15px;
      margin: auto;
      width: 26px;
    }

    .linked-boxes a.box:hover {
      box-shadow: 0 0 15px #666;
    }

    .linked-boxes a.box:hover img {
      height: 70px;
    }

    .linked-boxes .box svg {
      transition: fill 0.3s;
      transition-timing-function: ease;
    }

    .linked-boxes .box svg {
      fill: #C6C6C6;
    }

    .linked-boxes a.box:hover svg {
      fill: #00719c;
    }

    /* Main Menu 1 */

    body>header {
      background-color: #fff;
      /*box-shadow: 0px 0px 5px #bbb;*/
    }

    #main-menu {
      background-image: url(../images/brushes/line-04-yellow.svg);
      background-repeat: no-repeat;
      background-size: 130px;
      background-position: 726px 36px;
    }

    #main-menu nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 20px auto;
    }

    #main-menu .toggle {
      display: none;
    }

    #main-menu nav .items {
      display: block;
      position: relative;
      padding: 0;
      height: auto;
      width: auto;
      background-color: transparent;
    }

    #main-menu .logo {
      width: 120px;
      position: relative;
      z-index: 100;
    }

    #main-menu .logo img {
      width: 100%;
    }

    #main-menu .items .items-inner {
      display: flex !important;
      flex-direction: row;
      justify-content: flex-end;
      position: relative;
      background-color: transparent;
      height: auto;
      width: auto;
      padding: 0;
      overflow: visible;
    }

    #main-menu .items .items-inner a {
      display: block;
      font-family: 'Roboto';
      color: #000000cc;
      font-size: 16px;
      font-weight: 700;
      margin: 5px 20px 0 0 !important;
    }

    #main-menu .items .items-inner a.social {
        margin: 0 6px 0 0 !important;
    }

    #main-menu .items .items-inner a:hover {
      color: #0079ca;
    }

    #main-menu .items .items-inner .dropdown {
      position: relative;
    }

    #main-menu .items .items-inner .dropdown .dropdown-content {
      position: absolute;
      display: none;
    }

    #main-menu .items .items-inner .dropdown .dropdown-content .dropdown-content-inner {
      padding: 10px;
      margin: 10px 0 0 0;
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0 0 5px #bbb;
    }

    /* To center the menu under its parent */

    #main-menu .items .items-inner .dropdown:nth-of-type(1) .dropdown-content {
      width: 280px;
      left: calc((75px - 280px) / 2 );
    }

    #main-menu .items .items-inner .dropdown:nth-of-type(2) .dropdown-content {
      width: 280px;
      left: calc((115px - 280px) / 2 );
    }

    #main-menu .items .items-inner .dropdown:nth-of-type(3) .dropdown-content {
      width: 280px;
      left: calc((89px - 280px) / 2 );
    }

    #main-menu .items .items-inner .dropdown:nth-of-type(4) .dropdown-content {
      width: 280px;
      left: calc((134px - 280px) / 2 );
    }

    #main-menu .items .items-inner .dropdown .dropdown-content a {
      display: block;
      text-align: center;
      margin: 10px 0 !important;
    }

    #main-menu .items .items-inner .dropdown:hover .dropdown-content {
      display: block !important;
    }

      /* Large screens */

      #main-menu label,
      #main-menu input {
        display: none;
      }

    /* Main Menu 2 *** DropDowns */

    /*body>header {
      background-color: #fff;
      box-shadow: 0px 0px 5px #bbb;
    }

    #main-menu-2 {
      background-image: url(../images/brushes/line-04-yellow.svg);
      background-repeat: no-repeat;
      background-size: 130px;
      background-position: 726px 36px;
    }

    #main-menu-2 nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 20px auto;
    }

    #main-menu-2 .toggle {
      display: none;
    }

    #main-menu-2 nav .items {
      display: block;
      position: relative;
      padding: 0;
      height: auto;
      width: auto;
      background-color: transparent;
    }

    #main-menu-2 .logo {
      width: 120px;
      position: relative;
      z-index: 100;
    }

    #main-menu-2 .logo img {
      width: 100%;
    }

    #main-menu-2 .items .items-inner {
      display: flex !important;
      flex-direction: row;
      justify-content: flex-end;
      position: relative;
      background-color: transparent;
      height: auto;
      width: auto;
      padding: 0;
      overflow: visible;
    }

    #main-menu-2 .items .items-inner a {
      display: block;
      font-family: 'Roboto';
      color: #000000cc;
      font-size: 16px;
      font-weight: 700;
      margin: 5px 20px 0 0 !important;
    }

    #main-menu-2 .items .items-inner a.social {
        margin: 0 6px 0 0 !important;
    }

    #main-menu-2 .items .items-inner a:hover {
      color: #0079ca;
    }

    #main-menu-2 .items .items-inner .dropdown {
      position: relative;
    }

    #main-menu-2 .items .items-inner .dropdown .dropdown-content {
      position: absolute;
      display: none;
    }

    #main-menu-2 .items .items-inner .dropdown .dropdown-content .dropdown-content-inner {
      padding: 10px;
      margin: 10px 0 0 0;
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0 0 5px #bbb;
    }*/

    /* To center the menu under its parent */

    /*#main-menu-2 .items .items-inner .dropdown:nth-of-type(1) .dropdown-content {
      width: 280px;
      left: calc((75px - 280px) / 2 );
    }

    #main-menu-2 .items .items-inner .dropdown:nth-of-type(2) .dropdown-content {
      width: 280px;
      left: calc((115px - 280px) / 2 );
    }

    #main-menu-2 .items .items-inner .dropdown:nth-of-type(3) .dropdown-content {
      width: 280px;
      left: calc((89px - 280px) / 2 );
    }

    #main-menu-2 .items .items-inner .dropdown:nth-of-type(4) .dropdown-content {
      width: 280px;
      left: calc((134px - 280px) / 2 );
    }

    #main-menu-2 .items .items-inner .dropdown .dropdown-content a {
      display: block;
      text-align: center;
      margin: 10px 0 !important;
    }

    #main-menu-2 .items .items-inner .dropdown:hover .dropdown-content {
      display: block !important;
    }*/

      /* Large screens */

      /*#main-menu-2 label,
      #main-menu-2 input {
        display: none;
      }*/

    /*
    ** Footer @992px
    */

    footer {
      min-height: 200px;
      color: #fff;
      background-color: #0a6f9e;
      font-size: 13px;
      line-height: 20px;
    }

    footer li {
      display: block;
      margin: 0;
      line-height: 22px;
    }

    footer .jfc-info li {
      color: #99ccff;
      font-size: 14px;
      line-height: 22px;
    }

    footer .jfc-info li:first-of-type {
      color: #fff;
      font-size: 21px;
      font-weight: 700;
      margin: 0 0 5px;
    }

    footer .col-md-3 ul li:first-of-type {
      margin: 0;
    }

    footer ul li a {
      color: #99ccff;
      transition: color 0.3s;
      transition-timing-function: ease;
    }

    footer ul li:first-of-type a {
      color: #fff;
    }

    footer ul li a:hover {
      color: #fff;
      text-decoration: none;
    }

    footer .jfc-info ul li:nth-child(6) {
      display: flex;
      margin: 10px 0;
      position: relative;
      top: 0;
      right: 0;
    }

    footer a.social {
      margin: 10px 10px 30px 0 !important;
    }


  /*
  ** Specific Pages @992px
  */

  /* 1 - Home */

  .p1-home img.statement {
    width: 80%;
  }

  /* Slideshow */

  #carousel {
    margin-bottom: 20px;
  }

  #carousel .carousel-indicators {
    position: absolute;
    left: 58.333333%;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-left: 15px;
    list-style: none;
  }

  #carousel .carousel-indicators li {
    width: 14px;
    height: 14px;
    border-radius: 7px;
    margin-right: 3px;
    margin-left: 3px;
  }

  #carousel .carousel-inner {
    height: 300px;
  }

  #carousel .image-top {
    margin: 5px 0 0 0;
  }

  #carousel h1 {
    font-size: 42px;
    line-height: 40px;
    margin: 30px 0 15px;
    min-height: 120px;
  }

  #coursel .button-white {
    float: right;
  }

    /* Featured */

    .p1-home .featured {
      margin-top: 35px;
      margin-bottom: 35px;
    }

    .p1-home .featured h2 { /* R */
      margin: 10px 0 0 10px;
      text-align: left;
      transition: all 0.4s ease-in-out;
      font-size: 50px;
    }

    .p1-home .featured .arrow { /* R */
      margin: -20px 0 0 80px;
      transition: all 0.4s ease-in-out;
      display: block; /**/
    }

    .p1-home .featured:hover h2 { /* R */
      margin: 10px 0 0 20px;
    }

    .p1-home .featured:hover .arrow { /* R */
      margin: -20px 0 0 110px;
    }

    /* Level 2 on Home */

    .p1-home .abouts .col-lg-12 { /* R */
      height: 340px;
      padding: 40px 0 0;
      position: relative;
      margin: 0 0 -80px;
      background-position: 240px 0;
      background-repeat: no-repeat;
      background-size: 680px 382px;
    }

    .p1-home .abouts .col-lg-12 h1 { /* R */
      display: block;
      width: 200px;
      margin: 70px 0 0 50px;
      font-size: 50px;
      line-height: 44px;
      text-align: left;
    }

    .p1-home .abouts .col-lg-12 img.brush:first-of-type { /* R */
      width: 80px;
      margin: 0 0 0 -15px;
      position: absolute;
    }

    .p1-home .abouts .col-lg-12 img.brush:last-of-type { /* R */
      width: 970px;
      margin-left: -15px;
      position: absolute;
      bottom: -5px;
    }

    .p1-home .abouts.abouts-colombia .col-lg-12 {
      background-image: url("../images/sections/1-2-about-colombia.jpg");
    }

    .p1-home .abouts.abouts-jfc .col-lg-12 {
      background-image: url("../images/sections/1-1-about-jfc.jpg");
    }

    .p1-home .linked-boxes div:last-of-type {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }

    .p1-home .linked-boxes a.button-white {
      width: 100%;
      margin: 0 0 25px;
      text-align: center;
    }

    .p1-home .abouts.abouts-jfc .col-lg-12 {
      background-image: url("../images/sections/1-1-about-jfc.jpg");
    }

    .p1-home .abouts.abouts-jfc + .linked-boxes a.box:hover svg {
      fill: #c30018;
    }

    /* Video */

    .p1-home .video {
      margin-top: 50px;
    }

    .p1-home .video h3 {
      margin-bottom: 20px;
    }

    .p1-home .video img:first-of-type {
      width: 815px;
      margin-bottom: -35px;
      position: relative;
      z-index: -1;
    }

    .p1-home .video iframe {
      width: 768px;
      height: 432px;
    }

    .p1-home .video img:last-of-type {
      width: 815px;
      margin-top: -40px;
      position: relative;
      z-index: -1;
    }

    /* Newsletter */

    .p1-home .newsletter {
      margin: 50px 0 0 0;
    }

    .p1-home .newsletter img {
      margin: 0 0 25px 0;
    }

  /* Level 2 Pages */

  .level-2 #main header {
    height: 340px;
    padding: 40px 0 0;
    position: relative;
    margin: 0 0 -30px;
    background-position: 240px 0;
    background-repeat: no-repeat;
    background-size: 680px 382px;
  }

  .level-2 #main header h1 {
    display: block;
    width: 350px;
    margin: 70px 0 0 50px;
    font-size: 60px;
    line-height: 54px;
    text-align: left;
  }

  .level-2 #main header span.breadcrumbs {
    text-align: left;
  }

  .level-2 #main header img.brush:first-of-type {
    width: 80px;
    margin-left: -15px;
    position: absolute;
  }

  .level-2 #main header img.brush:last-of-type {
    width: 970px;
    margin-left: -15px;
    position: absolute;
    bottom: -10px;
  }

    /* 1.1 - About JFC */

    .p1-1-about-jfc #main header {
      background-image: url("../images/sections/1-1-about-jfc.jpg");
    }

    .p1-1-about-jfc #main header h1 {
      width: 200px;
    }

    .p1-1-about-jfc .linked-boxes a.box:hover svg {
      fill: #c30018 !important;
    }

    .page-id-22 #main article .content-images img {
      width: 200px;
      height: 282px;
      margin: 10px 10px;
    }

    .page-id-22 #main article .JFC-member img {
      float: left;
      margin: 0 20px 0 0;
      width: 170px;
      height: auto;
    }

    .page-id-22 #main article .JFC-member p {
      max-width: 410px;
    }

    /* 1.2 - About Colombia */

    .p1-2-about-colombia #main header {
      background-image: url("../images/sections/1-2-about-colombia.jpg");
    }

    .p1-2-about-colombia .linked-boxes a.box:hover svg {
      /*fill: #000 !important;*/
    }

    /* 1.3 - Get Involved */

    .p1-3-get-involved #main header {
      background-image: url("../images/sections/1-3-get-involved.jpg");
    }

    .p1-3-get-involved .linked-boxes a.box:hover svg {
      fill: #e7a500 !important;
    }

    /* 1.4 - News & Resources */

    .p1-4-news-and-resources #main header {
      background-image: url("../images/sections/1-4-news-and-resources.jpg");
    }

    .p1-4-news-and-resources .linked-boxes a.box:hover svg {
      fill: #000 !important;
    }

  /* Texty Pages */

  .texty-page #main header {
    height: 340px;
    padding: 40px 0 0;
    position: relative;
    margin: 0 0 50px;
    background-position: 240px 0;
    background-repeat: no-repeat;
    background-size: 680px 382px;
  }

  .texty-page.page-id-96 #main header,
  .texty-page.page-id-102 #main header,
  .texty-page.page-id-105 #main header {
    height: 340px;
    background-position: 240px 0;
  }

  .texty-page #main header h1 {
    display: block;
    width: 350px;
    margin: 0;
    font-size: 60px;
    line-height: 54px;
    text-align: left;
  }

  .texty-page #main header span.breadcrumbs {
    text-align: left;
  }

  .texty-page #main header img.brush {
    width: 970px;
    margin-left: -15px;
    position: absolute;
    bottom: -7px;
    transform: scale(1);
  }

  .texty-page #main article iframe {
    width: 610px;
    height: calc(610px * 0.5625);
  }

    /* 1.1.1 - Who We Are */

    .p1-1-1-who-we-are #main header {
      background-image: url("../images/sections/1-1-1-who-we-are.jpg");
    }

    /* 1.1.2 - Campaigns */

    .p1-1-2-campaigns #main header img.brush {
      margin-left: -80px;
      margin-bottom: 30px;
      width: 720px;
    }

    .single-campaigns #main header {
      position: sticky;
      top: 70px;
    }

    .single-campaigns  #main header h1 {
      display: block;
      width: 100%;
      margin: 0;
      font-size: 60px;
      line-height: 54px;
      text-align: left;
    }

    .single-campaigns #main img.brush {
      width: 100%;
    }

    .single-campaigns #main .col-lg-8 {
      padding: 380px 0 0 0;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 680px 382px;
    }

      /* 1.1.2.1 - Peace Campaign */

      /*.p1-1-2-1-peace-campaign #main header {
        background-image: url("../images/sections/1-1-2-1-peace-campaign.jpg");
      }*/

      /* 1.1.2.2 - Supporting Trade Unionists */

      /*.p1-1-2-2-supporting-trade-unionists #main header {
        background-image: url("../images/sections/1-1-2-2-supporting-trade-unionists.jpg");
      }*/

      /* 1.1.2.3 - Free Colombia’s Political Prisoners */

      /*.p1-1-2-3-free-colombia-s-political-prisoners #main header {
        background-image: url("../images/sections/1-1-2-3-free-colombia-s-political-prisoners.jpg");
      }*/

      .postid-34 #main article .prisoner img {
        float: left;
        margin: 0 20px 0 0;
        width: 130px;
        height: auto;
      }

      .postid-34 #main article .prisoner p {
        max-width: 450px;
        width: auto;
      }

      /* 1.1.2.4 - Human Rights in Colombia */

      /*.p1-1-2-4-human-rights-in-colombia #main header {
        background-image: url("../images/sections/1-1-2-4-human-rights-in-colombia.jpg");
      }*/

      /* 1.1.2.A - Past Campaigns */

      /*.p1-1-2-A-past-campaigns #main header {
        background-image: url("../images/sections/1-1-2-A-past-campaigns.jpg");
      }*/

      /* 1.1.3 - Projects in Colombia */

      .p1-1-3-projects-in-colombia #main header {
        background-image: url("../images/sections/1-1-3-projects-in-colombia.jpg");
      }

      .page-id-63 iframe {
        width: 610px;
        height: calc(610px * 0.5625);
      }

      /* 1.1.4 - JFC in Parliament */

      .p1-1-4-jfc-in-parliament #main header {
        background-image: url("../images/sections/1-1-4-jfc-in-parliament.jpg");
      }

      /* 1.1.5 - Our Achivements */

      .p1-1-5-our-achivements #main header {
        background-image: url("../images/sections/1-1-5-our-achivements.jpg");
      }

      /* 1.1.6 - What People Say About JFC */

      .p1-1-6-what-people-say-about-jfc #main header {
        background-image: url("../images/sections/1-1-6-what-people-say-about-jfc.jpg");
      }

      .p1-1-6-what-people-say-about-jfc iframe,
      .page-id-73 iframe {
        width: 610px;
        height: calc(610px * 0.5625);
      }

      .page-id-73 .statement img {
        float: none;
      }

      .page-id-73 .statement p,
      .page-id-73 .statement h4 {
        padding-left: 20px;
      }

      /* 1.2.1 - Human Rights */

      .p1-2-1-human-rights #main header {
        background-image: url("../images/sections/1-2-1-human-rights.jpg");
      }

      /* 1.2.2 - Trade Unions */

      .p1-2-2-trade-unions #main header {
        background-image: url("../images/sections/1-2-2-trade-unions.jpg");
      }

      /* 1.2.3 - Colombian Armed Conflict */

      .p1-2-3-colombian-armed-conflict #main header {
        background-image: url("../images/sections/1-2-3-colombian-armed-conflict.jpg");
      }

      /* 1.2.4 - Peace in Colombia */

      .p1-2-4-peace-in-colombia #main header {
        background-image: url("../images/sections/1-2-4-peace-in-colombia.jpg");
      }

      /* 1.2.5 - British-Colombia Relations */

      .p1-2-5-british-colombia-relations #main header {
        background-image: url("../images/sections/1-2-5-british-colombia-relations.jpg");
      }

      .p1-2-5-british-colombia-relations #main header h1 {
        display: block;
        width: 600px;
      }

      .pageid-76 iframe {
        width: 610px;
        height: calc(610px * 0.5625);
      }

      /* 1.2.6 - Common Misconceptions */

      .p1-2-6-common-misconceptions #main header,
      .page-id-105 #main header {
        background-image: url("../images/sections/1-2-6-common-misconceptions.jpg") !important;
      }

      /* 1.2.7 - Colombia in Detail */

      .p1-2-7-colombia-in-detail #main header {
        background-image: url("../images/sections/1-2-7-colombia-in-detail.jpg");
      }


  /* 1.3.1 - Take Action */

  .p1-3-1-take-action header img.brush {
    margin-left: auto;
    margin-top: -37px;
    margin-bottom: 20px;
    width: 400px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: -1;
  }

  .p1-3-1-take-action .action-introduction {
    padding: 30px 20px 0 50px;
    background-image: url("../images/brushes/line-03-grey.svg");
    background-repeat: no-repeat;
    background-position: 20px 0;
    margin-top: -55px;
  }

  .p1-3-1-take-action .action-introduction h3 {
    margin: 30px 0;
  }

  /* 1.3.1.A - Urgent Action */

  .p1-3-1-A-urgent-action #main header img.brush {
    width: 40%;
  }

  /* 1.3.1.B - Get Your Union Active */

  .p1-3-1-B-get-your-union-active header img.brush {
    margin-left: -20px;
    margin-top: -85px;
    width: 600px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: -1;
  }

  .p1-3-1-B-get-your-union-active .links-share {
    margin: 0 auto;
  }

  .p1-3-1-B-get-your-union-active .image-section {
    margin-bottom: 50px;
  }

  .p1-3-1-B-get-your-union-active .how-to-support {
    margin: 30px auto;
  }

  .p1-3-1-B-get-your-union-active .how-to-support img {
    top: -35px;
    left: -20px;
    position: relative;
    z-index: -1;
    margin-bottom: -10px;
  }

  .p1-3-1-B-get-your-union-active .how-to-support .content {
    display: flex;
    justify-content: flex-start;
  }

  .p1-3-1-B-get-your-union-active .how-to-support span {
    position: relative;
    padding: 0 15px 0 0;
    font-family: 'GT-Pressura-Bold';
    font-size: 28px;
    color: #0a6f9e;
    display: block;
    top: -10px;
  }

  /* 1.3.X - Why Support JFC? */

  .why-support-jfc h3 {
    font-size: 38px;
}

  .why-support-jfc img {
    top: -20px;
    left: 0px;
    position: relative;
    z-index: -1;
    width: 300px;
  }

  .why-support-jfc .content {
    display: flex;
    justify-content: flex-start;
  }

  .why-support-jfc span {
    position: relative;
    padding: 0 15px 0 0;
    font-family: 'GT-Pressura-Bold';
    font-size: 28px;
    color: #0a6f9e;
    display: block;
    top: -10px;
  }

  /* 1.3.X - Why Support JFC? Centered */

  .why-support-jfc-centered {
    text-align: center;
  }

  .why-support-jfc-centered img {
    top: -35px;
    position: relative;
    z-index: -1;
    width: 305px;
  }

  .why-support-jfc-centered .content {
    display: block;
    width: 500px;
    margin: 0 auto;
  }

  .why-support-jfc-centered span {
    position: relative;
    padding: 0 0 0 0;
    font-family: 'GT-Pressura-Bold';
    font-size: 28px;
    color: #0a6f9e;
    display: block;
  }

  /* 1.3.2 - Support JFC */

  .p1-3-2-support-jfc header img.brush {
    margin-left: auto;
    margin-top: -25px;
    width: 470px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: -1;
  }

  .p1-3-2-support-jfc .brush.separator {
    margin: 35px 0;
  }

  .p1-3-2-support-jfc .statement {
    font-size: 16px;
    font-weight: 700;
  }

  /* 1.3.2.1 - Join JFC */

  .p1-3-2-1-join-jfc header {
    text-align: center;
  }

  .p1-3-2-1-join-jfc header img.brush {
    margin-top: -75px;
    width: 320px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: -1;
  }

  .p1-3-2-1-join-jfc .box {
    height: 120px;
  }

  .p1-3-2-1-join-jfc .box-title {
    height: 70px !important;
  }

  .p1-3-2-1-join-jfc .brush.separator {
    margin: 35px 0;
  }

  /* 1.3.2.1.A - Joining JFC Options */

  .p1-3-2-1-A-join-jfc-options header img.brush { /* R */
    margin-top: -65px;
    width: 500px;
  }

  .p1-3-2-1-A-join-jfc-options .payment-options { /* R */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    text-align: center;
  }

  .p1-3-2-1-A-join-jfc-options .payment-options h3 { /* R */
    height: 60px;
    font-size: 26px;
    line-height: 26px;
  }

  .p1-3-2-1-A-join-jfc-options .payment-options-text { /* R */
    height: 150px;
  }

  .p1-3-2-1-A-join-jfc-options .separator-vertical { /* R */
    margin: 0 auto -280px auto;
    top: -280px;
  }

  /* 1.3.2.2 - Donate */

  .p1-3-2-2-donate header img.brush { /* R */
    margin-top: -75px;
    width: 400px;
  }

  .p1-3-2-2-donate .donate-form h4 { /* R */
    height: 50px;
  }

  .p1-3-2-2-donate .donate-form .text-container { /* R */
    height: 250px;
    width: 180px;
    margin: 0 auto;
    text-align: center;
  }

  .p1-3-2-2-donate .donate-form a { /* R */
    width: 80%;
  }

  .p1-3-2-2-donate img.separator-vertical { /* R */
    margin: 0 auto -430px auto;
    top: -430px;
    height: 370px;
  }

  /* 1.3.2.3 - Special Financial Appeal */

  .p1-3-2-3-special-financial-appeal .links-share {
    margin: 60px auto 0 auto;
    width: 195px;
  }

  .p1-3-2-3-special-financial-appeal p {
    padding: 0 40px;
  }

  .p1-3-2-3-special-financial-appeal .donate-form {
    margin: 30px auto 20px auto;
    width: 170px;
  }

  .p1-3-2-3-special-financial-appeal .donate-form img.brush {
    width: 200px;
    position: relative;
    top: -35px;
    left: -10px;
    z-index: -1;
  }

  .p1-3-2-3-special-financial-appeal .donate-form-input-container {
    margin: -30px 0 15px 0;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single {
    position: relative;
    padding: 10px 0 10px 40px;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label {
    margin: 0;
    text-align: left;
    font-size: 24px;
    line-height: 24px;
    color: #666;
    padding: 3px 0 0 0;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:before,
  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:after {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
    cursor: pointer;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:before {
    left: 0;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    background: #fff;
    border: 1px solid #bbb;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:after {
    left: 5px;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    opacity: 0;
    background: #0a6f9e;
    -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
            transform: translate3d(-40px, 0, 0) scale(0.5);
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="radio"],
  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: -9999px;
    visibility: hidden;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="radio"]:checked + label:after,
  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="checkbox"]:checked + label:after {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="text"] {
    border: 0;
    border-bottom: 1px solid #bbb;
    padding: 0 5px;
    width: 70px;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="text"]:focus {
    box-shadow: 0 0 0;
  }

  .p1-3-2-3-special-financial-appeal .donate-form a {
    margin: 40px 0 0 -5px;
  }

  /* 1.3.2.4 - Get Sponsored */

  .p1-3-2-4-get-sponsored header img.brush { /* R */
    margin-top: -45px;
    width: 500px;
  }

  .p1-3-2-4-get-sponsored .links-share {
    margin: 0 auto 30px;
  }

  .p1-3-2-4-get-sponsored img.image-section {
    margin: 0 auto 30px;
  }

  /* 1.3.3 - Sign Up for Latest News */

  .p1-3-3-sign-up-for-latest-news header img.brush { /* R */
    margin-top: -45px;
    width: 500px;
  }

  /* 1.3.3.1 - Post Newsletter Signup */

  .p1-3-3-1-post-newsletter-signup header img.brush { /* R */
    margin-bottom: -50px;
    top: -50px;
  }

  /* 1.4.1 - Latest News */

    /* R */

  /* 1.4.1.1 - News Piece */

  .p1-4-1-1-news-piece h1 { /* R */
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
  }

  .p1-4-1-1-news-piece time {
    font-size: 22px;
    font-weight: 500;
    color: #AAA;
    margin: 0 20px 0 0;
  }

  /* 1.4.2 - Press Room */

    /* R */

  /* 1.4.3 - Human Rights Reports */

  .p1-4-3-human-rights-reports header img.brush {
    width: 750px;
    margin-left: -20px;
  }

  .p1-4-3-human-rights-reports #dropdown {
    margin: -40px 0 40px 0;
  }

  /* 1.4.4 - Events */

  .p1-4-4-events div.row:first-of-type header:first-of-type {
    margin-bottom: 50px;
  }

  .p1-4-4-events h1 {
    margin-bottom: 30px;
  }

  .p1-4-4-events section svg {
    display: block;
    text-align: center;
    margin: 10px auto 5px auto;
  }

  .p1-4-4-events section span {
    color: #999;
  }

  .p1-4-4-events a.button-white {
    margin: 20px 0 80px 0;
  }

  /* 1.4.4.1 - Events Piece */

  .p1-4-4-1-event-piece article img { /* R */
    margin: 40px 0 10px;
  }

  .p1-4-4-1-event-piece article section.event-details {
    margin: 0 0 50px; /* R */
  }

  /* 1.4.5 - Multimedia */

  .p1-4-5-multimedia #main .row:nth-of-type(1),
  .p1-4-5-multimedia #main .row:nth-of-type(3) { /* R */
    margin-bottom: 50px;
  }

    /* 1.4.5-B - Video */

    .p1-4-5-B-video iframe {
      width: 768px;
      height: 432px;
    }

  /* 1.4.6 - Materials */

  .p1-4-6-materials #main header {
    margin-bottom: 30px;
  }

  .p1-4-6-materials header img.brush {
    width: 750px;
    margin-left: -20px;
  }

  .p1-4-6-materials .side-title {
    text-align: right;
    margin-top: 20px;
  }

  .p1-4-6-materials .side-title h3 {
    margin: 0 10px -10px 0;
  }

  .p1-4-6-materials .materials-container {
    display: flex;
    align-items: center;
    height: 80px;
    margin-bottom: 30px;
    padding-left: 50px;
  }

  .p1-4-6-materials .materials-container img {
    float: left;
    max-width: 120px;
    max-height: 80px;
    /*margin-right: 40px;*/
    padding-right: 40px;
  }

  .p1-4-6-materials .materials-container a {
    text-decoration: underline;
  }

  .p1-4-6-materials .materials-container svg {
    margin: 5px 5px 0 0;
  }

  .p1-4-6-materials .materials-container a:hover {
    text-decoration: none;
    color: #0a6f9e;
  }

  /* 1.4.7 - Links */

  .p1-4-7-links header img.brush { /* R */
    width: 750px;
    margin-left: -20px;
  }

  /* 1.4.1.0 - Article Search */

  .p1-4-1-0-search #main header {
    margin: 0 0 30px;
  }

  .p1-4-1-0-search #main li {
    margin: 0 0 30px;
  }

  .p1-4-1-0-search #main a {
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
  }

  .p1-4-1-0-search #main a:hover {
    color: #0071a2;
  }

  .p1-4-1-0-search #main span {
    color: #999;
    margin: 0 0 5px;
    display: block;
  }

  .p1-4-1-0-search #main span a {
    font-size: 16px;
    color: #999;
  }


}

@media (min-width: 1200px) {

  /*
  ** General Styles
  */

    /*
    ** Tables
    */

    table img {
     max-width: 150px;
    }

    table tr {
     padding: 0 0 20px;
    }

    table tr td {
     vertical-align: top;
     padding: 0 0 20px 20px;
    }

    table p {
     padding: 0 0 0 20px;
    }

    /*
    ** Global Text Styles
    */

    h1 { /* R */
      font-size: 80px;
      line-height: 80px;
    }

    h1.text-hand-drawn { /* R */
      font-size: 100px;
      line-height: 100px;
    }

    h2 { /* R */
      font-size: 60px;
      line-height: 60px;
    }

    h3 { /* R */
      font-size: 40px;
      line-height: 40px;
      /*margin-bottom: 25px;*/
      padding-bottom: 25px;
    }

    h4 {
      font-size: 30px;
      line-height: 1.25;
      padding-top: 50px;
      margin-bottom: 25px;
    }

    article p {
      font-size: 18px;
      font-weight: 400;
      color: #444;
      margin: 0 0 25px 0;
      line-height: 1.7;
    }

    article p:last-of-type {
      margin: 0 0 0 0;
    }

    article p:first-of-type {
      margin: 0 0 25px 0;
    }

    article ul,
    article ol {
      font-size: 18px;
      font-weight: 400;
      color: #333;
      margin: 0 0 30px 0;
      line-height: 1.7;
    }

    article ul li {
      list-style-type: disc;
      list-style-position: inside;
      margin: 0 0 10px;
    }

  /*
  ** Links
  */



  /*
  ** Inputs and Forms @1200px
  */

  form.sign-up-for-latest-news input {
    display: block;
    border: 2px solid #CCC;
    width: 100%;
    height: 47px;
    font-size: 16px;
    padding: 10px 15px 10px 15px;
    font-family: 'Roboto';
    font-weight: 500;
    text-align: center;
    color: #666;
    margin: 0 0 10px;
    transition: all 0.2s ease-in-out 0s;
  }

  form.sign-up-for-latest-news button {
    width: 100%;
    font-size: 20px;
  }

  /* Resets */

  input::-webkit-input-placeholder {
    color: #999;
  }

  input:-moz-placeholder {
    /* Firefox 18- */
    color: #999;
  }

  input::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
  }

  input:-ms-input-placeholder {
    color: #999;
  }

  input:focus,
  textarea:focus {
    box-shadow: 0 0 15px -5px #000;
    outline: none;
  }

  /* Common Inputs */

  .box input {
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 300px;
    height: 20px;
    font-size: 16px;
    padding: 10px 20px;
    font-family: 'Roboto';
    color: #000;
    background-color: #f4f4f4;
    margin: 0 auto 10px auto;
    transition: all 0.2s ease-in-out 0s;
    text-align: center;
  }

  .box button {
    display: block;
    border: 0px solid #ccc;
    border-radius: 5px;
    background-color: #00719c;
    min-width: 342px;
    height: 40px;
    font-size: 16px;
    padding: 10px 20px;
    font-family: 'Roboto';
    color: #fff;
    margin: 10px auto;
    transition: all 0.2s ease-in-out 0s;
    text-align: center;
  }

  .box button:hover {
    cursor: pointer;
    border: 1px solid #09f;
    background-color: #09f;
  }

  .box input[type="checkbox"] {
    display: inline-block;
    min-width: 30px;
    position: relative;
    top: 4px;
    border: 1px solid #000;
  }

  input[type="checkbox"]:focus {
    box-shadow: none;
    outline: none;
  }

  /* Search Block */

  aside .search {
    position: relative;
  }

  aside .search input {
    display: block;
    border: 2px solid #ebebeb;
    width: 100%;
    height: 47px;
    font-size: 16px;
    padding: 10px 15px 10px 15px;
    font-family: 'Roboto';
    font-weight: 500;
    color: #666;
    margin: 0 0 30px;
    transition: all 0.2s ease-in-out 0s;
  }

  .searching-filters aside input:focus,
  .searching-filters aside textarea:focus {
    border: 2px solid #00719c;
    outline: none;
  }

  aside .search button {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 47px;
    border: none;
    width: 47px;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
  }

  aside .search button svg {
    fill: #999;
    height: 20px;
    top: 5px;
    position: relative;
    transition: all 0.2s ease-in-out;
  }

  aside .search button:hover {
    cursor: pointer;
    border: 1px solid #00719c;
    background-color: #00719c;
  }

  aside .search button:hover svg {
    fill: #fff;
  }

  /* Pagination */

  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 0 10px #bbb;
  }

  .pagination > li {
    display: inline;
  }

  .pagination > li > a,
  .pagination > li > span {
    position: relative;
        float: left;
        padding: 10px 15px 8px 15px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        margin: 0 0 0 1px;
  }

  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
  }

  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
  }

  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }

  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }

  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
  }

  .pagination-sm > li:first-child > a,
  .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .pagination-sm > li:last-child > a,
  .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }

  /* Main Menu */

  #main-menu {
    background-image: url(../images/brushes/line-04-yellow.svg);
    background-repeat: no-repeat;
    background-size: 130px;
    background-position: 904px 36px;
  }

  /* Main Menu 2 *** With DropDowns*/

  /*#main-menu-2 {
    background-image: url(../images/brushes/line-04-yellow.svg);
    background-repeat: no-repeat;
    background-size: 130px;
    background-position: 904px 36px;
  }*/

  /*
  ** Images 1200px
  */

    /* Top Images for different Boxes */

    .box .image-top-box img {
      transition: all 0.3s ease-in-out;
    }

    .box .image-top-box {
      margin: -100px -100px 70px -100px;
      max-height: 500px;
      overflow: hidden;
    }

    .box.padding-70 .image-top-box {
      margin: -60px -70px 70px -70px;
      max-height: 500px;
      overflow: hidden;
    }

    .box.padding-50 .image-top-box {
      margin: -50px -50px 40px -50px;
      max-height: 400px;
      overflow: hidden;
    }

    .box.padding-30 .image-top-box {
      margin: -20px -30px 40px -30px;
      max-height: 200px;
      overflow: hidden;
    }

    .box.padding-10 .image-top-box { /* R */
      max-height: 200px;
    }

    .image-top-box img { /* R */
      /*min-height: 200px;*/
    }

    /* Full Box image */

    .image-full-box {
      line-height: 0; /* Avoid white space underneath */
    }

    .image-full-box img {
      max-width: 100%;
    }

    /* Brush Margins */

    .image-top {
      position: relative;
    }

    .image-top > img {
      position: absolute;
      width: 100%;
      transform: scale(1.02);
    }

    .image-top .image-top-inner {
      width: 100%;
    }

    .image-top .image-top-inner img {
      width: 100%;
    }

    .col-xl-8 .image-top {
      margin: 40px 0;
    }

    .col-xl-8 .image-top .image-top-inner {
      width: 730px;
    }

    .col-xl-8 .image-top > img {
      top: -5px;
      left: -5px;
    }

    .col-xl-7 .image-top {
      margin: 40px 0;
    }

    .col-xl-7 .image-top > img {
      top: -4px;
      left: -4px;
    }

    .col-xl-5 .image-top {
      margin: 20px 0;
    }

    .col-xl-5 .image-top > img {
      top: -2px;
      left: 0px;
    }

  /*
  ** Boxes for News
  */

    /* Boxes for News Elements */

    .box.box-news { /* R */
      height: 330px;
    }

    .box.box-news span { /* R */
      height: 20px;
    }

    .box.box-news article h1 { /* R */
      font-size: 22px;
      line-height: 24px;
    }

    /* NEW Boxes straight to A */

    a.box.box-news:hover {
      box-shadow: 0 0 15px #666;
    }

    a.box.box-news:hover h1 {
      color: #0071a2;
    }

    a.box.box-news:hover img {
      transform: scale(1.05);
    }

    /* Boxes for Campaign Elements */

    .box.box-campaign { /* R */
      height: 330px;
    }

    .box.box-campaign h1 { /* R */
      height: 140px;
    }

    .box.box-campaign > div { /* R */
      padding: 10px 0 0 0;
      height: 190px;
    }

    /* Boxes group title */

    .boxes-group-title div:first-of-type {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .boxes-group-title h3 {
      font-size: 30px;
      margin: 0;
    }

    .boxes-group-title a {

    }

    .boxes-group-title:first-of-type {
      margin-top: 40px;
      background: url(../images/brushes/line-grey-separator.svg) no-repeat center 40px;
    }

    .texty-page .boxes-group-title,
    .boxes-group-title:nth-of-type(1n+2) {
      margin-bottom: 20px;
    }

  /*
  ** Linked Boxes for Level 2 @1200px
  */

    .linked-boxes .box { /* R */
      height: 180px;
    }

    .linked-boxes .box .box-icon { /* R */
      height: 80px;
      justify-content: flex-end;
      margin: 0 0 10px 0;
    }

    .linked-boxes .box .box-title { /* R */
      height: 40px;
      font-size: 18px;
    }

    .linked-boxes .box .box-arrow { /* R */
      height: 30px;
    }

  /*
  ** Specific Pages @1200px
  **/

  /* 1 - Home */

  .p1-home img.statement {
    display: block;
    margin: 0 auto 30px;
  }

  /* Slideshow */

    #carousel .carousel-inner {
      height: 380px;
    }

    #carousel h1 {
      font-size: 40px;
      line-height: 38px;
      margin: 30px 0 15px;
      min-height: 160px;
    }

    #carousel p {
      height: 100px;
    }

    #carousel a.button-white {
      float: right;
    }

    /* Featured */

    .p1-home .featured { /* R */
      margin-top: 40px;
      margin-bottom: 40px;
    }

    .p1-home .featured .arrow { /* R */
      margin: -20px 0 0 140px;
    }

    .p1-home .featured:hover .arrow { /* R */
      margin: -20px 0 0 170px;
    }

    /* Level 2 on Home */

    .p1-home .abouts .col-lg-12 { /* R */
      height: 430px;
      padding: 80px 0 0;
      margin: 0 0 -100px;
      background-position: 290px 20px;
      background-size: 800px 450px;
    }

    .p1-home .abouts .col-lg-12 h1 { /* R */
      margin: 60px 0 0 50px;
      font-size: 60px;
      line-height: 50px;
    }

    .p1-home .abouts .col-lg-12 img.brush:first-of-type { /* R */
      width: 100px;
      margin-left: -20px;
    }

    .p1-home .abouts .col-lg-12 img.brush:last-of-type { /* R */
      width: 1180px;
      margin-left: -20px;
      bottom: -10px;
    }

    /* Video */

    .p1-home .video { /* R */
      margin-top: 80px;
    }

    /* Newsletter */

    .p1-home .newsletter { /* R */
      margin: 80px 0 0 0;
    }

    .p1-home .newsletter img { /* R */
      margin: 0 0 30px 0;
    }

  /* Level 2 Pages */

  .level-2 #main header { /* R */
    height: 430px;
    padding: 80px 0 0;
    background-position: 300px 0;
    background-size: 800px 450px;
  }

  .level-2 #main header h1 { /* R */
    margin: 80px 0 0 50px;
    font-size: 60px;
    line-height: 54px;
  }

  .level-2 #main header img.brush:first-of-type { /* R */
    width: 100px;
  }

  .level-2 #main header img.brush:last-of-type { /* R */
    width: 1180px;
  }

  /* Texty Pages */

  .texty-page #main header { /* R */
    height: 450px;
    padding: 80px 0 0;
    background-position: 310px 0;
    background-size: 800px 450px;
  }

  .texty-page.page-id-96 #main header,
  .texty-page.page-id-102 #main header,
  .texty-page.page-id-105 #main header {
    height: 450px;
    background-position: 310px 0;
}

  .texty-page #main header img.brush { /* R */
    width: 1180px;
    margin-left: -20px;
    position: absolute;
    bottom: -10px;
  }

  .texty-page #main article iframe {
    width: 730px;
    height: calc(730px * 0.5625);
  }

  /* 1.1.1 - Who We Are */

  .page-id-22 #main article .content-images img {
    width: 170px;
    height: 240px;
    margin: 10px 5px;
  }

  .page-id-22 #main article .JFC-member img {
    float: left;
    margin: 0 30px 0 0;
    width: 200px;
    height: auto;
  }

  .page-id-22 #main article .JFC-member p {
    max-width: 500px;
  }

  /* 1.1.2 - Campaigns */

  .p1-1-2-campaigns #main header img.brush { /* R */
    margin-left: -80px;
    width: 850px;
  }

  .box.box-campaign h1 {
    font-size: 36px;
    line-height: 44px;
  }

  .single-campaigns #main header {
    height: auto;
  }

  .single-campaigns #main .col-lg-8 {
    padding: 430px 0 0 0;
    position: relative;
    margin: 0 0 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
  }

    /* 1.1.2.1 - Peace Campaign */

    /*.p1-1-2-1-peace-campaign #main header {
      background-image: url("../images/sections/1-1-2-1-peace-campaign.jpg");
    }*/

    /* 1.1.2.2 - Supporting Trade Unionists */

    /*.p1-1-2-2-supporting-trade-unionists #main header {
      background-image: url("../images/sections/1-1-2-2-supporting-trade-unionists.jpg");
    }*/

    /* 1.1.2.3 - Free Colombia’s Political Prisoners */

    /*.p1-1-2-3-free-colombia-s-political-prisoners #main header {
      background-image: url("../images/sections/1-1-2-3-free-colombia-s-political-prisoners.jpg");
    }*/

    .postid-34 #main article .prisoner img {
      float: left;
      margin: 0 20px 0 0;
      width: 130px;
      height: auto;
    }

    .postid-34 #main article .prisoner p {
      max-width: 580px;
      width: auto;
    }

    /* 1.1.2.4 - Human Rights in Colombia */

    /*.p1-1-2-4-human-rights-in-colombia #main header {
      background-image: url("../images/sections/1-1-2-4-human-rights-in-colombia.jpg");
    }*/

    /* 1.1.2.A - Past Campaigns */

    /*.p1-1-2-A-past-campaigns #main header {
      background-image: url("../images/sections/1-1-2-A-past-campaigns.jpg");
    }*/

  /* 1.1.3 - Projects in Colombia */

  .p1-1-3-projects-in-colombia #main header {
    background-image: url("../images/sections/1-1-3-projects-in-colombia.jpg");
  }

  .page-id-63 iframe {
    width: 730px;
    height: calc(730px * 0.5625);
  }

  /* 1.1.4 - JFC in Parliament */

  .p1-1-4-jfc-in-parliament #main header {
    background-image: url("../images/sections/1-1-4-jfc-in-parliament.jpg");
  }

  /* 1.1.5 - Our Achivements */

  .p1-1-5-our-achivements #main header {
    background-image: url("../images/sections/1-1-5-our-achivements.jpg");
  }

  /* 1.1.6 - What People Say About JFC */

  .p1-1-6-what-people-say-about-jfc #main header {
    background-image: url("../images/sections/1-1-6-what-people-say-about-jfc.jpg");
  }

  .p1-1-6-what-people-say-about-jfc iframe,
  .page-id-73 iframe {
    width: 730px;
    height: calc(730px * 0.5625);
  }

  .page-id-73 .statement {
    padding: 10px 0 40px 0;
  }

  .page-id-73 p {
    margin: 0 0 25px 0;
  }

  .page-id-73 .statement img {
    width: 380px !important;
    float: left;
  }

  .page-id-73 .statement p,
  .page-id-73 .statement h4 {
    padding-left: 410px;
  }

  .page-id-73 .statement h4 {
    font-size: 24px;
  }

  /* 1.2.1 - Human Rights */

  .p1-2-1-human-rights #main header {
    background-image: url("../images/sections/1-2-1-human-rights.jpg");
  }

  /* 1.2.2 - Trade Unions */

  .p1-2-2-trade-unions #main header {
    background-image: url("../images/sections/1-2-2-trade-unions.jpg");
  }

  /* 1.2.3 - Colombian Armed Conflict */

  .p1-2-3-colombian-armed-conflict #main header {
    background-image: url("../images/sections/1-2-3-colombian-armed-conflict.jpg");
  }

  /* 1.2.4 - Peace in Colombia */

  .p1-2-4-peace-in-colombia #main header {
    background-image: url("../images/sections/1-2-4-peace-in-colombia.jpg");
  }

  .page-id-99 article p:last-of-type {
    margin: 0 0 25px 0 !important;
  }

  /* 1.2.5 - British-Colombia Relations */

  .p1-2-5-british-colombia-relations #main header {
    background-image: url("../images/sections/1-2-5-british-colombia-relations.jpg");
  }

  .p1-2-5-british-colombia-relations #main header h1 {
    display: block;
    width: 600px;
  }

  .pageid-76 iframe {
    width: 730px;
    height: calc(730px * 0.5625);
  }

  /* 1.2.6 - Common Misconceptions */

  .p1-2-6-common-misconceptions #main header {
    background-image: url("../images/sections/1-2-6-common-misconceptions.jpg");
  }

  /* 1.2.7 - Colombia in Detail */

  .p1-2-7-colombia-in-detail #main header {
    background-image: url("../images/sections/1-2-7-colombia-in-detail.jpg");
  }

  /* 1.3.1 - Take Action */

  .p1-3-1-take-action header h1,
  .p1-3-1-take-action header .breadcrumbs { /* R */
    text-align: left;
  }

  .p1-3-1-take-action header img.brush { /* R */
    margin-left: -20px;
    width: 470px;
  }

  /* 1.3.1.B - Get Your Union Active */

  .p1-3-1-B-get-your-union-active header img.brush {
    margin-left: -20px;
    margin-top: -85px;
    width: 600px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: -1;
  }

  .p1-3-1-B-get-your-union-active .links-share {
    margin: 0 auto;
  }

  .p1-3-1-B-get-your-union-active .image-section {
    margin-bottom: 50px;
  }

  .p1-3-1-B-get-your-union-active .how-to-support {
    margin: 30px auto;
  }

  .p1-3-1-B-get-your-union-active .how-to-support img {
    top: -35px;
    left: -20px;
    position: relative;
    z-index: -1;
    margin-bottom: -10px;
  }

  .p1-3-1-B-get-your-union-active .how-to-support .content {
    display: flex;
    justify-content: flex-start;
  }

  .p1-3-1-B-get-your-union-active .how-to-support span {
    position: relative;
    padding: 0 15px 0 0;
    font-family: 'GT-Pressura-Bold';
    font-size: 28px;
    color: #0a6f9e;
    display: block;
    top: -10px;
  }

  /* 1.3.X - Why Support JFC? */

  .why-support-jfc img {
    width: 335px; /* R */
    top: -25px;
    left: 0px;
  }

  /* 1.3.X - Why Support JFC? Centered */

  .why-support-jfc-centered img { /* R */
    width: 335px;
  }

  /* 1.3.2 - Support JFC */

  .p1-3-2-support-jfc header h1,
  .p1-3-2-support-jfc header .breadcrumbs { /* R */
    text-align: left;
  }

  .p1-3-2-support-jfc header img.brush { /* R */
    margin-left: -20px;
    margin-top: -30px;
    width: 600px;
  }

  .p1-3-2-support-jfc .brush.separator { /* R */
    margin: 50px 0;
  }

  .p1-3-2-support-jfc .statement { /* R */
    font-size: 18px;
  }

  /* 1.3.2.1 - Join JFC */

  .p1-3-2-1-join-jfc header img.brush { /* R */
    margin-top: -45px;
    width: 400px;
  }

  .p1-3-2-1-join-jfc .box {
    height: 120px;
  }

  .p1-3-2-1-join-jfc .box-title {
    height: 70px !important;
  }

  .p1-3-2-1-join-jfc .brush.separator { /* R */
    margin: 50px 0;
  }

  /* 1.3.2.1.A - Joining JFC Options */

  .p1-3-2-1-A-join-jfc-options header h1 {
    font-size: 60px; /* R */
  }

  .p1-3-2-1-A-join-jfc-options header img.brush { /* R */
    margin-top: -20px; /* R */
    width: 600px;
  }

  .p1-3-2-1-A-join-jfc-options .separator-vertical {
    margin: 0 auto -350px auto;
    top: -350px;
  }

  /* 1.3.2.2 - Donate */

  .p1-3-2-2-donate .donate-form h4 { /* R */
    font-size: 24px;
  }

  .p1-3-2-2-donate header img.brush { /* R */
    margin-top: -40px;
    width: 400px;
  }

  .p1-3-2-2-donate img.separator-vertical {
    margin: 0 auto -440px auto;
    top: -440px;
    height: 370px;
  }

  /* 1.3.2.3 - Special Financial Appeal */

  .p1-3-2-3-special-financial-appeal header h1,
  .p1-3-2-3-special-financial-appeal header .breadcrumbs { /* R */
    text-align: left;
  }

  .p1-3-2-3-special-financial-appeal .links-share {
    margin: 60px auto 0 auto;
    width: 195px;
  }

  .p1-3-2-3-special-financial-appeal p {
    padding: 0 40px;
  }

  .p1-3-2-3-special-financial-appeal .donate-form {
    margin: 30px auto 20px auto;
    width: 170px;
  }

  .p1-3-2-3-special-financial-appeal .donate-form img.brush {
    width: 200px;
    position: relative;
    top: -35px;
    left: -10px;
    z-index: -1;
  }

  .p1-3-2-3-special-financial-appeal .donate-form-input-container {
    margin: -30px 0 15px 0;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single {
    position: relative;
    padding: 10px 0 10px 40px;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label {
    margin: 0;
    text-align: left;
    font-size: 24px;
    line-height: 24px;
    color: #666;
    padding: 3px 0 0 0;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:before,
  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:after {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
    cursor: pointer;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:before {
    left: 0;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    background: #fff;
    border: 1px solid #bbb;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single label:after {
    left: 5px;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    opacity: 0;
    background: #0a6f9e;
    -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
            transform: translate3d(-40px, 0, 0) scale(0.5);
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="radio"],
  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: -9999px;
    visibility: hidden;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="radio"]:checked + label:after,
  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="checkbox"]:checked + label:after {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="text"] {
    border: 0;
    border-bottom: 1px solid #bbb;
    padding: 0 5px;
    width: 70px;
  }

  .p1-3-2-3-special-financial-appeal .donate-form .styled-input-single input[type="text"]:focus {
    box-shadow: 0 0 0;
  }

  .p1-3-2-3-special-financial-appeal .donate-form a {
    margin: 40px 0 0 -5px;
  }

  /* 1.3.2.4 - Get Sponsored */

  .p1-3-2-4-get-sponsored header img.brush { /* R */
    margin-top: -55px;
    width: 600px;
  }

  /* 1.3.3 - Sign Up for Latest News */

  .p1-3-3-sign-up-for-latest-news header img.brush { /* R */
    margin-top: -55px;
    width: 600px;
  }

  /* 1.3.3.1 - Post Newsletter Signup */

  .p1-3-3-1-post-newsletter-signup header img.brush { /* R */
    margin-bottom: -50px;
    width: 450px;
  }

  /* 1.4.1 - Latest News */

  .p1-4-1-latest-news #main header h1, .p1-4-1-latest-news #main header .breadcrumbs {
    text-align: left;
    }

  .p1-4-1-latest-news #main header { /* R */
    margin-bottom: 20px;
  }

  .p1-4-1-latest-news header img.brush { /* R */
    width: 850px;
    margin-left: -40px;
  }

  /* 1.4.1.1 - News Piece */

  .p1-4-1-1-news-piece h1 { /* R */
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 20px;
  }

  /* 1.4.2 - Press Room */

  .p1-4-2-press-room header img.brush { /* R */
    width: 850px;
    margin-left: -40px;
  }

  /* 1.4.3 - Human Rights Reports */

  .p1-4-3-human-rights-reports header img.brush { /* R */
    width: 850px;
    margin-left: -40px;
  }

  .p1-4-3-human-rights-reports #dropdown { /* R */
    margin: -70px 0 70px 0;
  }

  /* 1.4.4 - Events */

  .p1-4-4-events div.row:first-of-type header:first-of-type { /* R */
    margin-bottom: 50px;
  }

  .p1-4-4-events h1 { /* R */
    margin-bottom: 50px;
  }

  .p1-4-4-events a.button-white { /* R */
    margin: 30px 0 100px 0;
  }

  /* 1.4.4.1 - Events Piece */

  /* R */

  /* 1.4.5 - Multimedia */

  .p1-4-5-multimedia #main header h1,
  .p1-4-5-multimedia #main header .breadcrumbs {/* R */
    text-align: left;
  }

  .p1-4-5-multimedia header img.brush { /* R */
    width: 850px;
    margin-left: -40px;
  }

  /* 1.4.6 - Materials */

  .p1-4-6-materials #main header h1,
  .p1-4-6-materials #main header .breadcrumbs {/* R */
    text-align: left;
  }

  .p1-4-6-materials header img.brush { /* R */
    width: 850px;
    margin-left: -40px;
  }

  .p1-4-6-materials .materials-container {
    display: flex;
    align-items: center;
    height: 80px;
    margin-bottom: 30px;
    padding-left: 50px;
    flex-direction: row;
  }

  /* 1.4.7 - Links */

  .p1-4-7-links #main header { /* R */
    margin-bottom: 20px;
  }

  .p1-4-7-links header img.brush { /* R */
    width: 850px;
    margin-left: -40px;
  }

  /* 1.4.1.0 - Article Search */

  .p1-4-1-0-search #main header {
    margin: 0 0 30px;
  }

  .p1-4-1-0-search #main li {
    margin: 0 0 30px;
  }

  .p1-4-1-0-search #main a {
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
  }

  .p1-4-1-0-search #main a:hover {
    color: #0071a2;
  }

  .p1-4-1-0-search #main span {
    color: #999;
    margin: 0 0 5px;
    display: block;
  }

  .p1-4-1-0-search #main span a {
    font-size: 16px;
    color: #999;
  }

}

@media (min-width: 992px) {
  #main-menu {
    background-position: 692px 36px;
  }
}

@media (min-width: 1200px) {
  #main-menu {
    background-position: 874px 36px;
  }
}


.modal-header button.close {
  -webkit-appearance: none;
  border: 0;
}

.btn-primary {
  color: #ffffff;
  background-color: #0a6f9e;
  border-color: #0a6f9e;
}

.btn-primary:hover {
  color: #000;;
  background-color: #fbb514;
  border-color: #fbb514;
}

.btn-secondary {
  color: #ffffff;
}
.btn-secondary:hover {
  color: #ffffff;
}

.modal-header {
  border-bottom: 0;
}
.modal-footer {
  border-top: 0;
}