.flexslider {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  background-color: #F8F8EB;
  box-shadow: none;
  color: #545454; }
  .flexslider .field-name-field-text {
    padding: 0 20px; }
  .flexslider .flex-direction-nav a {
    color: #44841A; }

/*$oxfamgreen: #44841A;
$orange: #f16e22;
$dark-green: #336114;
$emergencyred: #ff1d34;
$oxfam-gray: #999999;
$textdarkgray: #333333;
$textgray: #545454;
$beige: #eaeade;
$oxfam-blog-green: #92BE00;
*/
a:link,
a:visited,
a:hover,
a:focus,
a:active {
  color: #336114; }

.node-type-article .field-name-body .field-item > h3, .node-type-article .field-name-body .field-item > div {
  display: block;
  clear: none; }

.node.view-mode-full h2 {
  border-color: #336114; }
.node.view-mode-full h3 {
  border-color: #336114; }
.node.view-mode-full .group-footer {
  background: #FFFFFF;
  padding: 10px 0 0; }
.node.view-mode-full img {
  float: left;
  clear: left;
  margin-bottom: 10px;
  margin-right: 20px; }
  .node.view-mode-full img.file-icon {
    margin-bottom: 0; }
.node.view-mode-full .field-type-text-with-summary:after {
  content: " ";
  display: block;
  height: 0;
  clear: both; }
.node.view-mode-full .field-name-field-image img {
  float: left;
  margin-right: 0;
  margin-bottom: 0; }
.node.view-mode-full .image-field-caption {
  background-color: #336114;
  color: white;
  margin: 0;
  text-align: center;
  padding: 5px 10px;
  display: block;
  clear: both;
  font-style: italic; }
  .node.view-mode-full .image-field-caption p {
    margin: 5px 0; }

.field-type-taxonomy-term-reference, .field-name-field-page-related-content-items, .field-name-field-emergency-donations-link {
  overflow: hidden;
  clear: both;
  margin-bottom: 10px; }
  .field-type-taxonomy-term-reference .field-item, .field-name-field-page-related-content-items .field-item, .field-name-field-emergency-donations-link .field-item {
    float: left; }
    .field-type-taxonomy-term-reference .field-item a, .field-name-field-page-related-content-items .field-item a, .field-name-field-emergency-donations-link .field-item a {
      padding: 0 5px;
      border-right: 2px solid #333;
      line-height: 0.7;
      display: inline-block;
      color: #44841A;
      font-weight: normal; }
  .field-type-taxonomy-term-reference .field-item:last-child a, .field-name-field-page-related-content-items .field-item:last-child a, .field-name-field-emergency-donations-link .field-item:last-child a {
    border-right: 0; }
  .field-type-taxonomy-term-reference .field-items, .field-name-field-page-related-content-items .field-items, .field-name-field-emergency-donations-link .field-items {
    float: left;
    font-weight: bold; }
  .field-type-taxonomy-term-reference .field-label, .field-name-field-page-related-content-items .field-label, .field-name-field-emergency-donations-link .field-label {
    float: left; }

.field-name-field-emergency-donations-link .field-item a {
  width: auto;
  background-color: #ff1d34;
  border-color: transparent;
  display: block;
  margin: 0 0 0 10px;
  position: relative;
  color: white;
  padding: 7px 14px;
  font-weight: 700;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
  margin: 5px 0 5px 5px;
  /*	&:after {
  		background: url(../images/arrow-sprite.png) 0 -278px no-repeat;
  		width: 10px;
  		height: 10px;
  		content: '';
  		display: inline-block;
  		position: absolute;
  		right: 0;
  		top: 50%;
  		margin-top: -5px;
  		margin-right: -5px;
  	}*/ }
  .field-name-field-emergency-donations-link .field-item a:hover {
    background-color: #e90018; }
  .field-name-field-emergency-donations-link .field-item a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 0 17px 18px;
    border-color: transparent transparent transparent #ff1d34;
    top: 0;
    right: 0;
    margin-right: -18px; }
  .field-name-field-emergency-donations-link .field-item a:hover:before {
    border-color: transparent transparent transparent #e90018; }

.page-galleries .views-row {
  margin-bottom: 20px; }
.page-galleries .field-type-image {
  float: left;
  /* margin-right: 20px; */ }

.field-name-post-date {
  color: #999;
  font-size: 12px;
  display: inline;
  font-style: italic; }
  @media (max-width: 599px) {
    .field-name-post-date {
      font-size: 10px; } }

.field-name-author, .field-name-field-author {
  font-weight: normal;
  color: #999;
  background-color: transparent; }

/*.node-blogs.node-teaser, .node-article.node-teaser, .page-authors-posts, .section-blog-topic {
	.field-name-node-link, .views-field-view-node {
		a{
			padding: 2px 5px;
			background-color: $oxfamgreen;
			color: white;
			border-radius: 2px;
			float: right;
			margin-right: 2em;
			font-weight: bold;
			margin-bottom: 10px;
		}
		a:after {
			background: url(../images/arrow-sprite.png) 0 -278px no-repeat;
			width: 10px;
			height: 10px;
			content: ' ';
			display: inline-block;
			margin-left: .5em;
		}
	}
}*/
.field-name-field-promoted-image img {
  padding-right: 20px;
  background-color: white; }

.node-teaser .field-name-field-promoted-image img {
  padding-right: 0; }

.label-inline {
  color: #545454; }

.field-name-date {
  color: #999;
  font-size: 12px;
  display: inline; }

/* Blog layout */
.node-type-blogs .field-name-field-promoted-image img {
  padding-right: 20px;
  margin-right: 0; }

.node.view-mode-full .title {
  font-size: 1.8em;
  line-height: 1.38917em;
  margin-bottom: 0.83333em;
  border: none;
  color: #44841A; }

.blog-channel-title {
  background: #92BE00 url("../images/masthead-bg.png") no-repeat 0 0;
  border-bottom: 3px solid #eaeade;
  color: white;
  margin-left: -25px;
  padding: 10px 20px 10px 25px;
  position: relative;
  width: 100%;
  font-size: 1.2em; }
  .blog-channel-title a {
    color: white; }

.blog-channel-title:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 0;
  border-color: transparent #aeae81 transparent transparent;
  content: "";
  position: absolute;
  left: -1px;
  bottom: -5px;
  background: #D9D6C5; }

.node-type-blogs {
  /*	.field-name-post-date {
  		float: left;
  		clear: left;
  	}
  
  	.field-name-field-author {
  		float: left;
  	}*/
  	/*.group-author-blog-window {
  		float: left;
  		padding: 10px 20px;
  		background-color: white;
  
  		@media (max-width:599px) {
  			padding: 10px 0;
  		}
  
  		.field-name-field-image {
  			float: left;
  		}
  	}*/ }
  .node-type-blogs .title {
    margin-top: 0; }
  .node-type-blogs .node-content-author.node-teaser a {
    color: #44841A; }
  @media (min-width: 600px) {
    .node-type-blogs .node.view-mode-full h3 {
      clear: none; } }
  @media (max-width: 599px) {
    .node-type-blogs .node.view-mode-full h3 {
      clear: both; } }

.field-type-text-with-summary h3:first-child {
  margin-top: 0; }

.node.view-mode-full .node-content-author.node-teaser img {
  margin-right: 10px;
  border: 3px solid #44841A;
  float: left; }

.blog-post-by {
  float: left;
  font-weight: bold; }

.field-name-field-author .node-teaser {
  font-size: 0.85em;
  color: #333;
  font-weight: normal;
  line-height: 1.5em; }

.youtube-container--responsive {
  margin-top: 10px; }

.field-items .field-item:first-child .youtube-container--responsive {
  margin-top: 0; }

.related-items-alternative-title {
  background-color: #44841A;
  color: white;
  position: absolute;
  top: 10px;
  left: -30px;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.25em;
  padding: 10px 15px;
  border-bottom: 2px solid #eaeade;
  z-index: 2; }

.related-items-alternative-title-wrapper {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px; }

/*.sharethis-buttons {
	clear: both;
	.label-above{
		font-weight: bold;
	}
}*/
.node.node-content-author.view-mode-full .field-name-field-image img {
  margin-right: 20px; }
.node.node-content-author.view-mode-full .field-name-field-content-author-role, .node.node-content-author.view-mode-full .field-name-field-content-a-organisation {
  font-weight: bold; }

.page-authors-posts .node-blogs.node-teaser img {
  float: left;
  padding-right: 20px; }
  @media (min-width: 600px) {
    .page-authors-posts .node-blogs.node-teaser img {
      max-width: 40%; } }
@media (min-width: 600px) {
  .page-authors-posts .group-left {
    width: 30%; } }
@media (max-width: 599px) {
  .page-authors-posts .group-left {
    width: 100%; } }
.page-authors-posts .group-left .field-name-field-promoted-image img {
  width: 100%;
  padding-right: 20px;
  box-sizing: border-box; }
  @media (max-width: 599px) {
    .page-authors-posts .group-left .field-name-field-promoted-image img {
      padding-right: 0; } }
@media (min-width: 600px) {
  .page-authors-posts .group-right {
    width: 70%; } }
@media (max-width: 599px) {
  .page-authors-posts .group-right {
    width: 100%; } }
.page-authors-posts a:link, .page-authors-posts a:visited, .page-authors-posts a:hover, .page-authors-posts a:focus, .page-authors-posts a:active {
  color: #44841A; }
.page-authors-posts .field-name-title h2 {
  margin-top: 0;
  line-height: 1em;
  margin-bottom: 5px; }
  .page-authors-posts .field-name-title h2 a {
    line-height: 1em; }

.section-blog-topic .views-field-field-promoted-image {
  float: left;
  padding-right: 20px;
  clear: both; }
.section-blog-topic .view-content > div {
  clear: both; }

.feed-icon {
  clear: both;
  display: block; }

.related-content-group .related-content .node-teaser h2, .related-content-group .related-content .node-teaser h3 {
  border: none;
  margin-bottom: 0; }
  .related-content-group .related-content .node-teaser h2 a, .related-content-group .related-content .node-teaser h3 a {
    color: #44841A; }

@media (min-width: 861px) {
  .sidebar-second #content {
    width: 75%; } }
@media (max-width: 860px) and (min-width: 701px) {
  .sidebar-second #content {
    width: 75%;
    margin-right: -75%; } }

@media (max-width: 860px) and (min-width: 701px) {
  .sidebar-second .region-sidebar-second {
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 0; } }

.field-name-field-blogs-tags {
  overflow: auto; }

/* End of Blog layout */
/* 3 Column Article layout */
.view-view-action-blog-topic, .view-campaign-blog-topic {
  position: relative;
  border-top: 20px solid #EAEADE;
  margin: 20px -20px;
  padding-left: 10px;
  padding-right: 5px; }
  .view-view-action-blog-topic .view-content, .view-campaign-blog-topic .view-content {
    margin-top: 50px; }
  .view-view-action-blog-topic .node-blogs .field-name-title h2, .view-view-action-blog-topic .node-blogs .field-name-title h3, .view-campaign-blog-topic .node-blogs .field-name-title h2, .view-campaign-blog-topic .node-blogs .field-name-title h3 {
    border: none; }
  @media (min-width: 600px) {
    .view-view-action-blog-topic .views-row, .view-campaign-blog-topic .views-row {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 33%;
      float: left;
      padding: 0 10px;
      margin-bottom: 20px; } }
  .view-view-action-blog-topic h1, .view-view-action-blog-topic h2, .view-view-action-blog-topic h3, .view-view-action-blog-topic h4, .view-view-action-blog-topic h5, .view-view-action-blog-topic h6, .view-campaign-blog-topic h1, .view-campaign-blog-topic h2, .view-campaign-blog-topic h3, .view-campaign-blog-topic h4, .view-campaign-blog-topic h5, .view-campaign-blog-topic h6 {
    line-height: 21px; }
  .view-view-action-blog-topic .field-name-post-date, .view-campaign-blog-topic .field-name-post-date {
    color: #999;
    font-size: 12px;
    line-height: 14px; }

/* End of 3 Column Article layout */
/* Share this CSS */
.sharethis-buttons {
  padding: 10px;
  background-color: #F8F8EB;
  max-width: 300px;
  margin-bottom: 10px; }

/* Blog Headline */
.node.view-mode-full .blog-headline, .node.view-mode-full .block__title, .node.view-mode-full .comments__title, #content-bottom .blog-headline, #content-bottom .block__title, #content-bottom .comments__title, #block-views-test-action-block .blog-headline, #block-views-test-action-block .block__title, #block-views-test-action-block .comments__title, #content-related .blog-headline, #content-related .block__title, #content-related .comments__title {
  background-color: #44841A;
  color: white;
  position: absolute;
  top: -10px;
  left: -10px;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.25em;
  padding: 10px 15px;
  border-bottom: 2px solid #d9d6c5;
  z-index: 2; }

.node.view-mode-full .related-content-label {
  background-color: #44841A;
  color: white;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.25em;
  padding: 10px 15px;
  border-bottom: 2px solid #d9d6c5;
  z-index: 2;
  margin-left: -30px; }

.view-campaign-blog-topic .view-header {
  background-color: #44841A;
  color: white;
  position: absolute;
  top: -10px;
  left: -10px;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.25em;
  padding: 10px 15px;
  border-bottom: 2px solid #d9d6c5;
  z-index: 2; }
  .view-campaign-blog-topic .view-header h2, .view-campaign-blog-topic .view-header h3 {
    margin: 0;
    font-size: 1.2rem;
    border: none;
    color: white; }

.related-content-group .related-content h2, .related-content-group .related-content h3 {
  margin-bottom: 10px;
  border-color: #eaeade; }
  .related-content-group .related-content h2 a, .related-content-group .related-content h3 a {
    color: #333; }

.comment-title a {
  color: #333; }

.node.view-mode-full .group-related-articles img {
  border-right: none; }

/* End of Blog Headline */
/* Header CSS */
.block-lang-dropdown {
  display: block;
  width: 170px;
  position: absolute;
  right: 200px; }
  @media (max-width: 480px) {
    .block-lang-dropdown {
      right: 10px;
      top: 70px; } }

@media (max-width: 900px) {
  #site-slogan {
    display: none; } }

/* End of Header CSS */
/* Emergency page CSS */
.node-type-emergency {
  background-image: url("../images/body-stripe-repeater-emergency.png");
  /*#footer-outer {
  	background-image: url('../images/body-stripe-repeater-emergency.png');
  }*/ }
  .node-type-emergency h1 {
    color: #ff1d34; }
  .node-type-emergency ul.primary a:link, .node-type-emergency ul.primary a:visited {
    background-color: #ff1d34; }
  .node-type-emergency ul.primary a.active {
    background-color: #eaeade; }
  .node-type-emergency .node.view-mode-full h3 {
    border-color: #eaeade; }
  .node-type-emergency .region-sidebar-first .block.block-menu-block, .node-type-emergency .region-sidebar-second .block.block-menu-block {
    background-image: url(../images/block-pattern-1.png); }
  .node-type-emergency .region-sidebar-first .block, .node-type-emergency .region-sidebar-second .block {
    background-image: url("../images/block-pattern-1a.png"); }
  .node-type-emergency .node.view-mode-full .image-field-caption {
    background-color: #ff1d34; }
  .node-type-emergency .group-quote {
    border-top: 2px solid #ff1d34;
    color: #ff1d34; }
  .node-type-emergency .field-name-author, .node-type-emergency .field-name-post-date, .node-type-emergency .field-name-body {
    clear: both; }
  .node-type-emergency #content-bottom .block__title, .node-type-emergency #content-bottom .comments__title, .node-type-emergency .related-content-group .block__title, .node-type-emergency .related-content-group .comments__title, .node-type-emergency #content-related .block__title, .node-type-emergency #content-related .comments__title {
    background-color: #ff1d34; }
    .node-type-emergency #content-bottom .block__title.twitter-label, .node-type-emergency #content-bottom .comments__title.twitter-label, .node-type-emergency .related-content-group .block__title.twitter-label, .node-type-emergency .related-content-group .comments__title.twitter-label, .node-type-emergency #content-related .block__title.twitter-label, .node-type-emergency #content-related .comments__title.twitter-label {
      background-image: url("../images/twitter-bird-dark-bgs.png");
      background-position: right 50%;
      background-repeat: no-repeat;
      padding-right: 50px; }
  .node-type-emergency .node.view-mode-full .comments .title {
    color: #ff1d34; }
  .node-type-emergency body.cke_editable {
    background-image: none; }
  .node-type-emergency .field-name-field-emergency-tags {
    overflow: auto; }
  .node-type-emergency .comments__form-title {
    color: #ff1d34; }

.node.view-mode-full .field-name-field-emergency-main-image img {
  margin: 0; }

.field-name-field-emergency-map {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: right; }
  @media (min-width: 761px) {
    .field-name-field-emergency-map {
      width: 66%;
      margin-top: 20px; } }
  @media (min-width: 481px) and (max-width: 760px) {
    .field-name-field-emergency-map {
      width: 100%; } }

/* End of Emergency page CSS */
/* Action Footer CSS */
.action-footer-content img {
  border-right: none; }
@media (min-width: 600px) {
  .action-footer-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px; } }
.action-footer-content .active, .action-footer-content h1, .action-footer-content h2, .action-footer-content h3, .action-footer-content h4, .action-footer-content h5, .action-footer-content h6 {
  color: #336114;
  font-weight: bold;
  font-size: 1.2em; }

.node-type-action h1, .node-type-action h2, .node-type-action h3, .node-type-action h4, .node-type-action h5, .node-type-action h6 {
  margin-top: 0; }

#block-views-test-action-block {
  background-color: white;
  padding-top: 60px; }
  #block-views-test-action-block .block-title {
    top: -10px; }
  #block-views-test-action-block .inner-wrapper {
    overflow: visible; }

#content-bottom #block-views-test-action-block .block__title {
  background-color: #44841A; }

/* End of Action Footer CSS */
/* Comment CSS */
@media (min-width: 600px) {
  .comment-wrapper {
    padding-right: 10px; } }

.comments__form-title {
  color: #44841A; }

/* End of Comment CSS */
/* Campaign CSS */
.field-name-field-campaign-main-image-banner {
  overflow: visible; }

.node.view-mode-full h2.campaign-promoted-item-label, .node.view-mode-full h2.twitter-label {
  background-color: #44841A;
  color: white;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.25em;
  padding: 10px 15px;
  border-bottom: 2px solid #d9d6c5;
  z-index: 2;
  margin-left: -30px; }

@media all and (max-width: 480px) {
  .view-node-carousel h2.headline {
    font-size: 1.5em; }
  .view-node-carousel .group-left {
    display: none; }
  .view-node-carousel .group-right {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    padding-left: 0;
    padding-right: 0;
    width: 100%; }
    .view-node-carousel .group-right .field-name-body {
      display: none; }
  .view-node-carousel .rs-carousel .group-right {
    background: none;
    width: 100%; }
    .view-node-carousel .rs-carousel .group-right .inner {
      margin-right: 0;
      padding: 10px; }
  .view-node-carousel a.arrow {
    bottom: 10px;
    left: 10px; } }
@media (min-width: 400px) and (max-width: 480px) {
  .view-node-carousel .group-right .field-name-body {
    display: block; } }
@media (min-width: 481px) and (max-width: 599px) {
  .view-node-carousel .group-right h2.headline {
    font-size: 1.4em; }
  .view-node-carousel .group-right .field-name-body {
    display: block; } }
@media (min-width: 700px) {
  .view-node-carousel .group-right h2.headline {
    font-size: 1.4em; } }
.lt-ie9 .view-node-carousel .group-right h2.headline {
  font-size: 1.4em; }

.campaign-promoted-item-group {
  clear: both;
  padding-top: 0px;
  background: #336114; }
  .campaign-promoted-item-group .view-mode-hero_teaser .group-right {
    width: 54%;
    height: 345px;
    background: transparent url(/sites/all/themes/clickngo/images/carousel-arrows.png) right -690px no-repeat;
    position: relative;
    z-index: 1;
    color: white;
    background-position: right -1033px;
    float: left; }
    .campaign-promoted-item-group .view-mode-hero_teaser .group-right .inner {
      background: #336114;
      padding: 20px;
      margin-right: 36px;
      height: 305px; }
      .campaign-promoted-item-group .view-mode-hero_teaser .group-right .inner h2 {
        font-size: 1.78em;
        line-height: 1.00028em; }
        .campaign-promoted-item-group .view-mode-hero_teaser .group-right .inner h2 a {
          color: #fff; }
    @media all and (max-width: 480px) {
      .campaign-promoted-item-group .view-mode-hero_teaser .group-right {
        width: 100%;
        background: transparent; } }
  .campaign-promoted-item-group .view-mode-hero_teaser .group-left {
    width: 100%;
    margin-right: -100%;
    text-align: right;
    float: left;
    height: 345px; }
    .campaign-promoted-item-group .view-mode-hero_teaser .group-left .field-name-field-promoted-image img {
      padding: 0;
      background: none;
      width: auto;
      max-width: none;
      min-height: 345px; }
    @media all and (max-width: 480px) {
      .campaign-promoted-item-group .view-mode-hero_teaser .group-left {
        display: none; } }
  .campaign-promoted-item-group .view-mode-hero_teaser .group-footer {
    padding: 0; }

.twitter-label {
  background-color: #44841A;
  color: white;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.25em;
  padding: 10px 15px;
  border-bottom: 2px solid #d9d6c5;
  z-index: 2;
  margin-left: -30px;
  background-image: url("../images/twitter-bird-dark-bgs.png"); }

.node.view-mode-full h2.twitter-label {
  background-image: url("../images/twitter-bird-dark-bgs.png");
  background-position: right 50%;
  background-repeat: no-repeat;
  padding-right: 50px; }

@media (min-width: 600px) {
  .twitter-field-item .views-row, .view-tweets-eva .views-row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px; } }
@media (max-width: 599px) {
  .twitter-field-item .views-row, .view-tweets-eva .views-row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #eaeade; }
    .twitter-field-item .views-row:last-child, .view-tweets-eva .views-row:last-child {
      border-bottom: none; }
    .twitter-field-item .views-row:first-child, .view-tweets-eva .views-row:first-child {
      padding-top: 0; } }

.views-field-created-time {
  color: #999;
  font-size: 12px;
  line-height: 14px; }

.views-field-screen-name {
  color: #336114;
  font-weight: 600; }

#block-ds-extras-header-banner {
  background-image: url("../images/masthead-bg.png");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  clear: both;
  overflow: auto;
  display: inline-block;
  width: 100%;
  margin-bottom: 0; }
  #block-ds-extras-header-banner h2 {
    color: white;
    text-decoration: none;
    font-family: OxfamGlobalHeadlineRegular, Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 2.8em;
    line-height: 1em;
    margin-bottom: 0; }
    @media (min-width: 580px) {
      #block-ds-extras-header-banner h2 {
        float: left; } }
    @media (min-width: 580px) and (max-width: 969px) {
      #block-ds-extras-header-banner h2 {
        margin-top: 10px; } }
    @media (max-width: 579px) {
      #block-ds-extras-header-banner h2 {
        margin: 10px auto;
        text-align: center; } }
  #block-ds-extras-header-banner img {
    float: right; }
    @media (min-width: 580px) and (max-width: 969px) {
      #block-ds-extras-header-banner img {
        max-width: 50%; } }
  #block-ds-extras-header-banner .field-name-title {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0;
    padding-left: 10px; }
    @media (min-width: 970px) {
      #block-ds-extras-header-banner .field-name-title {
        max-width: 342px;
        padding-left: 20px; } }
    @media (min-width: 580px) and (max-width: 969px) {
      #block-ds-extras-header-banner .field-name-title {
        max-width: 50%; } }

#content-bottom, .related-content-group, #content-inner {
  position: relative; }

.node-type-campaign #page-title {
  background-color: #44841A;
  color: white;
  position: absolute;
  top: -5px;
  left: -5px;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.25em;
  padding: 10px 15px;
  border-bottom: 2px solid #d9d6c5;
  z-index: 2;
  margin-top: 0; }
.node-type-campaign #content-inner {
  margin-top: 5px;
  padding-top: 40px; }

#block-ds-extras-header-banner .contextual-links-region .field-name-title .field-item {
  text-align: center; }

/* End of Campaign CSS */
/* Event CSS */
.node.view-mode-full.node-promoted .field-name-field-image img {
  margin-right: 10px; }

/* End of Event CSS */
/* Quote CSS */
.group-quote {
  width: auto;
  padding: 1.5em 20px;
  border-top: 2px solid #44841A;
  background-color: white;
  color: #44841A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .group-quote .field-type-text-long {
    font-size: 1.2em;
    margin-bottom: 5px; }
  @media (min-width: 761px) {
    .group-quote {
      float: left;
      width: 30%;
      margin-right: 3%;
      margin-top: 20px; } }
  @media (min-width: 481px) and (max-width: 760px) {
    .group-quote {
      width: 100%; } }
  .group-quote .field-name-field-emergency-quotee, .group-quote .field-name-field-emergency-quotees-org {
    font-style: italic;
    color: #545454; }

/* End of Quote CSS */
/* Related Articles CSS */
#content-bottom, .related-content-group, #content-related {
  position: relative;
  /*	.group-related-articles {
  		overflow: visible;
  	}
  	.group-related-articles {
  
  		img {
  			
  		}
  
  		@media (min-width: 600px) {
  			-moz-box-sizing: border-box;
  			-webkit-box-sizing: border-box;
  			box-sizing: border-box;
  			width: 33%;
  			float: left;
  			padding: 0 10px;
  			margin-bottom: 20px;
  		}
  	}
  	
  	h1, h2, h3, h4, h5, h6 {
  		line-height: 21px;
  	}
  */ }
  #content-bottom .related-content .node-teaser img, .related-content-group .related-content .node-teaser img, #content-related .related-content .node-teaser img {
    width: 100%;
    margin-bottom: 0; }
  #content-bottom .related-content img, .related-content-group .related-content img, #content-related .related-content img {
    border-right: none;
    padding-right: 0; }
  @media (min-width: 600px) {
    #content-bottom .related-content, .related-content-group .related-content, #content-related .related-content {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 33%;
      float: left;
      padding: 0 10px;
      margin-bottom: 20px; } }
  #content-bottom .inner-wrapper, .related-content-group .inner-wrapper, #content-related .inner-wrapper {
    background-color: white;
    /*overflow: auto;*/
    overflow: hidden;
    padding-top: 50px;
    padding-left: 10px; }
    @media (max-width: 599px) {
      #content-bottom .inner-wrapper, .related-content-group .inner-wrapper, #content-related .inner-wrapper {
        overflow: visible;
        padding-right: 10px;
        padding-bottom: 10px; } }
  #content-bottom h1, #content-bottom h2, #content-bottom h3, #content-bottom h4, #content-bottom h5, #content-bottom h6, .related-content-group h1, .related-content-group h2, .related-content-group h3, .related-content-group h4, .related-content-group h5, .related-content-group h6, #content-related h1, #content-related h2, #content-related h3, #content-related h4, #content-related h5, #content-related h6 {
    margin: 0; }
  #content-bottom .block__title, .related-content-group .block__title, #content-related .block__title {
    top: -7px; }
  #content-bottom #block-views-test-action-block .inner-wrapper, .related-content-group #block-views-test-action-block .inner-wrapper, #content-related #block-views-test-action-block .inner-wrapper {
    overflow: visible;
    padding-top: 0; }

.related-content-group {
  padding-top: 1.5em; }
  .related-content-group img {
    padding-right: 0; }

.field-name-field-page-related-content-items, .field-name-field-action-rel-content-items {
  margin-top: 10px;
  background-color: white;
  color: #333;
  padding: 5px 10px; }

/* End of Related Articles CSS */
.group-header {
  overflow: auto; }

@media (min-width: 600px) {
  .field-type-youtube {
    overflow: auto; } }

.field-item h1 a, .field-item h2 a, .field-item h3 a, .field-item h4 a, .field-item h5 a, .field-item h6 a {
  font-size: 17px;
  line-height: 21px;
  font-weight: bold; }
.field-item > div {
  clear: both; }

.field-type-file {
  padding: 10px;
  background-color: #F8F8EB;
  margin-top: 1em; }
  @media (min-width: 600px) {
    .field-type-file {
      float: right;
      width: 33%;
      margin-left: 10px; } }
  .field-type-file .field-item {
    padding-bottom: 5px; }

.field-name-field-contact-information .field-label {
  color: #333;
  border-bottom: 2px solid #336114; }

.filesize {
  display: block; }

/* OVERRIDES styles.css*/
@media (min-width: 600px) {
  .node-article.view-mode-full .group-right .field-name-field-files {
    margin-bottom: 10px;
    margin-top: 0; } }
.node-article.view-mode-full .group-right .field-name-field-files {
  margin-bottom: 10px; }

/*html {
	background: none;
	padding-top: 0;
}

body {
  padding-bottom: 0px;
  padding-top: 10px;
  background: transparent url(../images/body-stripe-repeater.png) center top repeat-x;
}

#footer-outer {
  padding-bottom: 20px;
  background: transparent url(../images/body-stripe-repeater.png) center bottom repeat-x;
  padding-top: 20px;
}

html body.admin-menu {
  margin-top: 19px !important;
  background-position: center 29px;
  padding-top: 20px;
}*/
@media (min-width: 481px) {
  .node-article.view-mode-full .group-left, .node-article.view-mode-full .group-right {
    margin-top: 20px; } }

@media (min-width: 481px) and (max-width: 599px) {
  .node-article.view-mode-full .group-left, .node-article.view-mode-full .group-right {
    margin-top: 20px;
    width: 100%;
    border: 0;
    clear: both; } }

@media (min-width: 481px) and (max-width: 599px) {
  .node-article.view-mode-full .group-left {
    margin: 20px 0;
    padding: 0; } }

.region-sidebar-first .block, .region-sidebar-second .block {
  background-image: url("../images/block-pattern-2.png"); }

.node-type-emergency #locale-section ul.locale-name li.active a:before {
  border-top-color: #ff1d34; }

@media (max-width: 599px) {
  #block-search-form .form-item input, #block-oi-search-oi-search .form-item input {
    width: 200px; } }

.block-multiblock {
  margin-top: 1.5em; }

.page-front-page #content-bottom .group-right {
  background-color: #44841A; }
.page-front-page #content-bottom .block-bean h2.block-title {
  display: initial; }
.page-front-page #content-bottom .inner-wrapper {
  padding-bottom: 1.5em; }
@media (min-width: 960px) {
  .page-front-page #content-bottom .block-bean .ds-2col .group-left {
    width: 64.66667%; } }
@media (min-width: 600px) and (max-width: 959px) {
  .page-front-page #content-bottom .block-bean .ds-2col .group-left {
    width: 49%; } }
@media (min-width: 960px) {
  .page-front-page #content-bottom .block-bean .ds-2col .group-right {
    margin-left: 65.66667%; } }
@media (min-width: 600px) and (max-width: 959px) {
  .page-front-page #content-bottom .block-bean .ds-2col .group-right {
    width: 49%; } }

.bean-front-page-hero .field-name-field-promoted-text {
  display: initial; }

@media (max-width: 599px) {
  .front #content-bottom .block-bean .ds-2col .group-right {
    width: 98%; } }

@media (max-width: 599px) {
  .front #content-bottom .block-bean .ds-2col .group-left {
    width: 98%; } }

.node.view-mode-full .field-name-field-emergency-map img {
  border: none; }

.comment-wrapper {
  clear: both; }

.field-name-field-also-like {
  margin-top: 10px; }

@media (min-width: 761px) {
  .region-sidebar-first, .region-sidebar-second {
    padding-right: 20px; } }

/* End of styles.css overrides */
/* footnotes CSS overrides */
ul.footnotes li {
  margin-top: 10px; }

.footnotes .footnote-label {
  position: absolute;
  left: 0px;
  z-index: 2;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  text-align: center;
  color: white;
  background-color: #44841A;
  border-bottom: 2px solid #eaeade;
  font-weight: bold; }

a:link.see-footnote, a:visited.see-footnote, a:hover.see-footnote, a:focus.see-footnote, a:active.see-footnote {
  line-height: 18px;
  font-size: 11px;
  text-align: center;
  color: white;
  background-color: #44841A;
  font-weight: bold;
  padding: 0 2px 1px;
  text-decoration: none; }

.see-footnote:target {
  border: none; }

.see-footnote:target, .footnotes .footnote:target {
  background-color: transparent; }

.footnotes {
  border-top: 2px solid #eaeade;
  margin-top: 5px; }

/* End of footnotes CSS overrides */
/* Purpose.js CSS overrides */
.group-purpose-js {
  background-color: transparent;
  padding: 0px; }
  @media (min-width: 600px) {
    .group-purpose-js {
      padding: 0 0 0 20px; } }

.field-name-ds-code-purpose-template {
  background-color: #eaeade;
  padding: 0 20px; }
  @media (max-width: 599px) {
    .field-name-ds-code-purpose-template {
      margin-bottom: 20px; } }
  .field-name-ds-code-purpose-template .prps {
    width: 100%;
    border: none;
    background-color: transparent;
    padding: 0; }
    .field-name-ds-code-purpose-template .prps label {
      color: #333; }
    .field-name-ds-code-purpose-template .prps select {
      text-transform: uppercase;
      font-size: 12px;
      border-color: #c2c2a0;
      width: 100%; }
    .field-name-ds-code-purpose-template .prps img {
      width: 100%;
      height: auto; }
  .field-name-ds-code-purpose-template .prps-btn, .field-name-ds-code-purpose-template button, .field-name-ds-code-purpose-template input[type=submit] {
    color: white;
    background: #ff1d34; }
  .field-name-ds-code-purpose-template .prps-bottom {
    background-color: transparent;
    border-top: none; }
  .field-name-ds-code-purpose-template .prps-top {
    border: none;
    border-radius: 0;
    background-color: transparent;
    margin-bottom: 0;
    margin: 0; }
    @media (max-width: 800px) {
      .field-name-ds-code-purpose-template .prps-top {
        margin-bottom: 0; } }
    .field-name-ds-code-purpose-template .prps-top p {
      font-weight: 600; }
  .field-name-ds-code-purpose-template .prps-media {
    border-radius: 0;
    overflow: auto;
    margin-bottom: 5px;
    margin: 0; }
    @media (max-width: 800px) {
      .field-name-ds-code-purpose-template .prps-media {
        margin: 0; } }
    .field-name-ds-code-purpose-template .prps-media > img {
      border-radius: 0; }
  .field-name-ds-code-purpose-template .prps-btn:focus, .field-name-ds-code-purpose-template .prps-btn:hover, .field-name-ds-code-purpose-template button:focus, .field-name-ds-code-purpose-template button:hover, .field-name-ds-code-purpose-template input[type=submit]:focus, .field-name-ds-code-purpose-template input[type=submit]:hover {
    background: #2e5912;
    text-decoration: none; }
  .field-name-ds-code-purpose-template input[type=email].prps-input, .field-name-ds-code-purpose-template input[type=number].prps-input, .field-name-ds-code-purpose-template input[type=password].prps-input, .field-name-ds-code-purpose-template input[type=tel].prps-input, .field-name-ds-code-purpose-template input[type=text].prps-input {
    padding: 2px 10px;
    border-color: #c2c2a0; }
  .field-name-ds-code-purpose-template button.prps-btn--block {
    width: auto;
    background-color: #44841A;
    border-color: transparent;
    display: block;
    margin: 0 0 0 10px;
    position: relative; }
  .field-name-ds-code-purpose-template button.prps-btn--block:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 0 19px 18px;
    border-color: transparent transparent transparent #44841A;
    top: -2px;
    right: 0;
    margin-right: -20px; }
  .field-name-ds-code-purpose-template button.prps-btn--block:hover:before {
    border-color: transparent transparent transparent #2e5912; }
  .field-name-ds-code-purpose-template button.prps-btn--block:after {
    background: url(../images/arrow-sprite.png) 0 -278px no-repeat;
    width: 10px;
    height: 10px;
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    margin-right: -5px; }

.node-type-action .prps {
  min-width: 100%;
  max-width: 100%; }
  @media (max-width: 599px) {
    .node-type-action .prps {
      padding: 0; } }
@media (max-width: 599px) {
  .node-type-action .group-right, .node-type-action .group-left {
    width: 100%; } }

/* End of Purpose.js CSS overrides */
/* CSS resets */
.node.view-mode-full .field-name-field-page-file-attachment img {
  border-right: none; }

@media (max-width: 599px) {
  .field-name-field-files, .field-name-field-campaign-file-attachment, .field-name-field-page-file-attachment {
    border: 0; } }
.field-name-field-files .field-label, .field-name-field-campaign-file-attachment .field-label, .field-name-field-page-file-attachment .field-label {
  border-bottom: 2px solid #c2c2a0;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.143em;
  line-height: 1.31234em; }
.field-name-field-files .field-item, .field-name-field-campaign-file-attachment .field-item, .field-name-field-page-file-attachment .field-item {
  padding: 0; }

/*.page-authors-posts .field-name-node-link a:link, .page-authors-posts .field-name-node-link a:visited, .page-authors-posts .field-name-node-link a:hover, .page-authors-posts .field-name-node-link a:focus, .page-authors-posts .field-name-node-link a:active {
  color: white;
}*/
/* Button CSS */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  width: auto;
  background-color: #44841A;
  border-color: transparent;
  margin: 0 0 0 10px;
  position: relative;
  -webkit-appearance: button;
  color: white;
  padding: 7px 14px;
  font-weight: 700;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid #44841A; }
  button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    color: #333;
    background-color: white; }
  button:before, input[type="button"]:before, input[type="reset"]:before, input[type="submit"]:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 0 19px 18px;
    border-color: transparent transparent transparent #44841A;
    top: -2px;
    right: 0;
    margin-right: -20px; }
  button:hover:after, input[type="button"]:hover:after, input[type="reset"]:hover:after, input[type="submit"]:hover:after {
    border-color: transparent transparent transparent #2e5912; }
  button:after, input[type="button"]:after, input[type="reset"]:after, input[type="submit"]:after {
    background: url(../images/arrow-sprite.png) 0 -278px no-repeat;
    width: 10px;
    height: 10px;
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    margin-right: -5px; }

/* End of Button CSS */
/************** Revised CSS **************
******************************************
******************************************
*****************************************/
.view-blog-channels a:link, .view-blog-channels a:visited, .view-blog-channels a:hover, .view-blog-channels a:focus, .view-blog-channels a:active,
.view-story-topics a:link,
.view-story-topics a:visited,
.view-story-topics a:hover,
.view-story-topics a:focus,
.view-story-topics a:active {
  color: #44841A;
  font-weight: bold;
  line-height: 1.5em;
  padding: 5px;
  display: block; }
.view-blog-channels .views-row,
.view-story-topics .views-row {
  border-bottom: 2px solid #eaeade; }

.sidebars .block-title {
  margin-top: 0px; }

.field-type-taxonomy-term-reference {
  /*overflow: auto;*/ }

.field-name-short-url .field-label {
  font-weight: normal; }
.field-name-short-url a {
  color: #44841A; }

.campaign-promoted-item .node-teaser .field-name-title h2 {
  border: none;
  margin-top: 0;
  margin-bottom: 5px; }

#spacestools {
  margin-bottom: 20px; }

/************** Revised CSS **************
******************************************
******************************************
*****************************************/
/********* Prestyles classes *************
******************************************
******************************************
******************************************
*****************************************/
/* styled image in the information tab for the Author of the blog content */
.blogger {
  max-width: 50px;
  border: 2px solid #44841A;
  margin-right: 20px; }

@media (min-width: 600px) {
  .view-taxonomy-term .views-field-field-promoted-image {
    float: left;
    margin-right: 20px; } }

#block-node-comment-block-node-comments {
  position: relative; }

/*** Social Media Block CSS ***/
.block-social-media-links .vertical li, .pane-social-media-link-widget .vertical li {
  list-style-type: none;
  margin: 0 3em .5em 0;
  display: inline-block;
  width: auto;
  font-weight: bold;
  color: #333333; }
  @media (max-width: 767px) {
    .block-social-media-links .vertical li, .pane-social-media-link-widget .vertical li {
      width: 50%; } }
  .block-social-media-links .vertical li a:link, .block-social-media-links .vertical li a:visited, .block-social-media-links .vertical li a:hover, .block-social-media-links .vertical li a:focus, .block-social-media-links .vertical li a:active, .pane-social-media-link-widget .vertical li a:link, .pane-social-media-link-widget .vertical li a:visited, .pane-social-media-link-widget .vertical li a:hover, .pane-social-media-link-widget .vertical li a:focus, .pane-social-media-link-widget .vertical li a:active {
    color: #333333; }

.group-purpose-js {
  margin-bottom: 20px; }

.block-ds-extras {
  position: relative; }

/* normalize-rtl.css - RTL language extension of normalize.scss. */
/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dd {
  margin: 0 20px 0 0; }

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul,
.item-list ul {
  padding: 0 20px 0 0; }

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  *margin-left: 0;
  *margin-right: -7px;
  /* 3 */ }

/* =============================================================================
   Tables
   ========================================================================== */
th {
  text-align: right; }

/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   Normalize.css is intended to be used as an alternative to CSS resets.

   It is suggested that you read through the normalize.css file and customise it
   to meet the design requirements of a project rather including it as a "black
   box". @see http://nicolasgallagher.com/about-normalize-css/

   Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
         @see http://snook.ca/archives/html_and_css/no_css_reset/
   ========================================================================== */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block; }

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/* Instead of relying on the fonts that are available on a user's computer, you
   can use web fonts which, like images, are resources downloaded to the user's
   browser. Because of the bandwidth and rendering resources required, web fonts
   should be used with care.

   Numerous resources for web fonts can be found on Google. Here are a few
   websites where you can find Open Source fonts to download:
   - http://www.fontsquirrel.com/fontface
   - http://www.theleagueofmoveabletype.com

   In order to use these fonts, you will need to convert them into formats
   suitable for web fonts. We recommend the free-to-use Font Squirrel's
   Font-Face Generator:
     http://www.fontsquirrel.com/fontface/generator

   The following is an example @font-face declaration. This font can then be
   used in any ruleset using a property like this:  font-family: Example, serif;

   Since we're using Sass, you'll need to declare your font faces here, then you
   can add them to the font variables in the _base.scss partial.
*/
/*

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 87.5%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  /* Establishes a vertical rhythm unit using $base-line-height. */
  line-height: 1.5em; }

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: Roboto, Arial, Helvetica, "Nimbus Sans L", sans-serif; }

.oxfamfont,
.headline,
.eu-space.section-euhome h1.title {
  font-family: OxfamGlobalHeadlineRegular, Arial, Helvetica, "Nimbus Sans L", sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0; }

/* =============================================================================
   Links
   ========================================================================== */
/*
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a {
  color: #44841A; }

a:link {
  /*color: $oxfamgreen-sub18;*/
  text-decoration: none; }

a:visited {
  text-decoration: none;
  color: #336114; }

a:hover,
a:focus {
  /*color: $oxfamgreen-sub18;*/
  text-decoration: underline; }

a:active {
  color: #f16e22;
  text-decoration: underline; }

.openlayers-popup {
  color: #F8F8EB; }
  .openlayers-popup a {
    color: #fff; }
  .openlayers-popup.openlayers-tooltip-name a {
    font-weight: bold; }

/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0;
  text-decoration: underline; }

/*
 * Inline links should have an underscore by default
 */
.content p a:link,
.content p a:visited,
.content li a:link,
.content li a:visited {
  text-decoration: underline; }
  .content p a:link:hover,
  .content p a:visited:hover,
  .content li a:link:hover,
  .content li a:visited:hover {
    text-decoration: none; }

/* =============================================================================
   Typography

   To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
   so that the line height of our base font becomes the basic unit of vertical
   measurement. We use multiples of that unit to set the top and bottom margins
   for our block level elements and to set the line heights of any fonts.
   For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  /* Sets the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 1.8em;
  line-height: 1.38917em;
  /* Sets 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.83333em;
  margin-bottom: 0.83333em; }

h2 {
  font-size: 1.4em;
  line-height: 1.60714em;
  margin-top: 1.07143em;
  margin-bottom: 1.07143em; }

h3 {
  font-size: 1.2em;
  line-height: 1.25em;
  margin-top: 1.25em;
  margin-bottom: 1.25em; }

h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

h5 {
  font-size: 0.857em;
  line-height: 1.75029em;
  margin-top: 1.75029em;
  margin-bottom: 1.75029em; }

h6 {
  font-size: 0.714em;
  line-height: 2.10084em;
  margin-top: 2.10084em;
  margin-bottom: 2.10084em; }

/* Thematic break */
hr {
  height: 1px;
  border: 1px solid #666;
  padding-bottom: -1px;
  margin: 1.5em 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
  white-space: nowrap; }

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold; }

blockquote {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 20px; }

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.00005em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
  /* The $font-monospace value ends with ", serif". */
  font-size: 1em;
  line-height: 1.5em; }

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none; }

/* 2 */
q:before,
q:after {
  content: '';
  content: none; }

/* @todo Determine how big element affects vertical rhythm. */
small {
  font-size: 75%; }

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul,
.item-list ul {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 0; }

.item-list ul li {
  /* Drupal override */
  margin: 0; }

dd {
  margin: 0 0 0 20px;
  /* LTR */ }

ul ul, ul ol, ol ul, ol ol, .item-list ul ul, .item-list ul ol, .item-list ol ul, .item-list ol ol {
  margin: 0;
  /* Turn off margins on nested lists. */ }

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul,
.item-list ul {
  padding: 0 0 0 20px;
  /* LTR */ }

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  /* vertical-align: bottom; */
  /* Suppress the space beneath the baseline */
  /* Responsive images */
  max-width: 100%;
  height: auto; }

.openlayers-map img {
  max-width: none; }

video {
  /* Responsive HTML5 video. */
  max-width: 100%;
  height: auto; }

.video-container,
.media-youtube-video {
  /* Responsive embedded video. */
  position: relative;
  padding-bottom: 54.2%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .video-container iframe,
  .video-container object,
  .video-container embed,
  .media-youtube-video iframe,
  .media-youtube-video object,
  .media-youtube-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border-color: #c0c0c0;
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-top-width: 0.07143em;
  border-top-style: solid;
  padding-top: 0.45357em;
  border-bottom-width: 0.07143em;
  border-bottom-style: solid;
  padding-bottom: 0.90357em;
  border-left-width: 0.07143em;
  border-left-style: solid;
  padding-left: 0.90357em;
  border-right-width: 0.07143em;
  border-right-style: solid;
  padding-right: 0.90357em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
  /* LTR */ }

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: center;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
  /* 1 */ }

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  /* width: 100%; */
  /* Prevent cramped-looking tables */
  /* Add vertical rhythm margins. */
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

/*
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
th {
  text-align: left;
  /* LTR */
  padding: 0;
  border-bottom: none; }

tbody {
  border-top: none; }

.filter-wrapper {
  padding: 0; }
  .filter-wrapper .fieldset-wrapper {
    padding: 1.5em 0; }

@media all and (max-width: 760px) {
  html {
    font-size: 100%;
    /* 1 */ } }
/** Arrow links **/
.front #content-bottom .block-bean .ds-2col .field-name-field-link-to a, .bean-front-page-hero .field-name-field-link-to a {
  font-size: 1.2em;
  line-height: 1.55em;
  position: relative;
  display: inline-block;
  color: #44841A;
  font-weight: bold;
  text-decoration: none;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  padding: 5px 15px 5px 10px;
  background: #fff url(../images/arrow-sprite.png) right -27px no-repeat; }
  @media (min-width: 700px) {
    .front #content-bottom .block-bean .ds-2col .field-name-field-link-to a, .bean-front-page-hero .field-name-field-link-to a {
      font-size: 1.2em;
      line-height: 1.6em;
      background-position: right -25px; } }
  .lt-ie9 .front #content-bottom .block-bean .ds-2col .field-name-field-link-to a, .front #content-bottom .block-bean .ds-2col .field-name-field-link-to .lt-ie9 a, .lt-ie9 .bean-front-page-hero .field-name-field-link-to a, .bean-front-page-hero .field-name-field-link-to .lt-ie9 a {
    font-size: 1.2em;
    line-height: 1.6em;
    background-position: right -25px; }
  .front #content-bottom .block-bean .ds-2col .field-name-field-link-to a:hover, .bean-front-page-hero .field-name-field-link-to a:hover {
    text-decoration: underline; }
  .front #content-bottom .block-bean .ds-2col .field-name-field-link-to a:after, .bean-front-page-hero .field-name-field-link-to a:after, .front #content-bottom .block-bean .ds-2col .field-name-field-link-to a:before, .bean-front-page-hero .field-name-field-link-to a:before {
    border: solid transparent;
    content: ' ';
    position: absolute;
    height: 0;
    width: 0;
    left: 100%;
    top: 0; }
  .front #content-bottom .block-bean .ds-2col .field-name-field-link-to a:before, .bean-front-page-hero .field-name-field-link-to a:before {
    border-left-color: #fff;
    border-width: 16px;
    top: 50%;
    margin-left: -0.6px;
    margin-top: -16px; }
    @media (min-width: 700px) {
      .front #content-bottom .block-bean .ds-2col .field-name-field-link-to a:before, .bean-front-page-hero .field-name-field-link-to a:before {
        border-width: 16.5px;
        margin-top: -16.5px; } }
    .lt-ie9 .front #content-bottom .block-bean .ds-2col .field-name-field-link-to a:before, .front #content-bottom .block-bean .ds-2col .field-name-field-link-to .lt-ie9 a:before, .lt-ie9 .bean-front-page-hero .field-name-field-link-to a:before, .bean-front-page-hero .field-name-field-link-to .lt-ie9 a:before {
      border-width: 16.5px;
      margin-top: -16.5px; }
    @media (min-width: 768px) {
      .front #content-bottom .block-bean .ds-2col .field-name-field-link-to a:before, .bean-front-page-hero .field-name-field-link-to a:before {
        border-width: 18px;
        margin-top: -18px; } }
    .lt-ie9 .front #content-bottom .block-bean .ds-2col .field-name-field-link-to a:before, .front #content-bottom .block-bean .ds-2col .field-name-field-link-to .lt-ie9 a:before, .lt-ie9 .bean-front-page-hero .field-name-field-link-to a:before, .bean-front-page-hero .field-name-field-link-to .lt-ie9 a:before {
      border-width: 18px;
      margin-top: -18px; }

/** Arrow links **/
.arrow {
  position: relative;
  display: inline-block;
  color: #44841A;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 15px 5px 10px;
  font-size: 1.2em;
  line-height: 1.55em;
  background: #fff url(../images/arrow-sprite.png) right -27px no-repeat; }
  @media all and (min-width: 700px) {
    .arrow {
      font-size: 1.2em;
      line-height: 1.6em;
      background-position: right -25px; } }
  .arrow:after, .arrow:before {
    border: solid transparent;
    content: ' ';
    position: absolute;
    height: 0;
    width: 0;
    left: 100%;
    top: 0; }
  .arrow:before {
    border-left-color: #fff;
    border-width: 16px;
    top: 50%;
    margin-left: -0.6px;
    margin-top: -16px; }
    @media all and (min-width: 700px) {
      .arrow:before {
        border-width: 16.5px;
        margin-top: -16.5px; } }
    @media all and (min-width: 768px) {
      .arrow:before {
        border-width: 18px;
        margin-top: -18px; } }
  .arrow.smaller {
    font-size: 1.15em;
    line-height: 1.30435em; }
  .arrow.green, .arrow.purple, .arrow.orange, .arrow.burgundy, .arrow.red {
    background-position: right -265px;
    color: #fff; }
  .arrow.office {
    min-height: 52px;
    background-position: right -253px; }
    .arrow.office:before {
      border-width: 32.2px;
      margin-top: -32.2px; }
  .arrow.green {
    background-color: #44841A; }
    .arrow.green:before {
      border-left-color: #44841A; }
  .arrow.purple {
    background-color: #53297d; }
    .arrow.purple:before {
      border-left-color: #53297d; }
  .arrow.orange {
    background-color: #f16e22; }
    .arrow.orange:before {
      border-left-color: #f16e22; }
  .arrow.burgundy {
    background-color: #630235; }
    .arrow.burgundy:before {
      border-left-color: #630235; }
  .arrow.red {
    background-color: #e70052; }
    .arrow.red:before {
      border-left-color: #e70052; }
  .arrow.emergency {
    background-color: #ff1d34;
    background-position: right -530px;
    color: #fff; }
    @media all and (min-width: 700px) {
      .arrow.emergency {
        background-position: right -535px; } }
    .arrow.emergency:before {
      border-left-color: #ff1d34; }
    .arrow.emergency .title:after {
      content: "\A";
      white-space: pre; }

.label-inline {
  display: inline; }

/**
 * @file
 * RTL companion for the forms.css file.
 */
/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: right;
  /*
   * OpenID
   *
   * The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */ }
  html.js #user-login-form li.openid-link,
  #user-login-form li.openid-link {
    /* The "Log in using OpenID" link. */
    margin-left: 0;
    margin-right: -20px;
    /* Un-do some of the padding on the ul list. */ }

/*
 * Drupal admin tables
 *
 * We overrode these styles in html-elements.css, but restore them for the admin
 * section of the site.
 */
form th {
  text-align: right;
  padding-left: 1em;
  padding-right: 0; }

/**
 * @file
 * Form Styling
 */
.form-item {
  /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1em 0; }
  .form-item input,
  .form-item textarea,
  .form-item select {
    /* Highlight the form elements that caused a form submission error */
    border: 1px solid #D9D6C5;
    font-size: 11.998px; }
  .form-item input {
    height: 23px;
    width: 100%;
    max-width: 250px; }
  .form-item input.error,
  .form-item textarea.error,
  .form-item select.error {
    /* Highlight the form elements that caused a form submission error */
    border-color: #c00; }
  .form-item label {
    /* The label for a form element */
    display: block;
    font-weight: bold; }
  .form-item label.option {
    /* The label for a radio button or checkbox */
    display: inline;
    font-weight: normal; }
  .form-item .form-required {
    /* The part of the label that indicates a required field */
    color: #c00; }
  .form-item .description {
    /* The descriptive help text (separate from the label) */
    font-size: 0.85em; }
  .form-checkboxes .form-item, .form-radios .form-item {
    /* Pack groups of checkboxes and radio buttons closer together */
    margin: 0;
    /* Drupal core uses "0.4em 0" */ }

input[type="search"] {
  color: #686E62; }

.form-actions {
  margin: 1.5em 0; }

.form-submit {
  /* The submit button */ }

.container-inline div,
.container-inline label {
  /* Inline labels and form divs */
  display: inline; }

.tips {
  /* Tips for Drupal's input formats */ }

a.button {
  /* Buttons used by contrib modules like Media */
  -moz-appearance: button;
  -webkit-appearance: button; }

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0; }

/*
 * Search (search-block-form.tpl.php)
 */
#block-search-form {
  /* Wrapper for the search form */ }

/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left;
  /* LTR */
  /*
   * OpenID
   *
   * The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */ }
  #user-login-form ul {
    /* OpenID creates a new ul above the login form's links. */
    margin-bottom: 0;
    /* Position OpenID's ul next to the rest of the links. */ }
  html.js #user-login-form li.openid-link,
  #user-login-form li.openid-link {
    /* The "Log in using OpenID" link. */
    margin-top: 1.5em;
    margin-left: -20px;
    /* LTR */
    /* Un-do some of the padding on the ul list. */ }
  #user-login-form li.user-link {
    /* The "Cancel OpenID login" link. */
    margin-top: 1.5em; }

#user-login ul {
  margin: 1.5em 0; }

/*
 * Drupal admin tables
 *
 * We overrode these styles in normalize.css, but restore them for the admin
 * section of the site.
 */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc; }
form tbody {
  border-top: 1px solid #ccc; }
form tr.even {
  background-color: #fff; }
form table .item-list ul {
  margin: 0; }

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  border-bottom: 1px solid #ccc;
  /* IE doesn't display borders on table rows */ }

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */
td.menu-disabled {
  background: #ccc; }

/** VIEWS EXPOSED FORMS **/
.views-exposed-form {
  /* between date widget */ }
  .views-exposed-form .container-inline-date .form-type-textfield label,
  .views-exposed-form .container-inline-date .form-type-textfield .description {
    display: none; }

/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */
@media print {
  a:link,
  a:visited {
    /* underline all links */
    text-decoration: underline !important; }
    #site-name a:link, #site-name
    a:visited {
      /* Don't underline header */
      text-decoration: none !important; }

  #content a[href]:after {
    /* Add visible URL after links. */
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 14px; }
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    /* Only display useful links. */
    content: ""; }
  #content abbr[title]:after {
    /* Add visible title after abbreviations. */
    content: " (" attr(title) ")"; }

  #content {
    /* Un-float the content */
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important; }

  body,
  #page,
  #main,
  #content {
    /* Turn off any background colors or images */
    color: #000;
    background-color: transparent !important;
    background-image: none !important; }

  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    /* Hide sidebars and nav elements */
    visibility: hidden;
    display: none; } }
/* End @media print */
@font-face {
  font-family: 'OxfamGlobalHeadlineRegular';
  src: url("../fonts/oxfamglobalheadline-webfont.eot");
  src: url("../fonts/oxfamglobalheadline-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/oxfamglobalheadline-webfont.woff") format("woff"), url("../fonts/oxfamglobalheadline-webfont.ttf") format("truetype"), url("../fonts/oxfamglobalheadline-webfont.svg#OxfamGlobalHeadlineRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'KhBattambangRegular';
  src: url("../fonts/Kh-Battambang.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto-regular.ttf");
  src: url("../fonts/roboto-regular.woff");
  src: url("../fonts/roboto-regular.woff2");
  font-weight: normal;
  font-style: normal; }
.node-type-landing-page h1.title, .page-views h1.title {
  font-family: 'OxfamGlobalHeadlineRegular';
  font-size: 2.8em;
  line-height: 1.28571em;
  margin-top: 0;
  margin-bottom: 0;
  color: #44841A; }

h1 {
  color: #44841A; }

.node.view-mode-full h1 {
  margin-top: 0; }
.node.view-mode-full h2 {
  color: #333;
  border-bottom: 2px solid #336114; }
.node.view-mode-full h3 {
  color: #333;
  border-bottom: 2px solid #eaeade; }
.node.view-mode-full h2.plain, .node.view-mode-full h3.plain {
  border-bottom: 0; }

/**
 * @file
 * Positioning for responsive layout, originally called 'responsive-sidebars.scss' in Zen.
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/*
 * Center the page.
 */
#header-wrapper,
#main-wrapper,
#footer-wrapper,
.region-bottom {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px; }

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */
#header,
.region-sidebar-first,
.region-sidebar-second,
#footer,
#social-footer {
  padding-left: 10px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/sites/all/themes/clickngo/boxsizing.htc"); }

#content-inner {
  padding-left: 20px;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/sites/all/themes/clickngo/boxsizing.htc");
  padding-top: 0;
  padding-bottom: 20px; }

/*
 * Containers for grid items and flow items.
 */
#header,
#main,
#footer {
  *position: relative;
  *zoom: 1; }
  #header:before, #header:after,
  #main:before,
  #main:after,
  #footer:before,
  #footer:after {
    content: "";
    display: table; }
  #header:after,
  #main:after,
  #footer:after {
    clear: both; }

/*
 * Navigation bar
 */
@media (min-width: 481px) {
  #header-outer {
    position: relative; } }
.lt-ie9 #header-outer {
  position: relative; }

@media (min-width: 481px) {
  #main {
    margin: 0 10px;
    position: relative; } }
.lt-ie9 #main {
  margin: 0 10px;
  position: relative; }

@media (max-width: 700px) {
  #header,
  .region-main-top,
  #content,
  #navigation,
  #footer,
  #social-footer {
    padding-left: 10px;
    padding-right: 10px; } }

@media (max-width: 700px) {
  #content {
    margin: 0 0 20px; } }

@media (max-width: 700px) {
  .front #content {
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 481px) and (max-width: 700px) {
  .sidebars {
    *position: relative;
    *zoom: 1; }
    .sidebars:before, .sidebars:after {
      content: "";
      display: table; }
    .sidebars:after {
      clear: both; } }

/*
 * The layout when there is only one sidebar, the left one.
 */
@media (min-width: 701px) and (max-width: 860px) {
  .sidebar-first #content {
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%; }
  .sidebar-first .region-sidebar-first {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    padding-left: 0; } }
@media (min-width: 861px) {
  .sidebar-first #content {
    /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%; }
  .sidebar-first .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
    padding-left: 0; } }
.lt-ie9 .sidebar-first #content {
  /* Span 4 columns, starting in 2nd column from left. */
  float: left;
  width: 75%;
  margin-left: 25%;
  margin-right: -100%; }
.lt-ie9 .sidebar-first .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */
  float: left;
  width: 25%;
  margin-left: 0%;
  margin-right: -25%;
  padding-left: 0; }

/*
 * The layout when there is only one sidebar, the right one.
 */
@media (min-width: 701px) and (max-width: 860px) {
  .sidebar-second #content {
    /* Span 2 columns, starting in 1st column from left. */
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%; }
  .sidebar-second .region-sidebar-second {
    /* Span 1 column, starting in 3rd column from left. */
    float: left;
    width: 25%;
    margin-left: 50%;
    margin-right: -75%;
    padding-right: 0; } }
@media (min-width: 861px) {
  .sidebar-second #content {
    /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -75%; }
  .sidebar-second .region-sidebar-second {
    /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 0; } }
.lt-ie9 .sidebar-second #content {
  /* Span 4 columns, starting in 1st column from left. */
  float: left;
  width: 75%;
  margin-left: 0%;
  margin-right: -75%; }
.lt-ie9 .sidebar-second .region-sidebar-second {
  /* Span 1 column, starting in 5th column from left. */
  float: left;
  width: 25%;
  margin-left: 75%;
  margin-right: -100%;
  padding-right: 0; }

/*
 * The layout when there are two sidebars.
 */
@media (min-width: 701px) and (max-width: 860px) {
  .two-sidebars #content {
    /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: -75%; }
  .two-sidebars .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
    padding-left: 0; }
  .two-sidebars .region-sidebar-second {
    /* Start a new row and span all 3 columns. */
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -75%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
    padding-right: 0; }
    .two-sidebars .region-sidebar-second .block {
      padding-left: 10px;
      padding-right: 10px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      word-wrap: break-word;
      *behavior: url("/sites/all/themes/clickngo/boxsizing.htc"); }
    .two-sidebars .region-sidebar-second .block:nth-child(3n+1) {
      /* Span 1 column, starting in the 1st column from left. */
      float: left;
      width: 25%;
      margin-left: 0%;
      margin-right: -25%;
      clear: left; }
    .two-sidebars .region-sidebar-second .block:nth-child(3n+2) {
      /* Span 1 column, starting in the 2nd column from left. */
      float: left;
      width: 25%;
      margin-left: 25%;
      margin-right: -50%; }
    .two-sidebars .region-sidebar-second .block:nth-child(3n) {
      /* Span 1 column, starting in the 3rd column from left. */
      float: left;
      width: 25%;
      margin-left: 50%;
      margin-right: -75%; } }
@media (min-width: 861px) {
  .two-sidebars #content {
    /* Span 3 columns, starting in 2nd column from left. */
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: -75%; }
  .two-sidebars .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
    padding-left: 0; }
  .two-sidebars .region-sidebar-second {
    /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 0; } }
.lt-ie9 .two-sidebars #content {
  /* Span 3 columns, starting in 2nd column from left. */
  float: left;
  width: 50%;
  margin-left: 25%;
  margin-right: -75%; }
.lt-ie9 .two-sidebars .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */
  float: left;
  width: 25%;
  margin-left: 0%;
  margin-right: -25%;
  padding-left: 0; }
.lt-ie9 .two-sidebars .region-sidebar-second {
  /* Span 1 column, starting in 5th column from left. */
  float: left;
  width: 25%;
  margin-left: 75%;
  margin-right: -100%;
  padding-right: 0; }

.front #main {
  margin-top: 20px; }
@media (min-width: 861px) {
  .front.sidebar-first #content {
    /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 0; }
  .front.sidebar-first .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    padding-left: 0; } }
.lt-ie9 .front.sidebar-first #content {
  /* Span 4 columns, starting in 2nd column from left. */
  float: left;
  width: 66.66667%;
  margin-left: 33.33333%;
  margin-right: -100%;
  padding-right: 0; }
.lt-ie9 .front.sidebar-first .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */
  float: left;
  width: 33.33333%;
  margin-left: 0%;
  margin-right: -33.33333%;
  padding-left: 0; }

/*#block-bean-minera-con-consulta-previa {
  background-color: $burgundy;
  background-image: none;
  color: #FFF;
  padding-bottom: 20px;
  h2.block-title {
    @include adjust-font-size-to(2.2*$base-font-size, 1.3);
    color: #FFF;
    font-family: $oxfamheadline;
    margin-top: 0;
  }
  .field-name-field-video {
    margin: 0 -15px 20px -15px;
  }
  .field-name-field-link-to {
    margin-top: 2em;
    a {
      @extend %arrow;
    }
  }
}*/
.page-front-page #content-bottom .inner-wrapper {
  padding: 0;
  padding: 0;
  background-color: transparent; }

.front #content-bottom .block-bean {
  background-color: #44841A;
  background-image: none;
  color: #FFF;
  padding-bottom: 0px;
  margin-bottom: 0; }
  .front #content-bottom .block-bean h2.block-title {
    font-size: 2.2em;
    line-height: 0.88636em;
    color: #FFF;
    font-family: OxfamGlobalHeadlineRegular, Arial, Helvetica, "Nimbus Sans L", sans-serif;
    margin-top: 0;
    display: none; }
  .front #content-bottom .block-bean .ds-2col {
    position: relative; }
    .front #content-bottom .block-bean .ds-2col .group-left {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: none;
      width: 100%;
      padding: 20px;
      height: 100%;
      color: #fff;
      position: relative;
      top: 0;
      left: 0; }
    .front #content-bottom .block-bean .ds-2col .group-right {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: none;
      width: 100%;
      padding: 20px; }
    .front #content-bottom .block-bean .ds-2col .field-name-field-text {
      font-size: 2.2em;
      line-height: 1.09091em;
      color: #FFF;
      font-family: OxfamGlobalHeadlineRegular, Arial, Helvetica, "Nimbus Sans L", sans-serif;
      margin-top: 0.2em;
      margin-bottom: 0.5em; }
    .front #content-bottom .block-bean .ds-2col .field-name-field-video {
      margin: 0 -15px 20px -15px; }
    .front #content-bottom .block-bean .ds-2col .field-name-field-link-to {
      margin-top: 2em; }
    @media (min-width: 600px) {
      .front #content-bottom .block-bean .ds-2col {
        *position: relative;
        *zoom: 1; }
        .front #content-bottom .block-bean .ds-2col:before, .front #content-bottom .block-bean .ds-2col:after {
          content: "";
          display: table; }
        .front #content-bottom .block-bean .ds-2col:after {
          clear: both; }
        .front #content-bottom .block-bean .ds-2col h2.block-title {
          display: none; }
        .front #content-bottom .block-bean .ds-2col .group-left {
          float: left;
          width: 50%;
          margin-left: 0%;
          margin-right: -50%;
          position: relative;
          top: auto;
          left: auto;
          padding: 0; }
        .front #content-bottom .block-bean .ds-2col .group-right {
          float: left;
          width: 50%;
          margin-left: 50%;
          margin-right: -100%;
          position: relative;
          top: auto;
          left: auto;
          padding: 20px; }
        .front #content-bottom .block-bean .ds-2col .field-name-field-video {
          margin: 0; } }
    @media (min-width: 960px) {
      .front #content-bottom .block-bean .ds-2col {
        *position: relative;
        *zoom: 1; }
        .front #content-bottom .block-bean .ds-2col:before, .front #content-bottom .block-bean .ds-2col:after {
          content: "";
          display: table; }
        .front #content-bottom .block-bean .ds-2col:after {
          clear: both; }
        .front #content-bottom .block-bean .ds-2col .group-left {
          float: left;
          width: 66.66667%;
          margin-left: 0%;
          margin-right: -66.66667%; }
        .front #content-bottom .block-bean .ds-2col .group-right {
          float: left;
          width: 33.33333%;
          margin-left: 66.66667%;
          margin-right: -100%; }
        .front #content-bottom .block-bean .ds-2col .field-name-field-promoted-text {
          display: block; } }

@media (max-width: 480px) {
  #block-locale-language {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: none; } }
@media (min-width: 481px) {
  #block-locale-language {
    position: absolute;
    top: 25px;
    right: 10px; } }
.lt-ie9 #block-locale-language {
  position: absolute;
  top: 25px;
  right: 10px; }
#block-locale-language h2 {
  display: none; }
#block-locale-language ul.language-switcher-locale-url, #block-locale-language ul.language-switcher-locale-url li {
  list-style: none;
  margin: 0;
  padding: 0; }
#block-locale-language ul.language-switcher-locale-url li {
  display: inline-block;
  font-size: 0.9rem; }
  #block-locale-language ul.language-switcher-locale-url li a {
    font-weight: bold;
    border-right: 1px solid #d9d6c5;
    padding-right: 5px;
    margin-right: 3px; }
    #block-locale-language ul.language-switcher-locale-url li a.active {
      color: black; }
#block-locale-language ul.language-switcher-locale-url li:last-of-type a {
  padding-right: 0;
  margin-right: 0;
  border-right: none; }

#block-clickngo-affiliate-list .block-title {
  font-size: 1.14286em;
  line-height: 1.3125em;
  padding-left: 5px;
  color: #44841A;
  margin-top: -3px; }
  #block-clickngo-affiliate-list .block-title:before {
    background-image: url("../images/globe.png");
    background-repeat: none;
    width: 24px;
    height: 24px;
    content: "";
    display: inline-block;
    position: relative;
    top: 6px;
    margin-right: 6px; }
  #block-clickngo-affiliate-list .block-title:hover, #block-clickngo-affiliate-list .block-title:focus, #block-clickngo-affiliate-list .block-title:active {
    cursor: pointer; }
#block-clickngo-affiliate-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  -moz-columns: 10em 4;
  -webkit-columns: 10em 4;
  columns: 10em 4; }
  #block-clickngo-affiliate-list ul li {
    padding: 0;
    margin: 0; }

/**
 * Bugfix for ShareThis buttons that break the responsive layout in RTL langs.
 */
html[dir="rtl"] #st_gdpr_iframe {
  left: 0 !important; }

#block-menu-menu-footer {
  *zoom: 1;
  margin-top: 20px; }
  #block-menu-menu-footer:after {
    content: "";
    display: table;
    clear: both; }
  #block-menu-menu-footer ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #block-menu-menu-footer ul.menu li {
      padding: 0;
      margin: 0;
      float: left;
      width: 25%;
      text-align: center; }
      #block-menu-menu-footer ul.menu li a {
        background-image: url("../images/social-footer-icons-large.png");
        background-repeat: no-repeat;
        display: inline-block;
        height: 38px;
        text-indent: -9000px;
        width: 39px; }
      #block-menu-menu-footer ul.menu li a[href*="facebook"] {
        background-position: -40px 0px; }
      #block-menu-menu-footer ul.menu li a[href*="flickr"] {
        background-position: -120px 0px; }
      #block-menu-menu-footer ul.menu li a[href*="youtube"] {
        background-position: -80px 0px; }
      @media (min-width: 768px) {
        #block-menu-menu-footer ul.menu li {
          text-align: left; }
          #block-menu-menu-footer ul.menu li a {
            background-image: url("../images/social-footer-icons.png");
            text-indent: 0;
            display: block;
            width: auto;
            height: 16px;
            padding-left: 20px;
            line-height: 1.2;
            color: #333;
            font-weight: bold; }
          #block-menu-menu-footer ul.menu li a[href*="facebook"] {
            background-position: 0 -16px; }
          #block-menu-menu-footer ul.menu li a[href*="flickr"] {
            background-position: 0 -48px; }
          #block-menu-menu-footer ul.menu li a[href*="youtube"] {
            background-position: 0 -32px; } }

#block-ds-extras-page-bottom {
  background-color: #FFF;
  margin-top: 40px;
  position: relative; }
  #block-ds-extras-page-bottom .block-title {
    font-size: 1.2em;
    line-height: 1.25em;
    background-color: #44841A;
    color: #fff;
    position: absolute;
    top: -20px;
    left: -10px;
    display: inline-block;
    padding: 10px 15px;
    border-bottom: 2px solid #D9D6C5;
    margin: 0; }
  #block-ds-extras-page-bottom .inner-wrapper {
    padding: 30px 20px 20px 20px; }
  #block-ds-extras-page-bottom h2 {
    margin-top: 0;
    margin-bottom: 0; }
  #block-ds-extras-page-bottom img {
    width: 100%; }
  @media (max-width: 600px) {
    #block-ds-extras-page-bottom .field-name-field-also-like > .field-items > .field-item {
      margin-bottom: 2em; } }
  @media (min-width: 600px) {
    #block-ds-extras-page-bottom .field-name-field-also-like > .field-items {
      *zoom: 1; }
      #block-ds-extras-page-bottom .field-name-field-also-like > .field-items:after {
        content: "";
        display: table;
        clear: both; }
      #block-ds-extras-page-bottom .field-name-field-also-like > .field-items > .field-item {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 33.33%;
        float: left;
        padding: 0 10px; } }

/**
 * @file
 * Block Styling
 */
.block {
  /* Block wrapper */
  margin-bottom: 1.5em; }
  .block.floating-title .inner-wrapper {
    position: relative;
    padding-top: 55px !important; }
  .block.floating-title h2.floating {
    background-color: #44841A;
    color: #fff;
    position: absolute;
    top: -10px;
    left: -10px;
    display: inline-block;
    font-size: 1.2em;
    line-height: 1.25em;
    padding: 10px 15px;
    border-bottom: 2px solid #D9D6C5; }
  .block.floating-title.orange h2.floating {
    background-color: #f16e22; }
  .block.floating-title.red h2.floating {
    background-color: #e70052; }
  .block.floating-title.emergencyred h2.floating {
    background-color: #ff1d34; }

.region-sidebar-first .block,
.region-sidebar-second .block {
  background: #fff url(../images/block-pattern-1.png) center top no-repeat;
  padding: 20px 15px 10px 15px;
  border-bottom: 3px solid rgba(170, 170, 170, 0.2); }
  @media (max-width: 700px) {
    .region-sidebar-first .block,
    .region-sidebar-second .block {
      margin-left: 0;
      margin-right: 0; } }
  .region-sidebar-first .block h2.block-title,
  .region-sidebar-second .block h2.block-title {
    font-size: 15.9999px;
    margin-bottom: 10px;
    color: #333; }
  .region-sidebar-first .block.block-menu-block,
  .region-sidebar-second .block.block-menu-block {
    background-image: url(../images/block-pattern-2a.png); }

.region-sidebar-first .block a:visited {
  color: #44841A; }
.region-sidebar-first .campaign-affiliate-link,
.region-sidebar-first .oxfam-near-me-link {
  background: #fff url(../images/block-pattern-2a.png) center top no-repeat;
  padding: 20px 15px 10px 15px;
  border-bottom: 3px solid rgba(170, 170, 170, 0.2); }
  .region-sidebar-first .campaign-affiliate-link h2.block-title,
  .region-sidebar-first .oxfam-near-me-link h2.block-title {
    font-size: 15.9999px;
    margin-bottom: 10px;
    color: #333; }
.region-sidebar-first .oxfam-near-me-link {
  background-image: url(../images/block-pattern-1.png); }

.region-content-bottom .block {
  position: relative; }

#sliding-popup button:before,
#sliding-popup input[type="button"]:before,
#sliding-popup input[type="reset"]:before,
#sliding-popup input[type="submit"]:before {
  border: none; }
#sliding-popup .eu-cookie-compliance-more-button {
  padding-right: 14px; }

.bean-front-page-hero {
  position: relative; }
  .bean-front-page-hero .group-left {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: 100%;
    background: #f16e22 url(../images/bg-carousel.png) left no-repeat;
    background-size: 100% auto;
    padding: 20px;
    height: 100%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0; }
    @media (max-width: 599px) {
      .bean-front-page-hero .group-left {
        position: relative; } }
  .bean-front-page-hero .group-right {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: 100%; }
  .bean-front-page-hero h2 {
    font-size: 2.5em;
    line-height: 1.002em;
    color: #fff;
    font-family: OxfamGlobalHeadlineRegular, Arial, Helvetica, "Nimbus Sans L", sans-serif;
    margin: 0 0 10px; }
    @media (min-width: 600px) {
      .bean-front-page-hero h2 {
        font-size: 2.2em;
        line-height: 1.13864em; } }
    @media (min-width: 700px) {
      .bean-front-page-hero h2 {
        font-size: 2.5em;
        line-height: 1.002em; } }
  .bean-front-page-hero .field-name-field-image {
    line-height: 0; }
    .bean-front-page-hero .field-name-field-image img {
      width: 100%;
      height: auto; }
  .bean-front-page-hero .field-name-field-promoted-text {
    display: none; }
  .bean-front-page-hero .field-name-field-link-to {
    /*position: absolute;
    bottom: 2em;
    right: 3em;*/
    text-align: right; }
    @media (min-width: 600px) {
      .bean-front-page-hero .field-name-field-link-to {
        position: absolute;
        bottom: 2em;
        right: 3em; } }
    .bean-front-page-hero .field-name-field-link-to a {
      color: #f16e22;
      background-position: right -65px; }
  @media (min-width: 600px) {
    .bean-front-page-hero {
      *position: relative;
      *zoom: 1; }
      .bean-front-page-hero:before, .bean-front-page-hero:after {
        content: "";
        display: table; }
      .bean-front-page-hero:after {
        clear: both; }
      .bean-front-page-hero .group-left {
        float: left;
        width: 50%;
        margin-left: 0%;
        margin-right: -50%;
        background-size: cover; }
      .bean-front-page-hero .group-right {
        float: left;
        width: 50%;
        margin-left: 50%;
        margin-right: -100%; } }
  @media (min-width: 960px) {
    .bean-front-page-hero {
      *position: relative;
      *zoom: 1; }
      .bean-front-page-hero:before, .bean-front-page-hero:after {
        content: "";
        display: table; }
      .bean-front-page-hero:after {
        clear: both; }
      .bean-front-page-hero .group-left {
        float: left;
        width: 41.66667%;
        margin-left: 0%;
        margin-right: -41.66667%; }
      .bean-front-page-hero .group-right {
        float: left;
        width: 58.33333%;
        margin-left: 41.66667%;
        margin-right: -100%; }
      .bean-front-page-hero .field-name-field-promoted-text {
        display: block; } }

/* Search block */
@media (max-width: 480px) {
  #block-search-form,
  #block-oi-search-oi-search {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: none; }
    #block-search-form .form-search,
    #block-oi-search-oi-search .form-search {
      width: 150px; } }
@media (min-width: 481px) {
  #block-search-form,
  #block-oi-search-oi-search {
    position: absolute;
    top: 53px;
    right: 10px; } }
.lt-ie9 #block-search-form, .lt-ie9
#block-oi-search-oi-search {
  position: absolute;
  top: 53px;
  right: 10px; }
#block-search-form .form-item,
#block-oi-search-oi-search .form-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-right: 27px;
  float: left;
  margin: 0; }
  #block-search-form .form-item input,
  #block-oi-search-oi-search .form-item input {
    height: 21px;
    padding-left: 10px;
    width: 250px; }
#block-search-form input,
#block-search-form button,
#block-oi-search-oi-search input,
#block-oi-search-oi-search button {
  vertical-align: middle; }
#block-search-form .form-search,
#block-oi-search-oi-search .form-search {
  padding: 0 0 0 10px;
  width: 100%; }
#block-search-form .form-actions,
#block-oi-search-oi-search .form-actions {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0; }
  #block-search-form .form-actions .form-submit,
  #block-oi-search-oi-search .form-actions .form-submit {
    margin-left: -4px;
    background-color: #44841A; }

@media (max-width: 480px) {
  #block-search-form {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    clear: both;
    margin-top: 2em;
    float: left;
    display: none; }
    #block-search-form .form-search {
      width: 150px; } }

.views-exposed-widget {
  float: none;
  margin-right: 30px;
  padding-bottom: 10px;
  clear: both; }
  .views-exposed-widget:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; }
  .views-exposed-widget label {
    float: left;
    margin-right: 10px; }
  .views-exposed-widget .views-widget {
    clear: both;
    float: left; }
    .views-exposed-widget .views-widget div {
      float: left; }
    .views-exposed-widget .views-widget fieldset.collapsed {
      border: 0;
      padding-left: 0; }
  .views-exposed-widget .views-widget-filter-keys .form-type-textfield {
    min-width: 200px; }

#edit-field-paper-publication-date-value-wrapper .views-widget {
  clear: both; }
  #edit-field-paper-publication-date-value-wrapper .views-widget label {
    font-weight: normal;
    width: auto; }

.views-submit-button {
  clear: both;
  margin-right: 0; }

.views-reset-button {
  clear: none; }

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 0; }

.search-info .username {
  display: none; }

.field-name-field-country {
  display: inline-block;
  float: left;
  max-width: 32px;
  width: 100%;
  height: auto;
  margin-right: 15px;
  margin-bottom: 0; }
  .field-name-field-country img {
    display: block; }

.field-name-field-cta-title-and-url {
  margin-bottom: 20px; }
  .field-name-field-cta-title-and-url a {
    background-position: right -265px;
    color: white;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    line-height: 1.6em;
    font-weight: bold;
    padding: 6px 15px 6px 10px;
    text-decoration: none;
    font-size: 1.2em;
    background: #44841a url(/sites/all/themes/clickngo/images/arrow-sprite.png) right -265px no-repeat; }
    .field-name-field-cta-title-and-url a:after {
      border: 18px solid transparent;
      border-left-color: #44841a;
      content: ' ';
      position: absolute;
      height: 0;
      width: 0;
      left: 100%;
      top: 50%;
      margin-left: -2px;
      margin-top: -18px; }
    .field-name-field-cta-title-and-url a:hover {
      text-decoration: underline; }
    .field-name-field-cta-title-and-url a.style-cta {
      background-color: #44841a; }
      .field-name-field-cta-title-and-url a.style-cta:after {
        border-left-color: #44841a; }
    .field-name-field-cta-title-and-url a.style-donation {
      background-color: red; }
      .field-name-field-cta-title-and-url a.style-donation:after {
        border-left-color: red; }

.field-name-field-video {
  margin-bottom: 20px; }

.field-name-field-tags .label-inline {
  font-weight: bold; }
.field-name-field-tags a {
  padding: 0px 5px;
  border-right: 2px solid #545454;
  line-height: 0.7;
  display: inline-block; }
  .field-name-field-tags a:last-child {
    border-right: none; }

.group-footer {
  background: #eaeade;
  padding: 10px; }

.group-footer .field {
  clear: both; }

.field-name-field-tag .field-label {
  float: left; }
.field-name-field-tag .field-items {
  float: left; }
  .field-name-field-tag .field-items .field-item {
    float: left; }
    .field-name-field-tag .field-items .field-item a {
      border-right: 2px solid #545454;
      line-height: 10.5px;
      padding: 0px 5px;
      display: inline-block; }
    .field-name-field-tag .field-items .field-item:last-of-type a {
      border-right: none; }

.field-name-short-url .field-items .field-item {
  font-weight: bold; }
  .field-name-short-url .field-items .field-item a {
    font-weight: normal; }

.addtoany_list > a {
  padding-left: 0; }

.field-name-field-article-tags .field-item {
  width: 50%;
  margin-bottom: 5px; }
  .field-name-field-article-tags .field-item a {
    width: 100%;
    padding: 10px;
    text-align: center; }
    .field-name-field-article-tags .field-item a:nth-child(even) {
      border-right: none; }
@media (min-width: 600px) {
  .field-name-field-article-tags .field-item {
    width: auto;
    margin-bottom: 0; }
    .field-name-field-article-tags .field-item a {
      width: 100%;
      padding: 0 5px;
      border-right: 2px solid #333; } }

/*#footer-logo {
  //float: left;
  position: relative;
 @include breakpoint(max-width $breakpoint_small - 1)
 {
  	float:none;
  }
}
*/
.footer-last:before, .footer-last:after {
  content: "";
  display: table;
  line-height: 0; }
.footer-last:after {
  clear: both; }
@media (min-width: 600px) {
  .footer-last .footer-leftside {
    float: left;
    width: 70%; } }
.footer-last .footer-rightside {
  margin-bottom: 10px; }
  @media (min-width: 600px) {
    .footer-last .footer-rightside {
      float: right;
      width: 25%;
      margin-left: 2%; } }

#header {
  /*#block-menu-block-2 {
    clear: both;
    margin-top: 9em;
  }*/
  margin-bottom: 10px;
  position: relative; }
  @media (min-width: 481px) {
    #header {
      margin: 20px 0;
      /*#block-menu-block-2 {
        margin-top: 0;
        clear: none;
      }*/ } }

#logo {
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 15px;
  color: #44841A; }
  #logo:hover {
    text-decoration: none; }
  @media (max-width: 480px) {
    #logo {
      top: 17px; } }

/*h1#site-name {
  position: absolute;
  left: 98px;
  top: 53px;
  font-weight: normal;
  font-size: 17px;
}*/
#header h1#site-name {
  display: none; }

.localnav {
  display: block;
  float: right; }
  .localnav h1#site-name {
    font-weight: normal;
    font-size: 25.2px;
    color: #000;
    margin-top: 0;
    font-family: OxfamGlobalHeadlineRegular, Arial, Helvetica, "Nimbus Sans L", sans-serif; }
    .localnav h1#site-name a.current {
      margin-right: 10px;
      color: #000;
      font-weight: bold; }

#name-and-slogan {
  float: left;
  margin-left: 30px; }

#site-slogan {
  /* The slogan (or tagline) of a website */
  font-size: 1.2em;
  font-weight: normal;
  color: #9A988C;
  padding-left: 20px;
  border-left: 1px solid #9A988C;
  margin-top: 25px;
  line-height: 50px; }
  @media (min-width: 768px) and (max-width: 861px) {
    #site-slogan {
      margin-top: 35px; } }
  @media all and (max-width: 768px) {
    #site-slogan {
      display: none; } }

/***************************/
/* Locale section */
/***************************/
#locale-section {
  position: absolute;
  top: 5px;
  right: 10px; }
  #locale-section ul.locale-name {
    padding: 0;
    margin: 0;
    list-style: none; }
    #locale-section ul.locale-name li {
      padding: 0;
      margin: 0;
      list-style: none;
      float: left; }
      #locale-section ul.locale-name li a {
        font-size: 14px;
        line-height: 14px;
        display: block;
        padding: 0 5px;
        border-left: 1px solid #D9D6C5; }
        #locale-section ul.locale-name li a span {
          font-weight: bold; }
    #locale-section ul.locale-name li.first a {
      border-left: 0; }
    #locale-section ul.locale-name li.active {
      position: relative; }
      #locale-section ul.locale-name li.active a:after,
      #locale-section ul.locale-name li.active a:before {
        border: solid transparent;
        content: ' ';
        height: 0;
        left: 50%;
        margin-left: -3px;
        position: absolute;
        width: 0; }
      #locale-section ul.locale-name li.active a:before {
        border-width: 6px;
        # border-top-color: #336114;
        border-top-color: #336114;
        top: -21px; }
        @media (max-width: 480px) {
          #locale-section ul.locale-name li.active a:before {
            top: -14px; } }

html {
  padding-top: 10px;
  background: transparent url(../images/body-stripe-repeater.png) center 0 repeat-x; }

body {
  color: #545454;
  padding-bottom: 20px;
  background: transparent url(../images/body-stripe-repeater.png) center bottom repeat-x; }
  body #content-inner {
    background-color: #fff;
    margin-bottom: 20px; }

#main-outer {
  background: #eaeade url(../images/bg-repeater.png) center -245px repeat-x;
  z-index: 1; }

.khmer-language {
  font-family: KhBattambangRegular, Arial, Helvetica, "Nimbus Sans L", sans-serif; }

.content iframe {
  max-width: 100%; }

.item-list .pager {
  /* A list of page numbers when more than 1 page of content is available */
  padding: 0; }
  .item-list .pager li {
    /* Each page number in the pager list */
    display: inline-block;
    padding: 0;
    margin: 0 0.57143%;
    font-size: 1em;
    line-height: 1.2em; }
    .item-list .pager li.pager-item, .item-list .pager li.pager-current {
      font-weight: bold;
      -moz-box-shadow: 2px 2px #D9D6C5;
      -webkit-box-shadow: 2px 2px #D9D6C5;
      box-shadow: 2px 2px #D9D6C5; }
    .item-list .pager li.pager-current {
      color: #fff;
      background-color: #336114;
      padding: 5px 8px; }
    .item-list .pager li.pager-first, .item-list .pager li.pager-previous, .item-list .pager li.pager-next, .item-list .pager li.pager-last {
      background: transparent url("../images/pagination-arrows.png") no-repeat 0 0;
      height: 24px;
      text-indent: -999em;
      width: 24px; }
      .item-list .pager li.pager-first a, .item-list .pager li.pager-previous a, .item-list .pager li.pager-next a, .item-list .pager li.pager-last a {
        padding: 0;
        background: transparent url("../images/pagination-arrows.png") no-repeat 0 0;
        height: 24px;
        width: 24px; }
    .item-list .pager li.pager-first {
      background-position: 0 2px; }
      .item-list .pager li.pager-first a {
        background-position: 0 -19px; }
    .item-list .pager li.pager-previous {
      background-position: -20px 1px; }
      .item-list .pager li.pager-previous a {
        background-position: -20px -19px; }
    .item-list .pager li.pager-next {
      background-position: -40px 2px; }
      .item-list .pager li.pager-next a {
        background-position: -40px -19px; }
    .item-list .pager li.pager-last {
      background-position: -60px 3px; }
      .item-list .pager li.pager-last a {
        background-position: -60px -19px; }
    .item-list .pager li a {
      display: block;
      padding: 5px 8px; }

.item-list .pager.pager-load-more li,
.item-list .pager.pager-load-more li > a {
  height: auto;
  width: auto;
  text-indent: 0;
  background: transparent; }
.item-list .pager.pager-load-more li > a {
  font-weight: bold;
  text-decoration: none; }
  .item-list .pager.pager-load-more li > a:hover {
    text-decoration: underline; }
  .item-list .pager.pager-load-more li > a:after {
    content: '';
    display: inline-block;
    padding: 0;
    background: transparent url("../images/pagination-arrows.png") no-repeat -47px -25px;
    height: 10px;
    width: 10px;
    margin-left: 10px; }

/**
 * @file
 * RTL companion for the tabs.css file.
 */
ul.primary li,
ul.secondary li {
  float: right; }

ul.primary li {
  margin: 0.5em 3px 0 0; }

/**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal7-reference.css.)
 */
/*
 * Basic positioning styles shared by primary and secondary tabs.
 */
ul.primary,
ul.secondary {
  *position: relative;
  *zoom: 1;
  clear: left;
  border: 0;
  list-style: none;
  margin: 1em 0 1.5em;
  padding: 0;
  white-space: nowrap;
  font-size: 0.857em;
  line-height: 1.5em; }
  ul.primary:before, ul.primary:after,
  ul.secondary:before,
  ul.secondary:after {
    content: "";
    display: table; }
  ul.primary:after,
  ul.secondary:after {
    clear: both; }
  ul.primary li,
  ul.secondary li {
    float: left;
    /* LTR */
    margin: 0; }
  ul.primary li:first-child,
  ul.secondary li:first-child {
    margin-left: 0; }
  ul.primary a,
  ul.secondary a {
    border: 0;
    border-right: 0;
    border-bottom: 0;
    display: block;
    line-height: 1.5em;
    text-decoration: none; }

/*
 * Primary tabs
 */
ul.primary {
  overflow: visible; }
  ul.primary li {
    border-bottom: 0;
    border-top: 3px solid transparent;
    margin: 0.5em 0 0 2px;
    /* LTR */ }
  ul.primary li:first-child {
    margin-left: 0; }
  ul.primary li.active {
    border-top-color: #eaeade;
    margin-bottom: -1px;
    /* Overlap the ul's border. */ }
  ul.primary li.with-submenu {
    position: relative; }
    ul.primary li.with-submenu .submenu {
      display: none; }
  ul.primary a {
    padding: 0.75em 1em; }
  ul.primary a:link,
  ul.primary a:visited {
    color: #fff;
    background-color: #44841A;
    text-align: center; }
  ul.primary a:hover,
  ul.primary a:focus {
    background-color: #eaeade;
    color: #333; }
  ul.primary a.active {
    background-color: #eaeade;
    color: #333; }
  ul.primary ul.submenu {
    list-style: none;
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 999; }
    ul.primary ul.submenu li {
      margin: 0;
      float: none;
      border-top: 2px solid #fff; }
    ul.primary ul.submenu li.first {
      border-top-color: #eaeade; }

/*
 * Secondary tabs
 */
ul.secondary {
  font-size: .9em;
  margin-top: -1.5em;
  /* Collapse bottom margin of ul.primary. */
  background-color: #eaeade; }
  ul.secondary a {
    padding: 0.75em 1em;
    border-left: 2px solid #9A988C; }
  ul.secondary li.first a,
  ul.secondary li:first-child a {
    border-left: 0; }
  ul.secondary a:link,
  ul.secondary a:visited {
    color: #333; }
  ul.secondary a:hover,
  ul.secondary a:focus {
    background-color: #D9D6C5;
    color: #333; }
  ul.secondary a.active,
  ul.secondary a:active {
    background-color: #D9D6C5;
    color: #333;
    font-weight: bold; }

.breadcrumb {
  /* The path to the current page in the form of a list of links */
  background: #fff;
  color: #545454;
  padding: 10px;
  font-size: 11.998px; }
  .breadcrumb ol {
    margin: 0;
    padding: 0;
    overflow: auto; }
  .breadcrumb li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 5px 0 0; }
    .breadcrumb li a {
      color: #545454;
      font-weight: bold; }
    .breadcrumb li a.home {
      display: block;
      float: left;
      width: 16px;
      height: 18px;
      text-indent: -10000px;
      background: transparent url(../images/small-icon-sprite.png) left -20px no-repeat; }

@media (min-width: 600px) {
  #block-system-user-menu {
    position: absolute;
    right: 5px;
    top: 92px; } }
.lt-ie9 #block-system-user-menu {
  position: absolute;
  right: 5px;
  top: 92px; }
@media (min-width: 481px) and (max-width: 600px) {
  #block-system-user-menu {
    position: absolute;
    right: 5px;
    top: 92px; } }

#block-menu-block-2 {
  position: relative;
  right: auto;
  left: auto;
  top: auto;
  margin-top: 0;
  margin-bottom: 0;
  float: left;
  display: none;
  clear: both; }
  @media (min-width: 481px) {
    #block-menu-block-2 {
      margin-top: 0;
      padding-top: 0;
      float: right;
      display: block; } }
  .lt-ie9 #block-menu-block-2 {
    margin-top: 0;
    padding-top: 0;
    float: right;
    display: block; }

#block-system-user-menu ul.menu,
#block-menu-block-2 ul.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-type: none; }
  #block-system-user-menu ul.menu li,
  #block-menu-block-2 ul.menu li {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    float: left; }
    #block-system-user-menu ul.menu li a,
    #block-menu-block-2 ul.menu li a {
      font-size: 11.998px;
      line-height: 11.998px;
      font-weight: bold;
      display: block;
      padding: 0 5px;
      border-left: 1px solid #D9D6C5; }
  #block-system-user-menu ul.menu li.first a,
  #block-menu-block-2 ul.menu li.first a {
    border: 0; }
  #block-system-user-menu ul.menu li.active-trail a,
  #block-menu-block-2 ul.menu li.active-trail a {
    color: #333; }

/**
 * @file
 * RTL companion for the navigation.css file.
 */
/*
 * Navigation bar
 */
#navigation {
  padding: 0 10px; }

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */
@media all and (max-width: 480px) {
  #main-menu h2.element-hidden,
  #navigation .block-menu-block h2.element-hidden {
    display: block;
    text-indent: -10000px;
    margin: 0;
    padding: 0;
    line-height: 32px;
    height: 38px;
    width: 38px;
    background: #44841A url(../images/menu-mobile.png) center center no-repeat;
    cursor: pointer;
    position: absolute;
    top: 48px;
    right: 10px;
    z-index: 500;
    font-size: 1.156em;
    line-height: 1.10294em; }
  #main-menu ul.links,
  #main-menu ul.menu,
  #navigation .block-menu-block ul.links,
  #navigation .block-menu-block ul.menu {
    display: none;
    margin: 20px 0 10px;
    padding: 0; }
    #main-menu ul.links li,
    #main-menu ul.menu li,
    #navigation .block-menu-block ul.links li,
    #navigation .block-menu-block ul.menu li {
      font-weight: bold; }
      #main-menu ul.links li a,
      #main-menu ul.menu li a,
      #navigation .block-menu-block ul.links li a,
      #navigation .block-menu-block ul.menu li a {
        padding: 5px;
        display: block;
        color: #fff;
        border-top: 1px solid #d8e9cd;
        background-color: #44841A; }
    #main-menu ul.links li.active a,
    #main-menu ul.links li:hover a,
    #main-menu ul.menu li.active a,
    #main-menu ul.menu li:hover a,
    #navigation .block-menu-block ul.links li.active a,
    #navigation .block-menu-block ul.links li:hover a,
    #navigation .block-menu-block ul.menu li.active a,
    #navigation .block-menu-block ul.menu li:hover a {
      color: #545454;
      background-color: #fff; } }
@media (min-width: 481px) {
  #main-menu,
  #navigation .block-menu-block {
    /* overflow: hidden; */
    /* Sometimes you want to prevent overlapping with main div. */
    /* padding: 0 zen-half-gutter() 0 0; */
    padding: 0; }
    #main-menu .block,
    #navigation .block-menu-block .block {
      margin-bottom: 0; }
    #main-menu .block-menu .block-title,
    #main-menu .block-menu-block .block-title,
    #navigation .block-menu-block .block-menu .block-title,
    #navigation .block-menu-block .block-menu-block .block-title {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px); }
    #main-menu ul.links,
    #main-menu ul.menu,
    #navigation .block-menu-block ul.links,
    #navigation .block-menu-block ul.menu {
      /* Menu block links */
      *position: relative;
      *zoom: 1;
      margin: 0;
      padding: 0;
      display: block;
      text-align: left;
      /* LTR */
      position: relative; }
      #main-menu ul.links:before, #main-menu ul.links:after,
      #main-menu ul.menu:before,
      #main-menu ul.menu:after,
      #navigation .block-menu-block ul.links:before,
      #navigation .block-menu-block ul.links:after,
      #navigation .block-menu-block ul.menu:before,
      #navigation .block-menu-block ul.menu:after {
        content: "";
        display: table; }
      #main-menu ul.links:after,
      #main-menu ul.menu:after,
      #navigation .block-menu-block ul.links:after,
      #navigation .block-menu-block ul.menu:after {
        clear: both; }
      #main-menu ul.links li,
      #main-menu ul.menu li,
      #navigation .block-menu-block ul.links li,
      #navigation .block-menu-block ul.menu li {
        /* A simple method to get navigation links to appear in one line. */
        width: 25%;
        float: left;
        /* LTR */
        padding: 0;
        /* LTR */
        list-style-type: none;
        list-style-image: none;
        background-color: #44841A; }
        #main-menu ul.links li a,
        #main-menu ul.menu li a,
        #navigation .block-menu-block ul.links li a,
        #navigation .block-menu-block ul.menu li a {
          display: block;
          padding: 10px 0 8px 0;
          color: #fff;
          text-align: center;
          font-weight: bold;
          border-left: 2px #d8e9cd solid;
          /* font-size: $h3-font-size;
          line-height: $nav-line-height; */
          text-decoration: none; }
      #main-menu ul.links li.active,
      #main-menu ul.links li.active-trail,
      #main-menu ul.links li:hover,
      #main-menu ul.menu li.active,
      #main-menu ul.menu li.active-trail,
      #main-menu ul.menu li:hover,
      #navigation .block-menu-block ul.links li.active,
      #navigation .block-menu-block ul.links li.active-trail,
      #navigation .block-menu-block ul.links li:hover,
      #navigation .block-menu-block ul.menu li.active,
      #navigation .block-menu-block ul.menu li.active-trail,
      #navigation .block-menu-block ul.menu li:hover {
        background-color: #fff; }
        #main-menu ul.links li.active a,
        #main-menu ul.links li.active-trail a,
        #main-menu ul.links li:hover a,
        #main-menu ul.menu li.active a,
        #main-menu ul.menu li.active-trail a,
        #main-menu ul.menu li:hover a,
        #navigation .block-menu-block ul.links li.active a,
        #navigation .block-menu-block ul.links li.active-trail a,
        #navigation .block-menu-block ul.links li:hover a,
        #navigation .block-menu-block ul.menu li.active a,
        #navigation .block-menu-block ul.menu li.active-trail a,
        #navigation .block-menu-block ul.menu li:hover a {
          color: #545454;
          position: relative;
          top: -1px;
          padding-top: 9px;
          border-top: 1px solid #d8e9cd; }
      #main-menu ul.links li.first a,
      #main-menu ul.menu li.first a,
      #navigation .block-menu-block ul.links li.first a,
      #navigation .block-menu-block ul.menu li.first a {
        border-left-width: 0; }
      #main-menu ul.links li.donate,
      #main-menu ul.menu li.donate,
      #navigation .block-menu-block ul.links li.donate,
      #navigation .block-menu-block ul.menu li.donate {
        background-color: #f16e22;
        position: relative; }
      #main-menu ul.links li.donate.active a,
      #main-menu ul.links li.donate:hover a,
      #main-menu ul.menu li.donate.active a,
      #main-menu ul.menu li.donate:hover a,
      #navigation .block-menu-block ul.links li.donate.active a,
      #navigation .block-menu-block ul.links li.donate:hover a,
      #navigation .block-menu-block ul.menu li.donate.active a,
      #navigation .block-menu-block ul.menu li.donate:hover a {
        color: #fff;
        top: 0;
        border-top: 0;
        padding-top: 10px; } }
.lt-ie9 #main-menu, .lt-ie9
#navigation .block-menu-block {
  /* overflow: hidden; */
  /* Sometimes you want to prevent overlapping with main div. */
  /* padding: 0 zen-half-gutter() 0 0; */
  padding: 0; }
  .lt-ie9 #main-menu .block, .lt-ie9
  #navigation .block-menu-block .block {
    margin-bottom: 0; }
  .lt-ie9 #main-menu .block-menu .block-title,
  .lt-ie9 #main-menu .block-menu-block .block-title, .lt-ie9
  #navigation .block-menu-block .block-menu .block-title,
  .lt-ie9
  #navigation .block-menu-block .block-menu-block .block-title {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px); }
  .lt-ie9 #main-menu ul.links,
  .lt-ie9 #main-menu ul.menu, .lt-ie9
  #navigation .block-menu-block ul.links,
  .lt-ie9
  #navigation .block-menu-block ul.menu {
    /* Menu block links */
    *position: relative;
    *zoom: 1;
    margin: 0;
    padding: 0;
    display: block;
    text-align: left;
    /* LTR */
    position: relative; }
    .lt-ie9 #main-menu ul.links:before, .lt-ie9 #main-menu ul.links:after,
    .lt-ie9 #main-menu ul.menu:before,
    .lt-ie9 #main-menu ul.menu:after, .lt-ie9
    #navigation .block-menu-block ul.links:before, .lt-ie9
    #navigation .block-menu-block ul.links:after,
    .lt-ie9
    #navigation .block-menu-block ul.menu:before,
    .lt-ie9
    #navigation .block-menu-block ul.menu:after {
      content: "";
      display: table; }
    .lt-ie9 #main-menu ul.links:after,
    .lt-ie9 #main-menu ul.menu:after, .lt-ie9
    #navigation .block-menu-block ul.links:after,
    .lt-ie9
    #navigation .block-menu-block ul.menu:after {
      clear: both; }
    .lt-ie9 #main-menu ul.links li,
    .lt-ie9 #main-menu ul.menu li, .lt-ie9
    #navigation .block-menu-block ul.links li,
    .lt-ie9
    #navigation .block-menu-block ul.menu li {
      /* A simple method to get navigation links to appear in one line. */
      width: 25%;
      float: left;
      /* LTR */
      padding: 0;
      /* LTR */
      list-style-type: none;
      list-style-image: none;
      background-color: #44841A; }
      .lt-ie9 #main-menu ul.links li a,
      .lt-ie9 #main-menu ul.menu li a, .lt-ie9
      #navigation .block-menu-block ul.links li a,
      .lt-ie9
      #navigation .block-menu-block ul.menu li a {
        display: block;
        padding: 10px 0 8px 0;
        color: #fff;
        text-align: center;
        font-weight: bold;
        border-left: 2px #d8e9cd solid;
        /* font-size: $h3-font-size;
        line-height: $nav-line-height; */
        text-decoration: none; }
    .lt-ie9 #main-menu ul.links li.active,
    .lt-ie9 #main-menu ul.links li.active-trail,
    .lt-ie9 #main-menu ul.links li:hover,
    .lt-ie9 #main-menu ul.menu li.active,
    .lt-ie9 #main-menu ul.menu li.active-trail,
    .lt-ie9 #main-menu ul.menu li:hover, .lt-ie9
    #navigation .block-menu-block ul.links li.active,
    .lt-ie9
    #navigation .block-menu-block ul.links li.active-trail,
    .lt-ie9
    #navigation .block-menu-block ul.links li:hover,
    .lt-ie9
    #navigation .block-menu-block ul.menu li.active,
    .lt-ie9
    #navigation .block-menu-block ul.menu li.active-trail,
    .lt-ie9
    #navigation .block-menu-block ul.menu li:hover {
      background-color: #fff; }
      .lt-ie9 #main-menu ul.links li.active a,
      .lt-ie9 #main-menu ul.links li.active-trail a,
      .lt-ie9 #main-menu ul.links li:hover a,
      .lt-ie9 #main-menu ul.menu li.active a,
      .lt-ie9 #main-menu ul.menu li.active-trail a,
      .lt-ie9 #main-menu ul.menu li:hover a, .lt-ie9
      #navigation .block-menu-block ul.links li.active a,
      .lt-ie9
      #navigation .block-menu-block ul.links li.active-trail a,
      .lt-ie9
      #navigation .block-menu-block ul.links li:hover a,
      .lt-ie9
      #navigation .block-menu-block ul.menu li.active a,
      .lt-ie9
      #navigation .block-menu-block ul.menu li.active-trail a,
      .lt-ie9
      #navigation .block-menu-block ul.menu li:hover a {
        color: #545454;
        position: relative;
        top: -1px;
        padding-top: 9px;
        border-top: 1px solid #d8e9cd; }
    .lt-ie9 #main-menu ul.links li.first a,
    .lt-ie9 #main-menu ul.menu li.first a, .lt-ie9
    #navigation .block-menu-block ul.links li.first a,
    .lt-ie9
    #navigation .block-menu-block ul.menu li.first a {
      border-left-width: 0; }
    .lt-ie9 #main-menu ul.links li.donate,
    .lt-ie9 #main-menu ul.menu li.donate, .lt-ie9
    #navigation .block-menu-block ul.links li.donate,
    .lt-ie9
    #navigation .block-menu-block ul.menu li.donate {
      background-color: #f16e22;
      position: relative; }
    .lt-ie9 #main-menu ul.links li.donate.active a,
    .lt-ie9 #main-menu ul.links li.donate:hover a,
    .lt-ie9 #main-menu ul.menu li.donate.active a,
    .lt-ie9 #main-menu ul.menu li.donate:hover a, .lt-ie9
    #navigation .block-menu-block ul.links li.donate.active a,
    .lt-ie9
    #navigation .block-menu-block ul.links li.donate:hover a,
    .lt-ie9
    #navigation .block-menu-block ul.menu li.donate.active a,
    .lt-ie9
    #navigation .block-menu-block ul.menu li.donate:hover a {
      color: #fff;
      top: 0;
      border-top: 0;
      padding-top: 10px; }

#main-menu ul.links li a,
#main-menu ul.menu li a,
#navigation .block-menu-block ul.links li a,
#navigation .block-menu-block ul.menu li a {
  /* font-size: 0.85 * $nav-font-size;
  line-height: $nav-line-height; */
  font-size: 1.156em;
  line-height: 2.27076em; }
  @media (min-width: 481px) and (max-width: 768px) {
    #main-menu ul.links li a,
    #main-menu ul.menu li a,
    #navigation .block-menu-block ul.links li a,
    #navigation .block-menu-block ul.menu li a {
      font-size: 1.156em;
      line-height: 1.10294em; } }
  @media (min-width: 768px) {
    #main-menu ul.links li a,
    #main-menu ul.menu li a,
    #navigation .block-menu-block ul.links li a,
    #navigation .block-menu-block ul.menu li a {
      font-size: 19.04px;
      line-height: 22px; } }
  .lt-ie9 #main-menu ul.links li a, .lt-ie9
  #main-menu ul.menu li a, .lt-ie9
  #navigation .block-menu-block ul.links li a, .lt-ie9
  #navigation .block-menu-block ul.menu li a {
    font-size: 19.04px;
    line-height: 22px; }

@media (min-width: 981px) {
  nav ul.links li.donate:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
    border-left-color: #f16e22;
    border-width: 20px; }
  nav ul.links li.donate:after {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0; } }
.lt-ie9 nav ul.links li.donate:before {
  border: solid transparent;
  content: ' ';
  height: 0;
  left: 100%;
  position: absolute;
  width: 0;
  border-left-color: #f16e22;
  border-width: 20px; }
.lt-ie9 nav ul.links li.donate:after {
  border: solid transparent;
  content: ' ';
  height: 0;
  left: 100%;
  position: absolute;
  width: 0; }

#block-menu-menu-privacy ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  #block-menu-menu-privacy ul li {
    display: inline-block;
    border-right: 1px solid #D9D6C5;
    padding-right: 5px; }
    #block-menu-menu-privacy ul li:last-child {
      border-right: none; }
#block-menu-menu-privacy a {
  color: #333;
  font-weight: bold; }

/***********************
 * SIDEBAR MENU BLOCKS *
 ***********************/
#block-menu-block-1 h2.block-title,
#block-menu-block-custom-1 h2.block-title,
.region-sidebar-first .block-menu-block h2.block-title {
  margin-bottom: 0; }
#block-menu-block-1 ul.menu,
#block-menu-block-custom-1 ul.menu,
.region-sidebar-first .block-menu-block ul.menu {
  padding: 0;
  margin: 0; }
  #block-menu-block-1 ul.menu li,
  #block-menu-block-custom-1 ul.menu li,
  .region-sidebar-first .block-menu-block ul.menu li {
    border-bottom: 2px solid #F8F8EB;
    list-style-image: none;
    list-style-type: none; }
    #block-menu-block-1 ul.menu li a,
    #block-menu-block-1 ul.menu li .nolink,
    #block-menu-block-custom-1 ul.menu li a,
    #block-menu-block-custom-1 ul.menu li .nolink,
    .region-sidebar-first .block-menu-block ul.menu li a,
    .region-sidebar-first .block-menu-block ul.menu li .nolink {
      padding: 5px 10px 5px 20px;
      display: block;
      font-weight: bold;
      position: relative; }
    #block-menu-block-1 ul.menu li span.icon,
    #block-menu-block-custom-1 ul.menu li span.icon,
    .region-sidebar-first .block-menu-block ul.menu li span.icon {
      background: url(../images/arrow-sprite.png) 0 -40px no-repeat;
      position: absolute;
      left: 5px;
      top: 10px;
      width: 10px;
      height: 10px; }
    #block-menu-block-1 ul.menu li a:visited span.icon,
    #block-menu-block-custom-1 ul.menu li a:visited span.icon,
    .region-sidebar-first .block-menu-block ul.menu li a:visited span.icon {
      background-position: 0 -160px; }
    #block-menu-block-1 ul.menu li a:active span.icon,
    #block-menu-block-custom-1 ul.menu li a:active span.icon,
    .region-sidebar-first .block-menu-block ul.menu li a:active span.icon {
      background-position: 0 -80px; }
    #block-menu-block-1 ul.menu li .nolink span.icon,
    #block-menu-block-custom-1 ul.menu li .nolink span.icon,
    .region-sidebar-first .block-menu-block ul.menu li .nolink span.icon {
      background: none; }
    #block-menu-block-1 ul.menu li li,
    #block-menu-block-custom-1 ul.menu li li,
    .region-sidebar-first .block-menu-block ul.menu li li {
      border: 0; }
      #block-menu-block-1 ul.menu li li a,
      #block-menu-block-1 ul.menu li li .no-link,
      #block-menu-block-custom-1 ul.menu li li a,
      #block-menu-block-custom-1 ul.menu li li .no-link,
      .region-sidebar-first .block-menu-block ul.menu li li a,
      .region-sidebar-first .block-menu-block ul.menu li li .no-link {
        padding-left: 30px; }
      #block-menu-block-1 ul.menu li li span.icon,
      #block-menu-block-custom-1 ul.menu li li span.icon,
      .region-sidebar-first .block-menu-block ul.menu li li span.icon {
        left: 15px; }
      #block-menu-block-1 ul.menu li li li a,
      #block-menu-block-1 ul.menu li li li .no-link,
      #block-menu-block-custom-1 ul.menu li li li a,
      #block-menu-block-custom-1 ul.menu li li li .no-link,
      .region-sidebar-first .block-menu-block ul.menu li li li a,
      .region-sidebar-first .block-menu-block ul.menu li li li .no-link {
        font-size: 0.85em;
        line-height: 1.76471em;
        padding-left: 40px; }
      #block-menu-block-1 ul.menu li li li span.icon,
      #block-menu-block-custom-1 ul.menu li li li span.icon,
      .region-sidebar-first .block-menu-block ul.menu li li li span.icon {
        left: 30px; }
  #block-menu-block-1 ul.menu li.expanded span.icon,
  #block-menu-block-custom-1 ul.menu li.expanded span.icon,
  .region-sidebar-first .block-menu-block ul.menu li.expanded span.icon {
    background-position: 0 -362px; }
  #block-menu-block-1 ul.menu li.expanded li.leaf a,
  #block-menu-block-1 ul.menu li.expanded li.collapsed a,
  #block-menu-block-custom-1 ul.menu li.expanded li.leaf a,
  #block-menu-block-custom-1 ul.menu li.expanded li.collapsed a,
  .region-sidebar-first .block-menu-block ul.menu li.expanded li.leaf a,
  .region-sidebar-first .block-menu-block ul.menu li.expanded li.collapsed a {
    color: #545454;
    font-weight: normal; }
  #block-menu-block-1 ul.menu li.expanded li.leaf span.icon,
  #block-menu-block-1 ul.menu li.expanded li.collapsed span.icon,
  #block-menu-block-custom-1 ul.menu li.expanded li.leaf span.icon,
  #block-menu-block-custom-1 ul.menu li.expanded li.collapsed span.icon,
  .region-sidebar-first .block-menu-block ul.menu li.expanded li.leaf span.icon,
  .region-sidebar-first .block-menu-block ul.menu li.expanded li.collapsed span.icon {
    background-position: 0 -320px; }
  #block-menu-block-1 ul.menu li.expanded li.leaf span.icon,
  #block-menu-block-custom-1 ul.menu li.expanded li.leaf span.icon,
  .region-sidebar-first .block-menu-block ul.menu li.expanded li.leaf span.icon {
    background-position: 0 -589px; }
  #block-menu-block-1 ul.menu li.active-trail >
  a,
  #block-menu-block-custom-1 ul.menu li.active-trail >
  a,
  .region-sidebar-first .block-menu-block ul.menu li.active-trail >
  a {
    margin-bottom: 5px;
    background-color: #eaeade;
    color: #333; }
  #block-menu-block-1 ul.menu a.active,
  #block-menu-block-custom-1 ul.menu a.active,
  .region-sidebar-first .block-menu-block ul.menu a.active {
    color: #333 !important;
    font-weight: bold !important; }
  #block-menu-block-1 ul.menu a.active >
  span.icon,
  #block-menu-block-custom-1 ul.menu a.active >
  span.icon,
  .region-sidebar-first .block-menu-block ul.menu a.active >
  span.icon {
    background: none; }

.node-action {
  *position: relative;
  *zoom: 1; }
  .node-action:before, .node-action:after {
    content: "";
    display: table; }
  .node-action:after {
    clear: both; }
  .node-action .group-left {
    clear: left;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%; }
  .node-action .group-right {
    clear: left;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%; }
  .node-action .group-bottom {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%; }
  .node-action .field-name-field-action-petition-update-vid {
    margin-bottom: 20px; }
  .node-action .call-to-action {
    margin-bottom: 1em; }
    .node-action .call-to-action a {
      background-color: #44841a;
      color: white;
      padding: 8px 20px 8px 10px;
      background-image: url("/sites/all/themes/clickngo/images/arrow-sprite.png");
      background-repeat: no-repeat;
      background-position: right -268px;
      font-weight: bold;
      font-size: 16px;
      position: relative; }
      .node-action .call-to-action a:after {
        border: 16px solid #44841a;
        content: ' ';
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-top-color: transparent;
        position: absolute;
        left: 100%;
        top: 0%; }
  @media (min-width: 861px) {
    .node-action.two-cols .group-right,
    .node-action.two-cols .group-left {
      padding-left: 10px;
      padding-right: 10px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      word-wrap: break-word;
      *behavior: url("/sites/all/themes/clickngo/boxsizing.htc"); }
    .node-action.two-cols .group-left {
      clear: none;
      float: left;
      width: 50%;
      margin-left: 0%;
      margin-right: -50%;
      padding-left: 0; }
    .node-action.two-cols .group-right {
      clear: none;
      float: left;
      width: 50%;
      margin-left: 50%;
      margin-right: -100%;
      padding-right: 0; } }

.node-article.view-mode-full .field-name-field-image {
  margin-bottom: 20px; }
.node-article.view-mode-full .group-left {
  width: auto;
  padding: 1.5em 20px;
  border-top: 2px solid #44841A;
  background-color: #fff; }
  @media (min-width: 481px) {
    .node-article.view-mode-full .group-left {
      float: left;
      width: 25%;
      margin-right: 20px; } }
  .lt-ie9 .node-article.view-mode-full .group-left {
    float: left;
    width: 25%;
    margin-right: 20px; }
  .node-article.view-mode-full .group-left .field-name-field-pull-quotes {
    font-size: 1.2em;
    line-height: 1.25em;
    color: #336114;
    margin-bottom: 10px; }
  .node-article.view-mode-full .group-left .field-name-field-quotee,
  .node-article.view-mode-full .group-left .field-name-field-quotee-s-organisation {
    font-style: italic; }
.node-article.view-mode-full .group-right {
  width: auto;
  float: none; }
  .node-article.view-mode-full .group-right .field-name-field-files {
    padding: 10px;
    background-color: #F8F8EB;
    margin-top: 1em; }
    .node-article.view-mode-full .group-right .field-name-field-files .field-item {
      padding-bottom: 5px; }
    @media (min-width: 600px) {
      .node-article.view-mode-full .group-right .field-name-field-files {
        float: right;
        width: 33%;
        margin-left: 10px; } }
    .node-article.view-mode-full .group-right .field-name-field-files h4 {
      margin-top: 0;
      margin-bottom: .5em; }

/* Theming the /press-room article page */
.press-room.node-type-article #page-title {
  font-family: OxfamGlobalHeadlineRegular, Arial, Helvetica, "Nimbus Sans L", sans-serif;
  font-size: 2.8em;
  line-height: 1.28571em;
  margin-top: 0;
  margin-bottom: 0; }
.press-room.node-type-article .node-article.view-mode-full {
  overflow: hidden; }
.press-room.node-type-article .press-room-views {
  display: flex; }
  .press-room.node-type-article .press-room-views > div, .press-room.node-type-article .press-room-views > iframe {
    flex: 1; }
  .press-room.node-type-article .press-room-views > div {
    padding-left: 10px; }

/* Teaser view */
.node-blogs.view-mode-view_teaser {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeade; }
  .node-blogs.view-mode-view_teaser .group-left,
  .node-blogs.view-mode-view_teaser .group-right {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    float: none; }
    .node-blogs.view-mode-view_teaser .group-left .field-type-ds,
    .node-blogs.view-mode-view_teaser .group-right .field-type-ds {
      margin-bottom: 0; }
  .node-blogs.view-mode-view_teaser .group-footer {
    padding: 0; }
  .node-blogs.view-mode-view_teaser h2 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 21px; }
  .node-blogs.view-mode-view_teaser img {
    width: 100%; }
  .node-blogs.view-mode-view_teaser .field-name-post-date {
    font-weight: bold;
    font-style: normal;
    color: #000; }
  .node-blogs.view-mode-view_teaser .field-name-node-link a {
    font-weight: bold; }
    .node-blogs.view-mode-view_teaser .field-name-node-link a:after {
      background: url(../images/arrow-sprite.png) 0 -39px no-repeat;
      width: 10px;
      height: 10px;
      content: ' ';
      display: inline-block;
      margin-left: .5em; }
  @media (min-width: 600px) {
    .node-blogs.view-mode-view_teaser .group-left {
      width: 33.33%;
      float: left;
      padding-right: 10px; }
    .node-blogs.view-mode-view_teaser .group-right {
      width: 66.66%;
      float: left;
      padding-left: 10px; } }

/* Blog Entry view */
.node-blogs.view-mode-full {
  /* Blog entry wrapper. View mode: full */ }
  .node-blogs.view-mode-full .group-header {
    overflow: hidden;
    *position: relative;
    *zoom: 1;
    /*.field-name-field-blog-topic:before, .field-name-field-blog-topic:after{
        border: solid transparent;
        content: ' ';
       width: 0;
      }
    .field-name-field-blog-topic:before {
      background: #d9d6c5;
       border-width: 5px;
       border-right-width: 0;
      }*/ }
    .node-blogs.view-mode-full .group-header:before, .node-blogs.view-mode-full .group-header:after {
      content: "";
      display: table; }
    .node-blogs.view-mode-full .group-header:after {
      clear: both; }
    .node-blogs.view-mode-full .group-header .field-name-field-blog-topic {
      /*background: #336114 url("../images/masthead-bg.png") no-repeat 0 0;
      border-bottom: 3px solid #eaeade;*/
      color: #fff;
      position: relative; }
      .node-blogs.view-mode-full .group-header .field-name-field-blog-topic .field-item {
        background: #44841A;
        color: #fff;
        margin-left: -14px;
        margin-right: -10px;
        margin-bottom: 10px;
        padding: 4px 3px 4px 13px;
        font-size: 18px;
        font-weight: bold; }
        .node-blogs.view-mode-full .group-header .field-name-field-blog-topic .field-item a {
          color: #fff;
          text-decoration: none; }
          .node-blogs.view-mode-full .group-header .field-name-field-blog-topic .field-item a:hover {
            text-decoration: underline; }
    .node-blogs.view-mode-full .group-header .field-name-title h2 {
      border-bottom: none;
      color: #44841A;
      margin-bottom: 0; }
    .node-blogs.view-mode-full .group-header .group-author-blog-window {
      float: left;
      width: 50%;
      margin-left: 0%;
      margin-right: -50%;
      padding-left: 0;
      clear: both; }
      .node-blogs.view-mode-full .group-header .group-author-blog-window .blog-post-by {
        float: none; }
    .node-blogs.view-mode-full .group-header .sharethis-buttons {
      float: left;
      width: 75%;
      margin-left: 50%;
      margin-right: -125%;
      background-color: #F8F8EB;
      padding-top: 10px;
      padding-bottom: 10px; }
    .node-blogs.view-mode-full .group-header .field-name-title {
      margin-bottom: 0px; }
    .node-blogs.view-mode-full .group-header .field-name-blog-channel-title {
      background: #44841A;
      color: #FFF;
      margin-left: -14px;
      margin-right: -10px;
      padding: 4px 3px 4px 13px;
      margin-bottom: 20px;
      font-size: 18px;
      font-weight: bold; }
    .node-blogs.view-mode-full .group-header .field-name-post-date {
      margin-bottom: 1em;
      display: block; }
    .node-blogs.view-mode-full .group-header .field-name-field-blog-channel {
      line-height: 1em;
      font-size: 15px; }
    .node-blogs.view-mode-full .group-header .field-name-field-blog-channel .label-inline {
      display: inline; }
    .node-blogs.view-mode-full .group-header .field-name-field-blog-channel a {
      display: inline; }
    .node-blogs.view-mode-full .group-header .field-name-author {
      margin-top: 10px; }
  .node-blogs.view-mode-full .field-name-field-blog-tags {
    /* blog tags wrapper */
    font-weight: bold; }
    .node-blogs.view-mode-full .field-name-field-blog-tags .label-inline {
      display: inline; }
    .node-blogs.view-mode-full .field-name-field-blog-tags .field-items {
      display: inline; }
    .node-blogs.view-mode-full .field-name-field-blog-tags a {
      padding-right: 6px;
      padding-left: 6px;
      border-right: 1px solid #44841A; }
    .node-blogs.view-mode-full .field-name-field-blog-tags :last-child {
      border-right: 0;
      padding-right: 0; }

/*****************
 * MEDIA QUERIES *
 *****************/
@media all and (min-width: 481px) and (max-width: 600px) {
  .node-blogs.view-mode-full .group-header .field-name-blog-author-data {
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -75%; }
  .node-blogs.view-mode-full .group-header .field-name-blog-sharing {
    float: left;
    width: 50%;
    margin-left: 75%;
    margin-right: -125%;
    margin-top: -10px; } }
@media all and (max-width: 480px) {
  .node-blogs.view-mode-full .group-header .field-name-blog-author-data,
  .node-blogs.view-mode-full .group-header .field-name-blog-sharing {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    /* padding-left: 0; */ } }
/*pre header*/
.node-type-blogs .block#block-ds-extras-preheader {
  margin-bottom: 0;
  margin-left: -25px;
  margin-right: -20px; }
.node-type-blogs .field-name-field-blog-topic {
  background: #44841A;
  color: #fff;
  padding: 10px 20px;
  margin: 0 0px 20px -5px;
  border-bottom: 3px solid #eaeade; }
  .node-type-blogs .field-name-field-blog-topic h2 {
    margin: 0;
    color: white;
    font-size: 1.2em;
    line-height: 1.25em;
    margin: 0; }
    .node-type-blogs .field-name-field-blog-topic h2 a {
      color: #fff; }
.node-type-blogs .field-name-field-blog-topic:before {
  border: solid transparent;
  content: ' ';
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
  background: #d9d6c5;
  border-width: 5px;
  border-top-color: #9a988c;
  bottom: -5px;
  border-bottom-width: 0;
  border-right-width: 0; }
.node-type-blogs .field-name-field-blog-topic:after {
  border: solid transparent;
  content: ' ';
  height: 0;
  left: 0;
  position: absolute;
  width: 0; }

@media (min-width: 600px) {
  .view-id-what_we_do.view-display-id-block {
    *zoom: 1;
    margin: 0 -10px; }
    .view-id-what_we_do.view-display-id-block:after {
      content: "";
      display: table;
      clear: both; }
    .view-id-what_we_do.view-display-id-block .views-row {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 33%;
      float: left;
      padding: 0 10px;
      margin-bottom: 20px; }
      .view-id-what_we_do.view-display-id-block .views-row h3 {
        margin-top: 0;
        margin-bottom: 10px; } }
.view-id-what_we_do.view-display-id-block img {
  width: 100%;
  border-bottom: 3px solid; }
.view-id-what_we_do.view-display-id-block .views-row {
  margin-bottom: 20px; }
  .view-id-what_we_do.view-display-id-block .views-row h3 {
    margin-top: 0;
    margin-bottom: 10px; }

.node-policy-paper.view-mode-teaser_2 {
  margin-bottom: 2em;
  border-bottom: 1px solid rgba(170, 170, 170, 0.2);
  padding-bottom: 10px; }
  .node-policy-paper.view-mode-teaser_2 .group-left,
  .node-policy-paper.view-mode-teaser_2 .group-right {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    float: none; }
  .node-policy-paper.view-mode-teaser_2 h3 {
    margin-top: 0;
    margin-bottom: 0; }
  .node-policy-paper.view-mode-teaser_2 img {
    width: 100%; }
  .node-policy-paper.view-mode-teaser_2 .field-name-post-date {
    font-weight: bold; }
  @media (min-width: 600px) {
    .node-policy-paper.view-mode-teaser_2 .group-left {
      width: 33.33%;
      float: left;
      padding-right: 10px; }
    .node-policy-paper.view-mode-teaser_2 .group-right {
      width: 100%;
      float: left;
      padding-left: 10px; } }

.node-policy-paper.view-mode-full .field-name-field-paper-author, .node-policy-paper.view-mode-full .field-name-field-paper-publication-date {
  display: block;
  padding: 10px;
  background-color: #F8F8EB;
  color: #545454;
  margin-top: 0.5em; }
  @media (min-width: 600px) {
    .node-policy-paper.view-mode-full .field-name-field-paper-author, .node-policy-paper.view-mode-full .field-name-field-paper-publication-date {
      clear: right;
      float: right;
      width: 33%;
      margin-left: 10px; } }
.node-policy-paper.view-mode-full .downloads {
  padding: 10px;
  background-color: #F8F8EB;
  margin-top: 0.5em; }
  .node-policy-paper.view-mode-full .downloads .field-item {
    padding-bottom: 5px; }
  @media (min-width: 600px) {
    .node-policy-paper.view-mode-full .downloads {
      float: right;
      width: 33%;
      margin-left: 10px; } }
  .node-policy-paper.view-mode-full .downloads h4 {
    margin-top: 0;
    margin-bottom: .5em; }
.node-policy-paper.view-mode-full .field-name-field-image {
  line-height: 0; }
  .node-policy-paper.view-mode-full .field-name-field-image img {
    margin-bottom: 20px; }
.node-policy-paper.view-mode-full .field-name-field-subtitle {
  padding: 0;
  color: #000;
  font-size: 19.6px;
  line-height: 21px;
  font-weight: bold; }
.node-policy-paper.view-mode-full .field-name-field-paper-publication-date {
  font-weight: bold; }

.page-blogs h1.title {
  margin-bottom: .5em; }

@media (min-width: 600px) {
  #content-bottom #block-ds-extras-campaign-content-blogs .related-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px; } }

@media (min-width: 600px) {
  .view-blogs.view-display-id-blogs_block .view-content .views-row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px; } }
@media (max-width: 599px) {
  .view-blogs.view-display-id-blogs_block .view-content .views-row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #eaeade; }
    .view-blogs.view-display-id-blogs_block .view-content .views-row:last-child {
      border-bottom: none; }
    .view-blogs.view-display-id-blogs_block .view-content .views-row:first-child {
      padding-top: 0; } }

@media (max-width: 767px) {
  .view .date-nav-wrapper .date-heading h3 {
    font-size: 1.4em; } }
@media (max-width: 501px) {
  .view .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next {
    margin-top: 2.5em; } }
.view .date-nav-wrapper .date-prev {
  left: 0;
  right: auto; }
  .view .date-nav-wrapper .date-prev a {
    margin-left: 5px; }
.view .date-nav-wrapper .date-next {
  right: 0; }
  .view .date-nav-wrapper .date-next a {
    margin-right: 5px; }

.view-press-room-events-calendar .views-row {
  margin-bottom: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eaeade; }
  .view-press-room-events-calendar .views-row .group-footer {
    display: none; }
  .view-press-room-events-calendar .views-row .group-right > div {
    padding: 0 20px; }

.front #content h1 {
  background-color: #44841A;
  border-bottom: 2px solid #D9D6C5;
  color: white;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.25em;
  padding: 10px 15px;
  position: relative;
  margin-top: -10px;
  margin-left: -30px;
  font-family: Roboto, Arial, Helvetica, "Nimbus Sans L", sans-serif; }

.view-front-page.view-id-front_page {
  *zoom: 1;
  overflow: hidden;
  padding-top: 20px; }
  .view-front-page.view-id-front_page:after {
    content: "";
    display: table;
    clear: both; }
  .view-front-page.view-id-front_page img {
    width: 100%; }
  .view-front-page.view-id-front_page h2 {
    font-size: 1.2em;
    line-height: 1.25em;
    margin-top: 5px;
    margin-bottom: 5px; }
  .view-front-page.view-id-front_page .views-row {
    margin-bottom: 1em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px; }
    .view-front-page.view-id-front_page .views-row h3 {
      margin: 10px 0; }
  @media (min-width: 600px) {
    .view-front-page.view-id-front_page {
      *position: relative;
      *zoom: 1; }
      .view-front-page.view-id-front_page:before, .view-front-page.view-id-front_page:after {
        content: "";
        display: table; }
      .view-front-page.view-id-front_page:after {
        clear: both; }
      .view-front-page.view-id-front_page .views-row-1 {
        float: left;
        width: 33.33333%;
        margin-left: 0%;
        margin-right: -33.33333%;
        margin-bottom: 2em; }
        .view-front-page.view-id-front_page .views-row-1 h2 {
          margin-top: 0; }
      .view-front-page.view-id-front_page .views-row-2 {
        float: left;
        width: 33.33333%;
        margin-left: 33.33333%;
        margin-right: -66.66667%; }
      .view-front-page.view-id-front_page .views-row-3 {
        float: left;
        width: 33.33333%;
        margin-left: 66.66667%;
        margin-right: -100%; } }

.view-policy-papers.view-display-id-page .view-filters {
  margin-bottom: 2em; }

.view-id-policy_papers .view-filters {
  background-color: #F8F8EB;
  padding: 10px;
  margin-bottom: 10px; }

@media (min-width: 600px) {
  .view-id-press_release.view-display-id-page {
    *zoom: 1;
    margin: 0 -10px; }
    .view-id-press_release.view-display-id-page:after {
      content: "";
      display: table;
      clear: both; }
    .view-id-press_release.view-display-id-page .views-row {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 33%;
      float: left;
      padding: 0 10px;
      margin-bottom: 20px; }
      .view-id-press_release.view-display-id-page .views-row h3 {
        margin-top: 0;
        margin-bottom: 10px; } }
.view-id-press_release.view-display-id-page .views-row {
  width: 100%;
  /*border-bottom:1px solid $block-bottom;
  padding-bottom: $base-padding;*/ }
.view-id-press_release.view-display-id-page .field-name-post-date {
  font-weight: bold; }
.view-id-press_release.view-display-id-page h3 {
  margin-bottom: 0; }
.view-id-press_release.view-display-id-page .field-name-node-link a {
  font-weight: bold; }
  .view-id-press_release.view-display-id-page .field-name-node-link a:after {
    background: url(../images/arrow-sprite.png) 0 -39px no-repeat;
    width: 10px;
    height: 10px;
    content: ' ';
    display: inline-block;
    margin-left: .5em; }

.view-press-release .view-filters {
  background-color: #F8F8EB;
  padding: 10px;
  margin-bottom: 10px; }

/** _view_teaser.scss **/
.view-mode-event_teaser {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeade; }
  .view-mode-event_teaser .group-left,
  .view-mode-event_teaser .group-right {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    float: none; }
    .view-mode-event_teaser .group-left .field-type-ds,
    .view-mode-event_teaser .group-right .field-type-ds {
      margin-bottom: 0; }
  .view-mode-event_teaser .group-footer {
    padding: 0; }
  .view-mode-event_teaser h2 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 21px; }
  .view-mode-event_teaser img {
    width: 100%; }
  .view-mode-event_teaser .field-name-post-date {
    font-weight: bold;
    font-style: normal;
    color: #000; }
  .view-mode-event_teaser .field-name-node-link a {
    font-weight: bold; }
    .view-mode-event_teaser .field-name-node-link a:after {
      background: url(../images/arrow-sprite.png) 0 -39px no-repeat;
      width: 10px;
      height: 10px;
      content: ' ';
      display: inline-block;
      margin-left: .5em; }
  @media (min-width: 600px) {
    .view-mode-event_teaser .group-left {
      width: 33.33%;
      float: left;
      padding-right: 10px; }
    .view-mode-event_teaser .group-right {
      width: 66.66%;
      float: left;
      padding-left: 10px; } }

/** _view_teaser.scss **/
.view-mode-view_teaser {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeade; }
  .view-mode-view_teaser .group-left,
  .view-mode-view_teaser .group-right {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    float: none; }
    .view-mode-view_teaser .group-left .field-type-ds,
    .view-mode-view_teaser .group-right .field-type-ds {
      margin-bottom: 0; }
  .view-mode-view_teaser .group-footer {
    padding: 0; }
  .view-mode-view_teaser h2 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 21px; }
  .view-mode-view_teaser img {
    width: 100%; }
  .view-mode-view_teaser .field-name-post-date {
    font-weight: bold;
    font-style: normal;
    color: #000; }
  .view-mode-view_teaser .field-name-node-link a {
    font-weight: bold; }
    .view-mode-view_teaser .field-name-node-link a:after {
      background: url(../images/arrow-sprite.png) 0 -39px no-repeat;
      width: 10px;
      height: 10px;
      content: ' ';
      display: inline-block;
      margin-left: .5em; }
  @media (min-width: 600px) {
    .view-mode-view_teaser .group-left {
      width: 33.33%;
      float: left;
      padding-right: 10px; }
    .view-mode-view_teaser .group-right {
      width: 66.66%;
      float: left;
      padding-left: 10px; } }