@charset "UTF-8";
/******************************************************************
	
Stylesheet: Main Stylesheet

Here's where the magic happens. Here is where you import
all of your Sass files so they can compile into one
CSS file. 

******************************************************************/
/******************************************************************

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants.

******************************************************************/
/*********************
TOOLS
*********************/
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*********************
COLORS
*********************/
/*********************
TYPOGRAPHY
*********************/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('assets/fonts/font-name.eot');
    	src: url('assets/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('assets/fonts/font-name.woff') format('woff'),
             url('assets/fonts/font-name.ttf') format('truetype'),
             url('assets/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/*********************
CSS3 GRADIENTS.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
.row {
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex; }

.column, .columns, .columns {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1; }

/**
 * Foundation for Sites by ZURB
 * Version 6.3.0
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0); }

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0); }

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0); }

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0); }

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%); }

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%); }

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%); }

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%); }

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1; }

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1; }

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0; }

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0; }

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1; }

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0; }

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1; }

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0; }

.slow {
  transition-duration: 750ms !important; }

.fast {
  transition-duration: 250ms !important; }

.linear {
  transition-timing-function: linear !important; }

.ease {
  transition-timing-function: ease !important; }

.ease-in {
  transition-timing-function: ease-in !important; }

.ease-out {
  transition-timing-function: ease-out !important; }

.ease-in-out {
  transition-timing-function: ease-in-out !important; }

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  transition-delay: 300ms !important; }

.long-delay {
  transition-delay: 700ms !important; }

.shake {
  animation-name: shake-7; }

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%); } }

.spin-cw {
  animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn); }
  100% {
    transform: rotate(0); } }

.spin-ccw {
  animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(1turn); } }

.wiggle {
  animation-name: wiggle-7deg; }

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    transform: rotate(0); } }

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms; }

.infinite {
  animation-iteration-count: infinite; }

.slow {
  animation-duration: 750ms !important; }

.fast {
  animation-duration: 250ms !important; }

.linear {
  animation-timing-function: linear !important; }

.ease {
  animation-timing-function: ease !important; }

.ease-in {
  animation-timing-function: ease-in !important; }

.ease-out {
  animation-timing-function: ease-out !important; }

.ease-in-out {
  animation-timing-function: ease-in-out !important; }

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  animation-delay: 300ms !important; }

.long-delay {
  animation-delay: 700ms !important; }

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0; }

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block; }

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 40px; }

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
     * Add the correct display in IE.
     */
main {
  display: block; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit; }

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
  font-style: italic; }

/**
     * Add the correct background and color in IE 9-.
     */
mark {
  background-color: #ff0;
  color: #000; }

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%; }

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block; }

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
  border-style: none; }

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden; }

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible; }

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none; }

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible; }

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */ }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */ }

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto; }

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block; }

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item; }

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block; }

/**
     * Add the correct display in IE.
     */
template {
  display: none; }

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none; }

.foundation-mq {
  font-family: "small=0em&medium=48em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  box-sizing: border-box;
  font-size: 10px; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  width: 100%;
  border-radius: 0; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1; }
  [data-whatinput='mouse'] button {
    outline: 0; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.row {
  max-width: 122rem;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .row .row {
    margin-right: -1rem;
    margin-left: -1rem; }
    @media print, screen and (min-width: 48em) {
      .row .row {
        margin-right: -1.5rem;
        margin-left: -1.5rem; } }
    @media print, screen and (min-width: 64em) {
      .row .row {
        margin-right: -1.5rem;
        margin-left: -1.5rem; } }
  .row.expanded {
    max-width: none; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row.is-collapse-child,
  .row.collapse > .column > .row,
  .row.collapse > .columns > .row {
    margin-right: 0;
    margin-left: 0; }

.column, .columns {
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  padding-right: 1rem;
  padding-left: 1rem;
  min-width: initial; }
  @media print, screen and (min-width: 48em) {
    .column, .columns {
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }

.column.row.row, .row.row.columns {
  display: -ms-flexbox;
  display: flex; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.flex-container {
  display: -ms-flexbox;
  display: flex; }

.flex-child-auto {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.flex-child-grow {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.flex-child-shrink {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.flex-dir-row {
  -ms-flex-direction: row;
  flex-direction: row; }

.flex-dir-row-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.flex-dir-column {
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-dir-column-reverse {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.small-1 {
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-order-1 {
  -ms-flex-order: 1;
  order: 1; }

.small-order-2 {
  -ms-flex-order: 2;
  order: 2; }

.small-order-3 {
  -ms-flex-order: 3;
  order: 3; }

.small-order-4 {
  -ms-flex-order: 4;
  order: 4; }

.small-order-5 {
  -ms-flex-order: 5;
  order: 5; }

.small-order-6 {
  -ms-flex-order: 6;
  order: 6; }

.small-up-1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .small-up-1 > .column, .small-up-1 > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

.small-up-2 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .small-up-2 > .column, .small-up-2 > .columns {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

.small-up-3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .small-up-3 > .column, .small-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }

.small-up-4 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .small-up-4 > .column, .small-up-4 > .columns {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

.small-up-5 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .small-up-5 > .column, .small-up-5 > .columns {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }

.small-up-6 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .small-up-6 > .column, .small-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }

.small-up-7 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .small-up-7 > .column, .small-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%; }

.small-up-8 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .small-up-8 > .column, .small-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 1rem;
  padding-left: 1rem; }

@media print, screen and (min-width: 48em) {
  .medium-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-order-1 {
    -ms-flex-order: 1;
    order: 1; }
  .medium-order-2 {
    -ms-flex-order: 2;
    order: 2; }
  .medium-order-3 {
    -ms-flex-order: 3;
    order: 3; }
  .medium-order-4 {
    -ms-flex-order: 4;
    order: 4; }
  .medium-order-5 {
    -ms-flex-order: 5;
    order: 5; }
  .medium-order-6 {
    -ms-flex-order: 6;
    order: 6; }
  .medium-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .medium-up-1 > .column, .medium-up-1 > .columns {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
  .medium-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .medium-up-2 > .column, .medium-up-2 > .columns {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; }
  .medium-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .medium-up-3 > .column, .medium-up-3 > .columns {
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .medium-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .medium-up-4 > .column, .medium-up-4 > .columns {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; }
  .medium-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .medium-up-5 > .column, .medium-up-5 > .columns {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%; }
  .medium-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .medium-up-6 > .column, .medium-up-6 > .columns {
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .medium-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .medium-up-7 > .column, .medium-up-7 > .columns {
      -ms-flex: 0 0 14.28571%;
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .medium-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .medium-up-8 > .column, .medium-up-8 > .columns {
      -ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media print, screen and (min-width: 48em) and (min-width: 48em) {
  .medium-expand {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

@media print, screen and (min-width: 48em) {
  .medium-flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row; }
  .medium-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .medium-flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column; }
  .medium-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  .medium-flex-child-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .medium-flex-child-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }
  .medium-flex-child-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; } }

.row.medium-unstack > .column, .row.medium-unstack > .columns {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }
  @media print, screen and (min-width: 48em) {
    .row.medium-unstack > .column, .row.medium-unstack > .columns {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px; } }

@media print, screen and (min-width: 48em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem; } }

@media print, screen and (min-width: 64em) {
  .large-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-order-1 {
    -ms-flex-order: 1;
    order: 1; }
  .large-order-2 {
    -ms-flex-order: 2;
    order: 2; }
  .large-order-3 {
    -ms-flex-order: 3;
    order: 3; }
  .large-order-4 {
    -ms-flex-order: 4;
    order: 4; }
  .large-order-5 {
    -ms-flex-order: 5;
    order: 5; }
  .large-order-6 {
    -ms-flex-order: 6;
    order: 6; }
  .large-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .large-up-1 > .column, .large-up-1 > .columns {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
  .large-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .large-up-2 > .column, .large-up-2 > .columns {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; }
  .large-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .large-up-3 > .column, .large-up-3 > .columns {
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .large-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .large-up-4 > .column, .large-up-4 > .columns {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; }
  .large-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .large-up-5 > .column, .large-up-5 > .columns {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%; }
  .large-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .large-up-6 > .column, .large-up-6 > .columns {
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .large-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .large-up-7 > .column, .large-up-7 > .columns {
      -ms-flex: 0 0 14.28571%;
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .large-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .large-up-8 > .column, .large-up-8 > .columns {
      -ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media print, screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

@media print, screen and (min-width: 64em) {
  .large-flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row; }
  .large-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .large-flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column; }
  .large-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  .large-flex-child-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .large-flex-child-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }
  .large-flex-child-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; } }

.row.large-unstack > .column, .row.large-unstack > .columns {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }
  @media print, screen and (min-width: 64em) {
    .row.large-unstack > .column, .row.large-unstack > .columns {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px; } }

@media print, screen and (min-width: 64em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 1.5rem;
    padding-left: 1.5rem; } }

.shrink {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%; }

.align-right {
  -ms-flex-pack: end;
  justify-content: flex-end; }

.align-center {
  -ms-flex-pack: center;
  justify-content: center; }

.align-justify {
  -ms-flex-pack: justify;
  justify-content: space-between; }

.align-spaced {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.align-top {
  -ms-flex-align: start;
  align-items: flex-start; }

.align-self-top {
  -ms-flex-item-align: start;
  align-self: flex-start; }

.align-bottom {
  -ms-flex-align: end;
  align-items: flex-end; }

.align-self-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end; }

.align-middle {
  -ms-flex-align: center;
  align-items: center; }

.align-self-middle {
  -ms-flex-item-align: center;
  align-self: center; }

.align-stretch {
  -ms-flex-align: stretch;
  align-items: stretch; }

.align-self-stretch {
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.small-order-1 {
  -ms-flex-order: 1;
  order: 1; }

.small-order-2 {
  -ms-flex-order: 2;
  order: 2; }

.small-order-3 {
  -ms-flex-order: 3;
  order: 3; }

.small-order-4 {
  -ms-flex-order: 4;
  order: 4; }

.small-order-5 {
  -ms-flex-order: 5;
  order: 5; }

.small-order-6 {
  -ms-flex-order: 6;
  order: 6; }

@media print, screen and (min-width: 48em) {
  .medium-order-1 {
    -ms-flex-order: 1;
    order: 1; }
  .medium-order-2 {
    -ms-flex-order: 2;
    order: 2; }
  .medium-order-3 {
    -ms-flex-order: 3;
    order: 3; }
  .medium-order-4 {
    -ms-flex-order: 4;
    order: 4; }
  .medium-order-5 {
    -ms-flex-order: 5;
    order: 5; }
  .medium-order-6 {
    -ms-flex-order: 6;
    order: 6; } }

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -ms-flex-order: 1;
    order: 1; }
  .large-order-2 {
    -ms-flex-order: 2;
    order: 2; }
  .large-order-3 {
    -ms-flex-order: 3;
    order: 3; }
  .large-order-4 {
    -ms-flex-order: 4;
    order: 4; }
  .large-order-5 {
    -ms-flex-order: 5;
    order: 5; }
  .large-order-6 {
    -ms-flex-order: 6;
    order: 6; } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    line-height: 0;
    color: #cacaca; }

h1 {
  font-size: 2.4rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h2 {
  font-size: 2rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h3 {
  font-size: 1.9rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h4 {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5 {
  font-size: 1.7rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6 {
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

@media print, screen and (min-width: 48em) {
  h1 {
    font-size: 4.8rem; }
  h2 {
    font-size: 4rem; }
  h3 {
    font-size: 3.1rem; }
  h4 {
    font-size: 2.5rem; }
  h5 {
    font-size: 2rem; }
  h6 {
    font-size: 1.6rem; } }

a {
  line-height: inherit;
  color: #61A534;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #44841a; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 122rem;
  height: 0;
  margin: 2rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.9rem 2rem 0 1.9rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 1.3rem;
  color: #8a8a8a; }
  cite:before {
    content: "— "; }

abbr {
  border-bottom: 1px dotted #0a0a0a;
  color: #0a0a0a;
  cursor: help; }

figure {
  margin: 0; }

code {
  padding: 0.2rem 0.5rem 0.1rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a; }

kbd {
  margin: 0;
  padding: 0.2rem 0.4rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 12.5px;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 48em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 3.9rem;
  margin: 0 0 1.6rem;
  padding: 0.8rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: normal;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cacaca; }

input::placeholder,
textarea::placeholder {
  color: #cacaca; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0; }

input[type='search'] {
  box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1.6rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.8rem;
  margin-right: 1.6rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.8rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 1.6rem;
    padding: 0.9rem 0; }

.help-text {
  margin-top: -0.8rem;
  font-size: 1.3rem;
  font-style: italic;
  color: #0a0a0a; }

.input-group {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1.6rem;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .input-group > :first-child {
    border-radius: 0 0 0 0; }
  .input-group > :last-child > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-align: center;
  align-items: center; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  height: auto;
  min-width: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    height: 4rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.6rem; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.8rem; }

.fieldset {
  margin: 1.8rem 0;
  padding: 2rem;
  border: 1px solid #cacaca; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.3rem;
    padding: 0 0.3rem;
    background: #fefefe; }

select {
  height: 3.9rem;
  margin: 0 0 1.6rem;
  padding: 0.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1.6rem;
  line-height: normal;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1.6rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 2.4rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea; }
  .is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37; }

.is-invalid-label {
  color: #cc4b37; }

.form-error {
  display: none;
  margin-top: -0.8rem;
  margin-bottom: 1.6rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #cc4b37; }
  .form-error.is-visible {
    display: block; }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #61A534;
  color: #fefefe; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #528c2c;
    color: #fefefe; }
  .button.tiny {
    font-size: 0.8rem; }
  .button.small {
    font-size: 1.2rem; }
  .button.large {
    font-size: 2.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button.primary {
    background-color: #1779ba;
    color: #fefefe; }
    .button.primary:hover, .button.primary:focus {
      background-color: #126195;
      color: #fefefe; }
  .button.secondary {
    background-color: #767676;
    color: #fefefe; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #5e5e5e;
      color: #fefefe; }
  .button.success {
    background-color: #3adb76;
    color: #0a0a0a; }
    .button.success:hover, .button.success:focus {
      background-color: #22bb5b;
      color: #0a0a0a; }
  .button.warning {
    background-color: #ffae00;
    color: #0a0a0a; }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: #0a0a0a; }
  .button.alert {
    background-color: #cc4b37;
    color: #fefefe; }
    .button.alert:hover, .button.alert:focus {
      background-color: #a53b2a;
      color: #fefefe; }
  .button.hollow {
    border: 1px solid #1779ba;
    color: #1779ba; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #0c3d5d;
      color: #0c3d5d; }
    .button.hollow.primary {
      border: 1px solid #1779ba;
      color: #1779ba; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #0c3d5d;
        color: #0c3d5d; }
    .button.hollow.secondary {
      border: 1px solid #767676;
      color: #767676; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #3b3b3b;
        color: #3b3b3b; }
    .button.hollow.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #157539;
        color: #157539; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
    .button.hollow.alert {
      border: 1px solid #cc4b37;
      color: #cc4b37; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #67251a;
        color: #67251a; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #1779ba;
      color: #fefefe; }
    .button.disabled.primary, .button[disabled].primary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
        background-color: #1779ba;
        color: #fefefe; }
    .button.disabled.secondary, .button[disabled].secondary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #767676;
        color: #fefefe; }
    .button.disabled.success, .button[disabled].success {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #3adb76;
        color: #fefefe; }
    .button.disabled.warning, .button[disabled].warning {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #ffae00;
        color: #fefefe; }
    .button.disabled.alert, .button[disabled].alert {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cc4b37;
        color: #fefefe; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em; }
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none; }

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0; }

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0; }

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 1.2rem;
  line-height: 1;
  color: #1779ba; }
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6; }
  .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'; }
  .is-active > .accordion-title::before {
    content: '–'; }

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a; }
  :last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6; }

.is-accordion-submenu-parent > a {
  position: relative; }
  .is-accordion-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem; }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%; }

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #1779ba;
  color: #fefefe; }
  .badge.primary {
    background: #1779ba;
    color: #fefefe; }
  .badge.secondary {
    background: #767676;
    color: #fefefe; }
  .badge.success {
    background: #3adb76;
    color: #0a0a0a; }
  .badge.warning {
    background: #ffae00;
    color: #0a0a0a; }
  .badge.alert {
    background: #cc4b37;
    color: #fefefe; }

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none; }
  .breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    font-size: 1.1rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      position: relative;
      top: 1px;
      margin: 0 0.75rem;
      opacity: 1;
      content: "/";
      color: #cacaca; }
  .breadcrumbs a {
    color: #1779ba; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed; }

.button-group {
  margin-bottom: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .button-group::before, .button-group::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 1.8rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    .button-group .button:last-child {
      margin-right: 0; }
  .button-group.tiny .button {
    font-size: 0.8rem; }
  .button-group.small .button {
    font-size: 1.2rem; }
  .button-group.large .button {
    font-size: 2.25rem; }
  .button-group.expanded .button {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; }
  .button-group.primary .button {
    background-color: #1779ba;
    color: #fefefe; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #126195;
      color: #fefefe; }
  .button-group.secondary .button {
    background-color: #767676;
    color: #fefefe; }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background-color: #5e5e5e;
      color: #fefefe; }
  .button-group.success .button {
    background-color: #3adb76;
    color: #0a0a0a; }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background-color: #22bb5b;
      color: #0a0a0a; }
  .button-group.warning .button {
    background-color: #ffae00;
    color: #0a0a0a; }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background-color: #cc8b00;
      color: #0a0a0a; }
  .button-group.alert .button {
    background-color: #cc4b37;
    color: #fefefe; }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background-color: #a53b2a;
      color: #fefefe; }
  .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
      .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
        margin-bottom: 0; }
  @media print, screen and (min-width: 48em) {
    .button-group.stacked-for-small .button {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px;
      margin-bottom: 0; } }
  @media screen and (max-width: 47.9375em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a; }
  .callout.secondary {
    background-color: #eaeaea;
    color: #0a0a0a; }
  .callout.success {
    background-color: #e1faea;
    color: #0a0a0a; }
  .callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a; }
  .callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1rem;
  border: none;
  border-radius: 0;
  background: #EAEADE;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a; }
  .card > :last-child {
    margin-bottom: 0; }

.card-divider {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1rem;
  background: #EAEADE; }
  .card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 1rem; }
  .card-section > :last-child {
    margin-bottom: 0; }

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #0a0a0a; }
  .close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

.menu {
  margin: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }
  .menu > li {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    [data-whatinput='mouse'] .menu > li {
      outline: 0; }
  .menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1; }
  .menu input,
  .menu select,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu > li > a {
    display: -ms-flexbox;
    display: flex; }
  .menu > li > a {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
    .menu > li > a img,
    .menu > li > a i,
    .menu > li > a svg {
      margin-right: 0.25rem; }
  .menu, .menu.horizontal {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .menu > li, .menu.horizontal > li {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  .menu.expanded > li {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; }
  .menu.expanded > li:first-child:last-child {
    width: 100%; }
  .menu.vertical {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .menu.vertical > li {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    .menu.vertical > li > a {
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
  @media print, screen and (min-width: 48em) {
    .menu.medium-horizontal {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      .menu.medium-horizontal > li {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
    .menu.medium-expanded > li {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px; }
    .menu.medium-expanded > li:first-child:last-child {
      width: 100%; }
    .menu.medium-vertical {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .menu.medium-vertical > li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
      .menu.medium-vertical > li > a {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; } }
  @media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      .menu.large-horizontal > li {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
    .menu.large-expanded > li {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px; }
    .menu.large-expanded > li:first-child:last-child {
      width: 100%; }
    .menu.large-vertical {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .menu.large-vertical > li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
      .menu.large-vertical > li > a {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; } }
  .menu.simple li {
    display: inline-block;
    margin-right: 1rem;
    line-height: 1; }
  .menu.simple a {
    padding: 0; }
  .menu.align-right {
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .menu.icon-top > li > a {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap; }
    .menu.icon-top > li > a img,
    .menu.icon-top > li > a i,
    .menu.icon-top > li > a svg {
      -ms-flex-item-align: stretch;
      align-self: stretch;
      margin-bottom: 0.25rem;
      text-align: center; }
  .menu.icon-top.vertical a > span {
    margin: auto; }
  .menu.nested {
    margin-left: 1rem; }
  .menu .active > a {
    background: transparent;
    color: #44841a; }
  .menu.menu-bordered li {
    border: 1px solid #e6e6e6; }
    .menu.menu-bordered li:not(:first-child) {
      border-top: 0; }
  .menu.menu-hover li:hover {
    background-color: #e6e6e6; }

.menu-text {
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit; }

.menu-centered {
  text-align: center; }
  .menu-centered > .menu {
    display: inline-block; }

.no-js [data-responsive-menu] ul {
  display: none; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: ''; }
  .menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: ''; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.is-drilldown {
  position: relative;
  overflow: hidden; }
  .is-drilldown li {
    display: block; }
  .is-drilldown.animate-height {
    transition: height 0.5s; }

.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear; }
  .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    transform: translateX(-100%); }
  .is-drilldown-submenu.is-closing {
    transform: translateX(100%); }

.drilldown-submenu-cover-previous {
  min-height: 100%; }

.is-drilldown-submenu-parent > a {
  position: relative; }
  .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem; }

.js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
  border-left-width: 0; }

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: block;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-size: 1rem; }
  .dropdown-pane.is-open {
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #61A534 transparent transparent;
  right: 5px;
  margin-top: -3px; }

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%; }

.dropdown.menu.vertical > li > a::after {
  right: 14px; }

.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #61A534 transparent transparent; }

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #61A534; }

@media print, screen and (min-width: 48em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #61A534 transparent transparent;
    right: 5px;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #61A534 transparent transparent; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #61A534; } }

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #61A534 transparent transparent;
    right: 5px;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #61A534 transparent transparent; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #61A534; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #61A534 transparent transparent; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #61A534; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.responsive-embed, .flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1.6rem;
  padding-bottom: 75%;
  overflow: hidden; }
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video, .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive-embed.widescreen, .flex-video.widescreen {
    padding-bottom: 56.25%; }

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #fefefe; }
  .label.primary {
    background: #1779ba;
    color: #fefefe; }
  .label.secondary {
    background: #767676;
    color: #fefefe; }
  .label.success {
    background: #3adb76;
    color: #0a0a0a; }
  .label.warning {
    background: #ffae00;
    color: #0a0a0a; }
  .label.alert {
    background: #cc4b37;
    color: #fefefe; }

.media-object {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  .media-object img {
    max-width: none; }
  @media screen and (max-width: 47.9375em) {
    .media-object.stack-for-small {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media screen and (max-width: 47.9375em) {
    .media-object.stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%; }
      .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem; }
  .media-object-section > :last-child {
    margin-bottom: 0; }
  .media-object-section.main-section {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; }

.is-off-canvas-open {
  overflow: hidden; }

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden; }
  .js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible; }
  .js-off-canvas-overlay.is-closable {
    cursor: pointer; }
  .js-off-canvas-overlay.is-overlay-absolute {
    position: absolute; }
  .js-off-canvas-overlay.is-overlay-fixed {
    position: fixed; }

.off-canvas-wrapper {
  position: relative;
  overflow: hidden; }

.off-canvas {
  position: fixed;
  z-index: 1;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6; }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.is-transition-overlap {
    z-index: 10; }
    .off-canvas.is-transition-overlap.is-open {
      box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
  .off-canvas.is-open {
    transform: translate(0, 0); }

.off-canvas-absolute {
  position: absolute;
  z-index: 1;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6; }
  [data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0; }
  .off-canvas-absolute.is-transition-overlap {
    z-index: 10; }
    .off-canvas-absolute.is-transition-overlap.is-open {
      box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
  .off-canvas-absolute.is-open {
    transform: translate(0, 0); }

.position-left {
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  transform: translateX(-250px);
  overflow-y: auto; }
  .position-left.is-open ~ .off-canvas-content {
    transform: translateX(250px); }
  .position-left.is-transition-push::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
    content: " "; }
  .position-left.is-transition-overlap.is-open ~ .off-canvas-content {
    transform: none; }

.position-right {
  top: 0;
  right: 0;
  width: 250px;
  height: 100%;
  transform: translateX(250px);
  overflow-y: auto; }
  .position-right.is-open ~ .off-canvas-content {
    transform: translateX(-250px); }
  .position-right.is-transition-push::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
    content: " "; }
  .position-right.is-transition-overlap.is-open ~ .off-canvas-content {
    transform: none; }

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  transform: translateY(-250px);
  overflow-x: auto; }
  .position-top.is-open ~ .off-canvas-content {
    transform: translateY(250px); }
  .position-top.is-transition-push::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
    content: " "; }
  .position-top.is-transition-overlap.is-open ~ .off-canvas-content {
    transform: none; }

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px;
  transform: translateY(250px);
  overflow-x: auto; }
  .position-bottom.is-open ~ .off-canvas-content {
    transform: translateY(-250px); }
  .position-bottom.is-transition-push::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
    content: " "; }
  .position-bottom.is-transition-overlap.is-open ~ .off-canvas-content {
    transform: none; }

.off-canvas-content {
  transition: transform 0.5s ease;
  backface-visibility: hidden; }

@media print, screen and (min-width: 48em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 1; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 1; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 1; }
    .position-top.reveal-for-medium ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 1; }
    .position-bottom.reveal-for-medium ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 1; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 1; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 1; }
    .position-top.reveal-for-large ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 1; }
    .position-bottom.reveal-for-large ~ .off-canvas-content {
      margin-bottom: 250px; } }

.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden; }

.orbit-slide {
  width: 100%; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe; }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous {
  left: 0; }

.orbit-next {
  left: auto;
  right: 0; }

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #cacaca; }
    .orbit-bullets button:hover {
      background-color: #8a8a8a; }
    .orbit-bullets button.is-active {
      background-color: #8a8a8a; }

.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1; }
  .pagination::after {
    clear: both; }
  .pagination li {
    margin-right: 0.1rem;
    border-radius: 0;
    font-size: 1.4rem;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media print, screen and (min-width: 48em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    display: block;
    padding: 0.3rem 1rem;
    border-radius: 0;
    color: #0a0a0a; }
    .pagination a:hover,
    .pagination button:hover {
      background: #e6e6e6; }
  .pagination .current {
    padding: 0.3rem 1rem;
    background: #1779ba;
    color: #fefefe;
    cursor: default; }
  .pagination .disabled {
    padding: 0.3rem 1rem;
    color: #cacaca;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    padding: 0.3rem 1rem;
    content: '\2026';
    color: #0a0a0a; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: '\00ab'; }

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: '\00bb'; }

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cacaca; }
  .progress.primary .progress-meter {
    background-color: #1779ba; }
  .progress.secondary .progress-meter {
    background-color: #767676; }
  .progress.success .progress-meter {
    background-color: #3adb76; }
  .progress.warning .progress-meter {
    background-color: #ffae00; }
  .progress.alert .progress-meter {
    background-color: #cc4b37; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1779ba; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap; }

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #1779ba;
  transition: all 0.2s ease-in-out;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #14679e; }
  .slider-handle.is-dragging {
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateX(-50%); }

.sticky-container {
  position: relative; }

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

body.is-reveal-open {
  overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
  min-height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll; }

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 48em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns,
  .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 48em) {
    .reveal {
      width: 600px;
      max-width: 122rem; } }
  @media print, screen and (min-width: 48em) {
    .reveal .reveal {
      right: auto;
      left: auto;
      margin: 0 auto; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 48em) {
    .reveal.tiny {
      width: 30%;
      max-width: 122rem; } }
  @media print, screen and (min-width: 48em) {
    .reveal.small {
      width: 50%;
      max-width: 122rem; } }
  @media print, screen and (min-width: 48em) {
    .reveal.large {
      width: 90%;
      max-width: 122rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 47.9375em) {
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fefefe;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0; }

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #fefefe;
    transition: all 0.25s ease-out;
    content: ''; }
  input:checked ~ .switch-paddle {
    background: #1779ba; }
    input:checked ~ .switch-paddle::after {
      left: 2.25rem; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny {
  height: 1.5rem; }
  .switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 1rem; }
  .switch.tiny .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1rem;
    height: 1rem; }
  .switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem; }

.switch.small {
  height: 1.75rem; }
  .switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 1.2rem; }
  .switch.small .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  .switch.small input:checked ~ .switch-paddle::after {
    left: 2rem; }

.switch.large {
  height: 2.5rem; }
  .switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1.6rem; }
  .switch.large .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 2rem;
    height: 2rem; }
  .switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem; }

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0; }
  table thead,
  table tbody,
  table tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe; }
  table caption {
    padding: 0.8rem 1rem 1rem;
    font-weight: bold; }
  table thead {
    background: #f8f8f8;
    color: #0a0a0a; }
  table tfoot {
    background: #f1f1f1;
    color: #0a0a0a; }
  table thead tr,
  table tfoot tr {
    background: transparent; }
  table thead th,
  table thead td,
  table tfoot th,
  table tfoot td {
    padding: 0.8rem 1rem 1rem;
    font-weight: bold;
    text-align: left; }
  table tbody th,
  table tbody td {
    padding: 0.8rem 1rem 1rem; }
  table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1; }
  table.unstriped tbody {
    background-color: #fefefe; }
    table.unstriped tbody tr {
      border-bottom: 0;
      border-bottom: 1px solid #f1f1f1;
      background-color: #fefefe; }

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #f3f3f3; }

table.hover tfoot tr:hover {
  background-color: #ececec; }

table.hover tbody tr:hover {
  background-color: #f9f9f9; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none; }
  .tabs::before, .tabs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #1779ba; }
  .tabs.primary > li > a {
    color: #fefefe; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #1673b1; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 1.2rem;
    line-height: 1;
    color: #1779ba; }
    .tabs-title > a:hover {
      background: #fefefe;
      color: #1468a0; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #e6e6e6;
      color: #1779ba; }

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel[aria-hidden="false"] {
    display: block; }

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0; }

a.thumbnail {
  transition: box-shadow 200ms ease-out; }
  a.thumbnail:hover, a.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); }
  a.thumbnail image {
    box-shadow: none; }

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fefefe;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }

.title-bar-left,
.title-bar-right {
  -ms-flex: 1 1 0px;
  flex: 1 1 0px; }

.title-bar-right {
  text-align: right; }

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold; }

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help; }

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #0a0a0a;
  font-size: 80%;
  color: #fefefe; }
  .tooltip::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #0a0a0a;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%); }
  .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0a0a0a transparent transparent;
    top: 100%;
    bottom: auto; }
  .tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0a0a0a;
    top: 50%;
    bottom: auto;
    left: 100%;
    transform: translateY(-50%); }
  .tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #0a0a0a transparent transparent;
    top: 50%;
    right: 100%;
    bottom: auto;
    left: auto;
    transform: translateY(-50%); }

.top-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .top-bar,
  .top-bar ul {
    background-color: #e6e6e6; }
  .top-bar ul ul {
    background-color: #0a0a0a; }
  .top-bar input {
    max-width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  @media print, screen and (min-width: 48em) {
    .top-bar {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      .top-bar .top-bar-left {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
      .top-bar .top-bar-right {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto; } }
  @media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .top-bar.stacked-for-medium .top-bar-left,
      .top-bar.stacked-for-medium .top-bar-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; } }
  @media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .top-bar.stacked-for-large .top-bar-left,
      .top-bar.stacked-for-large .top-bar-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; } }

.top-bar-title {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0.45rem 1rem 0 1rem; }

.top-bar-left,
.top-bar-right {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 47.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 48em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 48em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 47.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 47.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-order: 1;
  order: 1; }

.clearfix::after {
  clear: both; }

/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/
/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  max-width: 1220px;
  margin: 0 auto; }
  #content #inner-content {
    padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

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

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #61A534;
  color: #fefefe; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background-color: #528c2c;
    color: #fefefe; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }

/*********************
FOUNDATION STYLES
*********************/
/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

.title-bar .menu-icon {
  float: right; }

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
  font-size: 1.8rem !important;
  font-weight: bold;
  width: 100% !important; }

/* Compass utilities */
/*@import "compass/utilities/general";
@import "compass/css3";
@import "compass/support";
@import "compass/css3/box-sizing";
@import "compass/typography/vertical_rhythm";*/
/* Configuration styles */
/* Colours------------------------------ */
/* Primary palette */
/* Complimentary palette */
/* Non compliant palette */
/* Additional palette */
/* Selection Colour */
/* Non GIP colours */
/* Font stacks */
/* Dimensions */
/* Effects */
/* Pilyfil HTC urls */
/* normalize.css v2.1.0 | MIT License | git.io/normalize */
/* normalize.scss v2.1.0 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  /* Establish a vertical rhythm unit using $base-line-height. */
  line-height: 1.5em; }

/**
     * Address `font-family` inconsistency between `textarea` and other form
     * elements in IE 6/7.
     */
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Set 1 unit of vertical rhythm on the top and bottom margin.
 */
p,
pre {
  margin: 1.5em 0; }

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  line-height: 1.5em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.75em;
  margin-bottom: 0.75em; }

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

h3 {
  font-size: 1.17em;
  line-height: 1.28205em;
  margin-top: 1.28205em;
  margin-bottom: 1.28205em; }

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

h5 {
  font-size: 0.83em;
  line-height: 1.80723em;
  margin-top: 1.80723em;
  margin-bottom: 1.80723em; }

h6 {
  font-size: 0.67em;
  line-height: 2.23881em;
  margin-top: 2.23881em;
  margin-bottom: 2.23881em; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  box-sizing: border-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
  line-height: 1.5em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Set 1 unit of vertical rhythm and a consistent indentation.
 */
dl,
menu,
ol,
ul {
  margin: 1.5em 0;
  padding: 0 0 0 40px; }

dl {
  padding: 0; }

dd {
  margin: 0 0 0 40px; }

/**
     * Correct list images handled incorrectly in IE 7.
     */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
  /* Improve image quality when scaled in IE 7. */
  -ms-interpolation-mode: bicubic; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
     * Correct margin displayed oddly in IE 6/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-style: solid;
  border-top-width: 0.0625em;
  padding-top: 0.4625em;
  border-bottom-style: solid;
  border-bottom-width: 0.0625em;
  padding-bottom: 0.9125em;
  border-left-style: solid;
  border-left-width: 0.0625em;
  padding-left: 0.875em;
  border-right-style: solid;
  border-right-width: 0.0625em;
  padding-right: 0.875em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  vertical-align: baseline;
  /* 4 */
  *vertical-align: middle;
  /* 4 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

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

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

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve 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; }

@font-face {
  font-family: 'OxfamHeadline';
  src: url("../fonts/oxfamglobalheadline-webfont.woff2") format("woff2"), url("../fonts/oxfamglobalheadline-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'oa-icons';
  src: font-url("../fonts/oa-icons.eot");
  src: font-url("../fonts/oa-icons.eot?#iefix") format("embedded-opentype"), font-url("../fonts/oa-icons.woff") format("woff"), font-url("../fonts/oa-icons.ttf") format("truetype"), font-url("../fonts/oa-icons.svg#oa-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ous-icons';
  src: url("../fonts/ous-icons.eot?stcnyu");
  src: url("../fonts/ous-icons.eot?stcnyu#iefix") format("embedded-opentype"), url("../fonts/ous-icons.ttf?stcnyu") format("truetype"), url("../fonts/ous-icons.woff?stcnyu") format("woff"), url("../fonts/ous-icons.svg?stcnyu#ous-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'oa-icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-volunteer, .icon-twitter, .icon-take-action, .icon-pinterest, .icon-phone, .icon-mobile-nav, .icon-mail, .icon-home, .icon-google-plus, .icon-facebook, .icon-new-tab, .icon-donate, .icon-arrow-left, .icon-search, .icon-info-icon, .icon-arrow {
  font-family: 'ous-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-volunteer:before {
  content: "\e000"; }

.icon-twitter:before {
  content: "\e001"; }

.icon-take-action:before {
  content: "\e002"; }

.icon-pinterest:before {
  content: "\e003"; }

.icon-phone:before {
  content: "\e004"; }

.icon-mobile-nav:before {
  content: "\e005"; }

.icon-mail:before {
  content: "\e006"; }

.icon-home:before {
  content: "\e007"; }

.icon-google-plus:before {
  content: "\e008"; }

.icon-facebook:before {
  content: "\e009"; }

.icon-new-tab:before {
  content: "\e00a"; }

.icon-donate:before {
  content: "\e00b"; }

.icon-arrow:before {
  content: "\e00c"; }

.icon-search:before {
  content: "\e00d"; }

.icon-info-icon:before {
  content: "\e00e"; }

/* new icons */
.icon-linkedin, .icon-arrow_forward, .icon-light_bulb, .icon-arrow_back, .icon-arrow_down, .icon-arrow_up, .icon-basic_circle, .icon-basic_square, .icon-basic_triangle, .icon-brandoxfam, .icon-building, .icon-calendar, .icon-capitol_building, .icon-cart_natural_resources, .icon-chart, .icon-close_circle, .icon-cog, .icon-conversation, .icon-Exclamation-point, .icon-gift, .icon-hand, .icon-heart, .icon-home, .icon-images, .icon-info, .icon-instagram, .icon-leaf, .icon-magnifying_glass, .icon-megaphone, .icon-mobile_phone, .icon-paper, .icon-pencil, .icon-person_woman, .icon-person, .icon-plant, .icon-plate, .icon-podium, .icon-quote_1, .icon-quote_2, .icon-recycle, .icon-scales, .icon-shaking_hands, .icon-shopping_cart, .icon-speech_bubble, .icon-star, .icon-tablet, .icon-tent, .icon-three_hands, .icon-three_people, .icon-thumbs_up, .icon-toilet, .icon-toolbox, .icon-trash_can, .icon-two_arrows, .icon-umbrella, .icon-US_map, .icon-water_droplet, .icon-water_spigot, .icon-world, .icon-youtube {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ous-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-linkedin:before {
  content: "\e917"; }

.icon-arrow_forward:before {
  content: "\e918"; }

.icon-light_bulb:before {
  content: "\e919"; }

.icon-arrow_back:before {
  content: "\e900"; }

.icon-arrow_down:before {
  content: "\e901"; }

.icon-arrow_up:before {
  content: "\e902"; }

.icon-basic_circle:before {
  content: "\e903"; }

.icon-basic_square:before {
  content: "\e904"; }

.icon-basic_triangle:before {
  content: "\e905"; }

.icon-brandoxfam:before {
  content: "\e91c"; }

.icon-building:before {
  content: "\e906"; }

.icon-calendar:before {
  content: "\e907"; }

.icon-capitol_building:before {
  content: "\e908"; }

.icon-cart_natural_resources:before {
  content: "\e909"; }

.icon-chart:before {
  content: "\e90a"; }

.icon-close_circle:before {
  content: "\e90b"; }

.icon-cog:before {
  content: "\e90c"; }

.icon-conversation:before {
  content: "\e90d"; }

.icon-Exclamation-point:before {
  content: "\e90e"; }

.icon-gift:before {
  content: "\e90f"; }

.icon-hand:before {
  content: "\e910"; }

.icon-heart:before {
  content: "\e911"; }

.icon-home:before {
  content: "\e912"; }

.icon-images:before {
  content: "\e913"; }

.icon-info:before {
  content: "\e914"; }

.icon-instagram:before {
  content: "\e915"; }

.icon-leaf:before {
  content: "\e916"; }

.icon-magnifying_glass:before {
  content: "\e924"; }

.icon-megaphone:before {
  content: "\e925"; }

.icon-mobile_phone:before {
  content: "\e926"; }

.icon-paper:before {
  content: "\e927"; }

.icon-pencil:before {
  content: "\e928"; }

.icon-person_woman:before {
  content: "\e929"; }

.icon-person:before {
  content: "\e92a"; }

.icon-plant:before {
  content: "\e92b"; }

.icon-plate:before {
  content: "\e92c"; }

.icon-podium:before {
  content: "\e92d"; }

.icon-quote_1:before {
  content: "\e92e"; }

.icon-quote_2:before {
  content: "\e92f"; }

.icon-recycle:before {
  content: "\e930"; }

.icon-scales:before {
  content: "\e931"; }

.icon-shaking_hands:before {
  content: "\e932"; }

.icon-shopping_cart:before {
  content: "\e933"; }

.icon-speech_bubble:before {
  content: "\e934"; }

.icon-star:before {
  content: "\e935"; }

.icon-tablet:before {
  content: "\e936"; }

.icon-tent:before {
  content: "\e937"; }

.icon-three_hands:before {
  content: "\e938"; }

.icon-three_people:before {
  content: "\e939"; }

.icon-thumbs_up:before {
  content: "\e93a"; }

.icon-toilet:before {
  content: "\e93b"; }

.icon-toolbox:before {
  content: "\e93c"; }

.icon-trash_can:before {
  content: "\e93d"; }

.icon-two_arrows:before {
  content: "\e93e"; }

.icon-umbrella:before {
  content: "\e93f"; }

.icon-US_map:before {
  content: "\e940"; }

.icon-water_droplet:before {
  content: "\e941"; }

.icon-water_spigot:before {
  content: "\e942"; }

.icon-world:before {
  content: "\e943"; }

.icon-youtube:before {
  content: "\e91a"; }

.icon-uniE600:before {
  content: "\e600"; }

.icon-uniE000:before {
  content: "\e000"; }

.icon-uniE001:before {
  content: "\e001"; }

.icon-uniE002:before {
  content: "\e002"; }

.icon-uniE003:before {
  content: "\e003"; }

.icon-uniE004:before {
  content: "\e004"; }

.icon-uniE005:before {
  content: "\e005"; }

.icon-uniE006:before {
  content: "\e006"; }

.icon-uniE007:before {
  content: "\e007"; }

.icon-uniE008:before {
  content: "\e008"; }

.icon-uniE009:before {
  content: "\e009"; }

.icon-uniE00A:before {
  content: "\e00a"; }

.icon-uniE00B:before {
  content: "\e00b"; }

.icon-uniE00C:before {
  content: "\e00c"; }

.icon-uniE00D:before {
  content: "\e00d"; }

.icon-uniE00E:before {
  content: "\e00e"; }

.icon-uniE601:before {
  content: "\e601"; }

/* Responsive mixins */
/* Column mixins */
/* Font size mixins */
/* Proportional sizing mixins */
/* Flexbox mixins */
html {
  font: 62.5% / 1.4 Arial, sans-serif;
  /* Sets up the Base 10 stuff */ }

body, .bodywrapper {
  color: #545454;
  font-size: 1.6rem; }

a:link,
a:visited {
  color: #61A534;
  text-decoration: none;
  transition: color 200ms ease-in-out; }

a:hover,
a:active,
a:focus {
  color: #44841a; }

.alt-links a:link,
.alt-links a:visited {
  color: #61A534; }

.alt-links a:hover,
.alt-links a:active,
.alt-links a:focus {
  text-decoration: underline; }

.white-link:link, .white-link:visited {
  color: #FFF;
  font-weight: bold;
  text-decoration: underline; }

.white-link:hover, .white-link:active, .white-link:focus {
  color: #333; }

.dark-link:link, .cmpnt-breadcrums li a:link, .dark-link:visited, .cmpnt-breadcrums li a:visited {
  color: #545454; }

.dark-link:hover, .cmpnt-breadcrums li a:hover, .dark-link:active, .cmpnt-breadcrums li a:active, .dark-link:focus, .cmpnt-breadcrums li a:focus {
  color: #61A534; }

a[href^="tel:"] {
  color: #545454; }
  a[href^="tel:"] i {
    color: #61A534; }
  a[href^="tel:"]:hover {
    color: #61A534; }

h1 {
  font-family: OxfamHeadline, Arial, sans-serif;
  font-size: 3.2rem;
  font-weight: normal; }

h2 {
  font-size: 2.2rem;
  line-height: 2.4rem; }

h3 {
  font-size: 2.2rem;
  line-height: 2.4rem;
  font-weight: normal; }

h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-size: 1.8rem;
  line-height: 2.2rem; }

h5 {
  font-size: 1.6rem;
  line-height: 2.4rem; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0; }

p, ul, ol {
  margin: 0 0 1.4em 0; }
  p:last-child, ul:last-child, ol:last-child {
    margin-bottom: 0; }

hr {
  margin: 20px 0;
  border: 0;
  border-top: 2px solid #EAEADE;
  border-bottom: 1px solid #FFF; }

@-ms-viewport {
  width: device-width; }

.hidden {
  display: none;
  visibility: hidden; }

.hidden-visible {
  display: none;
  visibility: visible; }

.visible-phone {
  display: none !important; }

.visible-tablet {
  display: none !important; }

.hidden-desktop {
  display: none !important; }

.visible-desktop {
  display: inherit !important; }

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-tablet {
    display: inherit !important; }
  .hidden-tablet {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-phone {
    display: inherit !important; }
  .hidden-phone {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: inherit !important; }
  .hidden-print {
    display: none !important; } }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0; }
  .clearfix:after {
    clear: both; }

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 42px;
  box-sizing: border-box; }

/* Global styles */
.form-large {
  background: #FFF;
  padding: 20px; }
  @media only screen and (min-width: 1024px) {
    .form-large form {
      margin-left: 10%; } }

.sort-code input[type=text] {
  width: 30px;
  height: 35px;
  margin-right: 5px;
  text-align: center; }

.sort-code span {
  height: 2px;
  width: 5px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 5px;
  position: relative;
  border-top: 2px solid #EAEADE; }

input[type=search], button {
  border-radius: 0;
  -webkit-appearance: none; }

form {
  margin: 0 0 20px; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333;
  border: 0; }
  legend small {
    font-size: 15px;
    color: #545454; }

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px; }

input,
button,
select,
textarea {
  font-family: Arial, sans-serif; }

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem; }
  label.inline, label.radio, label.checkbox {
    font-weight: normal; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 42px;
  padding: 4px 6px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  border-radius: 0;
  vertical-align: middle; }

input,
textarea,
select,
.uneditable-input {
  width: 100%;
  max-width: 320px; }
  @media only screen and (max-width: 480px) {
    input,
    textarea,
    select,
    .uneditable-input {
      max-width: 250px; } }

textarea {
  height: auto; }

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #EAEADE;
  border: 1px solid transparent;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  box-shadow: inset 2px 2px 2px rgba(226, 226, 215, 0.96);
  transition: all 200ms ease-in-out; }
  textarea:focus,
  select:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    background-color: #e0e0ce;
    box-shadow: inset 0 0 0 rgba(226, 226, 215, 0.96);
    transition: all 200ms ease-in-out; }

.alt-form textarea,
.alt-form select,
.alt-form input[type="text"],
.alt-form input[type="password"],
.alt-form input[type="datetime"],
.alt-form input[type="datetime-local"],
.alt-form input[type="date"],
.alt-form input[type="month"],
.alt-form input[type="time"],
.alt-form input[type="week"],
.alt-form input[type="number"],
.alt-form input[type="email"],
.alt-form input[type="url"],
.alt-form input[type="search"],
.alt-form input[type="tel"],
.alt-form input[type="color"],
.alt-form .uneditable-input {
  background-color: #FFF;
  border: none; }
  .alt-form textarea:focus,
  .alt-form select:focus,
  .alt-form input[type="text"]:focus,
  .alt-form input[type="password"]:focus,
  .alt-form input[type="datetime"]:focus,
  .alt-form input[type="datetime-local"]:focus,
  .alt-form input[type="date"]:focus,
  .alt-form input[type="month"]:focus,
  .alt-form input[type="time"]:focus,
  .alt-form input[type="week"]:focus,
  .alt-form input[type="number"]:focus,
  .alt-form input[type="email"]:focus,
  .alt-form input[type="url"]:focus,
  .alt-form input[type="search"]:focus,
  .alt-form input[type="tel"]:focus,
  .alt-form input[type="color"]:focus,
  .alt-form .uneditable-input:focus {
    background-color: #fafafa; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

select,
input[type="file"] {
  height: 42px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 42px; }

select {
  width: 100%;
  max-width: 250px;
  padding-right: 22px;
  line-height: 35px;
  border: 2px solid #EAEADE;
  background-color: #EAEADE; }
  @media only screen and (min-width: 1024px) {
    select {
      max-width: 330px;
      max-width: 316px; } }

select[multiple],
select[size] {
  height: auto; }

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 1px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.uneditable-input,
.uneditable-textarea {
  color: #EAEADE;
  background-color: #e8e8db;
  border-color: #EAEADE;
  cursor: not-allowed; }

.uneditable-input {
  overflow: hidden;
  white-space: nowrap; }

.uneditable-textarea {
  width: auto;
  height: auto; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #a6a6a2;
  font-size: 14px;
  font-size: 1.4rem; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #a6a6a2;
  font-size: 14px;
  font-size: 1.4rem; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #a6a6a2;
  font-size: 14px;
  font-size: 1.4rem; }

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px; }

.radio.inline,
.checkbox.inline {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

.input-mini {
  width: 60px; }

.input-small {
  width: 90px; }

.input-medium {
  width: 150px; }

.input-large {
  width: 210px; }

.input-xlarge {
  width: 270px; }

.input-xxlarge {
  width: 530px; }

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0; }

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }

.controls-row {
  *zoom: 1; }
  .controls-row:before, .controls-row:after {
    display: table;
    content: "";
    line-height: 0; }
  .controls-row:after {
    clear: both; }

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left; }

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #f4f4ee;
  box-shadow: none; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent; }

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853; }

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853; }

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853; }
  .control-group.warning input:focus,
  .control-group.warning select:focus,
  .control-group.warning textarea:focus {
    border-color: #a47e3c; }

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #EAEADE;
  border-color: #c09853; }

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48; }

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48; }

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48; }
  .control-group.error input:focus,
  .control-group.error select:focus,
  .control-group.error textarea:focus {
    border-color: #953b39; }

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #EAEADE;
  border-color: #b94a48; }

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847; }

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847; }

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847; }
  .control-group.success input:focus,
  .control-group.success select:focus,
  .control-group.success textarea:focus {
    border-color: #356635; }

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847; }

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad; }

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad; }

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad; }
  .control-group.info input:focus,
  .control-group.info select:focus,
  .control-group.info textarea:focus {
    border-color: #2d6987; }

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad; }

.control-group.warning input[type=text], .control-group.warning input[type=number], .control-group.warning input[type=password], .control-group.warning input[type=email], .control-group.error input[type=text], .control-group.error input[type=number], .control-group.error input[type=password], .control-group.error input[type=email], .control-group.success input[type=text], .control-group.success input[type=number], .control-group.success input[type=password], .control-group.success input[type=email], .control-group.info input[type=text], .control-group.info input[type=number], .control-group.info input[type=password], .control-group.info input[type=email] {
  background-color: #FFF;
  box-shadow: none; }

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b; }
  input:focus:invalid:focus,
  textarea:focus:invalid:focus,
  select:focus:invalid:focus {
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7; }

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #545454;
  *zoom: 1; }
  .form-actions:before, .form-actions:after {
    display: table;
    content: "";
    line-height: 0; }
  .form-actions:after {
    clear: both; }

.help-block,
.help-inline {
  color: #7a7a7a;
  font-size: 13px;
  font-size: 1.3rem; }

.help-block {
  display: block;
  margin-bottom: 10px; }

.help-inline {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 20px; }

.input-append,
.input-prepend {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap; }
  .input-append input,
  .input-append select,
  .input-append .uneditable-input,
  .input-append .dropdown-menu,
  .input-append .popover,
  .input-prepend input,
  .input-prepend select,
  .input-prepend .uneditable-input,
  .input-prepend .dropdown-menu,
  .input-prepend .popover {
    font-size: 14px; }
  .input-append input,
  .input-append select,
  .input-append .uneditable-input,
  .input-prepend input,
  .input-prepend select,
  .input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    border-radius: 0 0 0 0; }
    .input-append input:focus,
    .input-append select:focus,
    .input-append .uneditable-input:focus,
    .input-prepend input:focus,
    .input-prepend select:focus,
    .input-prepend .uneditable-input:focus {
      z-index: 2; }
  .input-append .add-on,
  .input-prepend .add-on {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #FFF;
    background-color: #EAEADE;
    border: 1px solid #ccc; }
  .input-append .add-on,
  .input-append .btn,
  .input-append .btn-group > .dropdown-toggle,
  .input-prepend .add-on,
  .input-prepend .btn,
  .input-prepend .btn-group > .dropdown-toggle {
    vertical-align: top;
    border-radius: 0; }
  .input-append .active,
  .input-prepend .active {
    background-color: #b2dd95;
    border-color: #61A534; }

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px; }

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  border-radius: 0 0 0 0; }

.input-append input,
.input-append select,
.input-append .uneditable-input {
  border-radius: 0 0 0 0; }
  .input-append input + .btn-group .btn:last-child,
  .input-append select + .btn-group .btn:last-child,
  .input-append .uneditable-input + .btn-group .btn:last-child {
    border-radius: 0 0 0 0; }

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px; }

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  border-radius: 0 0 0 0; }

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0; }
  .input-prepend.input-append input + .btn-group .btn,
  .input-prepend.input-append select + .btn-group .btn,
  .input-prepend.input-append .uneditable-input + .btn-group .btn {
    border-radius: 0 0 0 0; }

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  border-radius: 0 0 0 0; }

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  border-radius: 0 0 0 0; }

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0; }

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  border-radius: 0; }

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  border-radius: 0; }

.form-search .input-append .search-query {
  border-radius: 0; }

.form-search .input-append .btn {
  border-radius: 0; }

.form-search .input-prepend .search-query {
  border-radius: 0; }

.form-search .input-prepend .btn {
  border-radius: 0; }

.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none; }

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0; }

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0; }

.control-group {
  margin-bottom: 15px; }

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate; }

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1; }
  .form-horizontal .control-group:before, .form-horizontal .control-group:after {
    display: table;
    content: "";
    line-height: 0; }
  .form-horizontal .control-group:after {
    clear: both; }

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
  font-weight: bold; }

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0; }
  .form-horizontal .controls:first-child {
    *padding-left: 180px; }

.form-horizontal .help-block {
  margin-bottom: 0; }

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px; }

.form-horizontal .form-actions {
  padding-left: 180px; }

form .css-fbl {
  margin-left: 0;
  margin-bottom: 1.4em;
  width: 225px; }

form .galogin a {
  display: block;
  text-indent: -999rem;
  overflow: hidden;
  background: transparent url("/wp-content/themes/unwrapped/assets/img/unwrapped/google_signin.png") left top no-repeat;
  height: 46px;
  width: 191px;
  background-size: contain; }
  form .galogin a:hover {
    background-image: url("/wp-content/themes/unwrapped/assets/img/unwrapped/google_signin_pressed.png"); }

/* Gravity Forms */
.gform_wrapper .gfield_error .gfield_label {
  color: #d12229 !important; }

.gform_wrapper .validation_message {
  color: #d12229 !important; }

.gform_wrapper div.validation_error {
  color: #d12229 !important;
  border-color: #d12229 !important; }

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
  border-color: #d12229 !important; }

@media print, screen and (min-width: 48em) {
  .registration .gfield_password_strength {
    width: 50%; } }

.registration .ginput_right {
  display: block !important;
  padding-right: 8px; }

.registration div.ginput_container_name span {
  display: block !important; }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
  width: 270px !important;
  padding: 10px;
  font-size: 1.4rem !important; }

/* SSO */
.alternate-login:before {
  content: url(../img/line.png); }

.alternate-login:after {
  content: url(../img/line.png); }

/* FB connection */
.fblogin {
  margin-top: 10px; }
  .fblogin a.css-fbl, .fblogin a.css-fbl:hover {
    padding: 5px;
    background: none;
    background-color: #3b5998;
    color: #FFF !important;
    font-size: 1.4rem;
    text-shadow: none; }
    .fblogin a.css-fbl:before, .fblogin a.css-fbl:hover:before {
      color: #FFF;
      font-family: 'ous-icons';
      content: "\e009";
      font-size: 1.4rem; }
    .fblogin a.css-fbl div, .fblogin a.css-fbl:hover div {
      display: inline-block;
      text-align: center;
      width: 250px; }

.glogin {
  margin-top: 10px; }
  .glogin .login {
    background-color: #ff8700;
    color: #FFF;
    padding: 5px; }
    .glogin .login:before {
      color: #FFF;
      font-family: 'ous-icons';
      content: "\e008";
      font-size: 1.4rem; }
    .glogin .login:after {
      color: #FFF;
      content: "Connect with Google";
      text-align: center;
      width: 250px;
      font-size: 1.4rem;
      display: inline-block; }
    .glogin .login img {
      display: none; }

.acf-fields > .acf-field {
  border: 0;
  padding: 0 0 10px; }

.acf-field .acf-label {
  margin: 0; }

* {
  box-sizing: border-box; }

.lt-ie8 * {
  behavior: url(/assets/polyfil/boxsizing.polyfill.htc); }

img {
  max-width: 100%; }

html {
  background: #EAEADE; }
  @media print, screen and (min-width: 48em) {
    html {
      background: #E0DDD0 url("../img/patterns/bg-desktop.png") repeat-x center top; } }

body {
  background: transparent;
  overflow-x: hidden; }
  @media only screen and (min-width: 700px) {
    body {
      background: url("../img/patterns/strip-pink-desktop.png") repeat-x left top;
      padding-top: 14px; } }
  body .notification-banner {
    display: inline-block;
    width: 100%;
    background: #53297d;
    color: white;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 10px 10px 10px;
    margin: 0; }

nav ul {
  margin: 0;
  padding: 0; }

@media only screen and (min-width: 700px) {
  .float-left-half {
    float: left;
    width: 50%; }
  .float-right-half {
    float: right;
    width: 50%; } }

.wrapper {
  margin: 0 auto;
  max-width: 1220px;
  *zoom: 1; }
  .wrapper:before, .wrapper:after {
    display: table;
    content: "";
    line-height: 0; }
  .wrapper:after {
    clear: both; }

.lt-ie8 .wrapper {
  margin: 0 auto;
  width: 1220px;
  *zoom: 1; }
  .lt-ie8 .wrapper:before, .lt-ie8 .wrapper:after {
    display: table;
    content: "";
    line-height: 0; }
  .lt-ie8 .wrapper:after {
    clear: both; }

@media only screen and (min-width: 1024px) {
  .layout-content .main {
    float: right;
    width: 75%; } }

@media only screen and (min-width: 1024px) {
  .layout-content #secondary {
    float: left;
    padding-right: 20px;
    width: 25%; } }

@media only screen and (min-width: 1024px) {
  .layout-blog-article .main {
    float: left;
    width: 75%; } }

@media only screen and (min-width: 1024px) {
  .layout-blog-article #secondary {
    float: right;
    padding-left: 20px;
    width: 25%; } }

/* Page header */
.page-header {
  background: #FFF;
  *zoom: 1;
  margin-bottom: 20px;
  position: relative; }
  .page-header:before, .page-header:after {
    display: table;
    content: "";
    line-height: 0; }
  .page-header:after {
    clear: both; }
  @media only screen and (min-width: 700px) {
    .page-header {
      padding-top: 0; } }
  @media only screen and (min-width: 700px) {
    .page-header .skip-link {
      display: none; } }
  .page-header .skip-link-top-nav {
    background: #61A534;
    float: right;
    width: 60px;
    height: 60px;
    margin-left: 5px; }
    .page-header .skip-link-top-nav:after {
      content: "\e005";
      color: #0C884A;
      display: block;
      font-family: "ous-icons";
      font-size: 40px;
      font-size: 4rem;
      transition: all 200ms ease-in-out;
      left: 0;
      position: relative;
      text-align: center;
      top: 3px;
      width: 60px;
      height: 60px; }
      @media only screen and (min-width: 700px) {
        .page-header .skip-link-top-nav:after {
          display: none; } }
    .page-header .skip-link-top-nav:hover:after, .page-header .skip-link-top-nav:active:after, .page-header .skip-link-top-nav:focus:after {
      color: #FFF;
      transition: all 200ms ease-in-out; }
  .page-header .mobile-cart {
    background: #61A534;
    float: right;
    width: 60px;
    height: 60px;
    margin-left: 5px; }
    .page-header .mobile-cart:hover:after, .page-header .mobile-cart:active:after, .page-header .mobile-cart:focus:after {
      color: #FFF;
      transition: all 200ms ease-in-out; }
    .page-header .mobile-cart #fc_minicart_mobile {
      background: #61A534;
      color: #FFF;
      padding: 20px 0 15px 0;
      text-align: center; }
    .page-header .mobile-cart #fc_minicart_mobile.full {
      background: #E43989; }

#Search {
  padding: 30px; }
  #Search .cmpnt-search {
    max-width: 297px;
    margin: 0 auto;
    white-space: nowrap; }
    #Search .cmpnt-search input {
      margin-bottom: 0; }
    #Search .cmpnt-search button[type=submit] {
      top: 1px; }

@media only screen and (max-width: 699px) {
  #Cart {
    padding: 30px; }
    #Cart .cmpnt-cart {
      width: 297px;
      margin: 0 auto; }
      #Cart .cmpnt-cart input {
        margin-bottom: 0; }
      #Cart .cmpnt-cart button[type=submit] {
        top: 1px; }
    #Cart .cmpnt-button {
      height: 35px;
      padding-top: 5px;
      border: 0; }
      #Cart .cmpnt-button:hover {
        background: #E43989;
        transition: all 200ms ease-in-out; } }

.cmpnt-cart .cmpnt-button:link:after, .cmpnt-cart .cmpnt-button:visited:after, .cmpnt-cart .cmpnt-button:after {
  border: 0; }

.logo .ox-horiz, .logo #ox_h, .logo #og_h {
  fill: #61A534;
  max-width: 250px;
  padding-bottom: 0px; }
  @media print, screen and (min-width: 48em) {
    .logo .ox-horiz, .logo #ox_h, .logo #og_h {
      width: 100%;
      max-width: auto;
      padding-bottom: 12px; } }

#Logo {
  display: block;
  float: left;
  margin: 10px 20px 0;
  height: 61px; }
  @media only screen and (min-width: 700px) {
    #Logo {
      margin: 0 0 30px 20px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1050px) {
    #Logo {
      height: 56px; } }
  @media only screen and (min-width: 1220px) {
    #Logo {
      margin: 0 20px 30px 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #Logo {
      height: 48px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    #Logo {
      height: 42px; } }
  @media only screen and (max-width: 480px) {
    #Logo {
      height: 33px;
      margin-bottom: 10px; } }
  #Logo svg.ox-horiz {
    fill: #61A534; }

#HeaderStrapline {
  color: #545454;
  font-size: 10px;
  font-size: 1rem;
  line-height: 40px;
  margin: 10px 20px;
  height: 40px; }
  @media only screen and (max-width: 480px) {
    #HeaderStrapline {
      padding-top: 9px;
      font-size: 9px;
      font-size: 0.9rem; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    #HeaderStrapline {
      font-size: 13px;
      font-size: 1.3rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #HeaderStrapline {
      font-size: 13px;
      font-size: 1.3rem; } }
  @media only screen and (min-width: 700px) {
    #HeaderStrapline {
      border-left: 2px solid #EAEADE;
      float: left;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.27272727;
      margin-top: 4px;
      padding-left: 20px;
      width: 240px; } }
  @media only screen and (min-width: 700px) and (max-width: 979px) {
    #HeaderStrapline {
      font-size: 14px;
      font-size: 1.4rem;
      width: 180px; } }

@media only screen and (max-width: 699px) {
  #PageHeader {
    margin: 0; }
  #NavContainer {
    border-bottom: 0 solid rgba(0, 0, 0, 0.8);
    height: 0;
    top: 60px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 100; }
    #NavContainer form {
      margin: 0; } }

@media only screen and (min-width: 700px) {
  #NavContainer {
    height: auto !important; } }

/* Search */
#Search {
  background: #0C884A;
  margin: 10px 0 0;
  padding: 20px;
  *zoom: 1; }
  #Search:before, #Search:after {
    display: table;
    content: "";
    line-height: 0; }
  #Search:after {
    clear: both; }
  @media print, screen and (min-width: 48em) {
    #Search {
      background: transparent;
      padding: 0; } }

#Search label {
  display: none; }

.lt-ie8 #Search {
  position: relative;
  top: -70px; }
  .lt-ie8 #Search input {
    height: 30px; }

#Search input {
  background: #FFF;
  border: 1px solid #EAEADE;
  border-right: none;
  color: #545454;
  height: 25px;
  width: 200px;
  box-shadow: none;
  transition: all 200ms ease-in-out; }
  #Search input:-moz-placeholder {
    color: #61A534;
    font-size: 14px;
    font-size: 1.4rem; }
  #Search input:-ms-input-placeholder {
    color: #61A534;
    font-size: 14px;
    font-size: 1.4rem; }
  #Search input::-webkit-input-placeholder {
    color: #61A534;
    font-size: 14px;
    font-size: 1.4rem; }
  @media only screen and (max-width: 699px) {
    #Search input {
      width: 225px; } }
  #Search input:focus {
    background-color: #f7f7f7;
    transition: all 200ms ease-in-out; }

#Search button {
  background: #61A534;
  border: 0;
  color: #FFF;
  height: 35px;
  left: -5px;
  line-height: 30px;
  padding: 0 6px;
  position: relative;
  text-indent: -9999em;
  top: -2px;
  width: 35px;
  transition: all 200ms ease-in-out; }
  #Search button::after {
    content: "\e00d";
    font-family: 'ous-icons';
    height: 35px;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 5px;
    width: 35px;
    font-size: 20px;
    font-size: 2rem; }
  #Search button:hover {
    color: #f2f2f2;
    transition: all 200ms ease-in-out; }

/* Cart */
#Cart {
  background: #61A534;
  color: #FFF;
  margin: 10px 0 0;
  padding: 20px;
  *zoom: 1;
  display: block; }
  #Cart:before, #Cart:after {
    display: table;
    content: "";
    line-height: 0; }
  #Cart:after {
    clear: both; }
  @media print, screen and (min-width: 48em) {
    #Cart {
      margin: 25px 20px 0;
      padding: 0; } }
  #Cart #fc_minicart {
    display: block; }
    #Cart #fc_minicart.cmpnt-button {
      height: 36px;
      padding-top: 6px; }
  #Cart .cmpnt-fullcart {
    display: none;
    position: absolute;
    width: 254px;
    margin-top: 10px;
    margin-left: -168px;
    background: #EAEADE;
    color: #61A534;
    overflow: hidden;
    z-index: 10000; }
    #Cart .cmpnt-fullcart .cmpnt-cart-title {
      background: #E43989;
      color: #FFF;
      font-weight: normal;
      padding: 5px;
      font-size: 18px;
      font-size: 1.8rem; }
    #Cart .cmpnt-fullcart .cmpnt-button {
      color: #FFF;
      text-indent: 0;
      margin: 1px;
      font-weight: normal;
      display: inline;
      width: 46.4%; }
      #Cart .cmpnt-fullcart .cmpnt-button:first-of-type {
        margin-left: 5px; }
    #Cart .cmpnt-fullcart #orderhelp {
      width: 100%;
      display: block;
      padding: 20px 10px; }
  #Cart .cmpnt-fullcart.open {
    display: block; }
  #Cart .isFull {
    background: #E43989; }

#Cart label {
  display: none; }

.lt-ie8 #Cart {
  position: relative;
  top: -70px; }
  .lt-ie8 #Cart input {
    height: 30px; }

#Cart input {
  background: #FFF;
  border: 1px solid #EAEADE;
  border-right: none;
  color: #545454;
  height: 25px;
  width: 200px;
  box-shadow: none;
  transition: all 200ms ease-in-out; }
  #Cart input:-moz-placeholder {
    color: #61A534;
    font-size: 14px;
    font-size: 1.4rem; }
  #Cart input:-ms-input-placeholder {
    color: #61A534;
    font-size: 14px;
    font-size: 1.4rem; }
  #Cart input::-webkit-input-placeholder {
    color: #61A534;
    font-size: 14px;
    font-size: 1.4rem; }
  @media print, screen and (min-width: 48em) {
    #Cart input {
      width: 245px; } }
  #Cart input:focus {
    background-color: #f7f7f7;
    transition: all 200ms ease-in-out; }

#Cart button {
  background: #61A534;
  border: 0;
  color: #FFF;
  height: 35px;
  left: -5px;
  line-height: 30px;
  padding: 0 6px;
  position: relative;
  text-indent: -9999em;
  top: -2px;
  width: 100px;
  transition: all 200ms ease-in-out; }
  #Cart button:hover {
    color: #f2f2f2;
    transition: all 200ms ease-in-out; }

.primary-nav-wrap {
  *zoom: 1;
  clear: both; }
  .primary-nav-wrap:before, .primary-nav-wrap:after {
    display: table;
    content: "";
    line-height: 0; }
  .primary-nav-wrap:after {
    clear: both; }

.lt-ie8 .primary-nav-wrap, .lt-ie8 #NavContainer {
  display: block;
  width: 100%; }

/* Primary nav */
.main-nav {
  padding: 20px 0; }
  .main-nav nav {
    width: 100%; }
    .main-nav nav ul.menu {
      font-size: 1.8rem;
      line-height: 1.8rem;
      text-align: center;
      padding-left: 0; }
      .main-nav nav ul.menu li {
        border-left: 1px solid #FFF; }
        .main-nav nav ul.menu li:first-child {
          border-left: 0; }
        .main-nav nav ul.menu li a {
          background: #61A534;
          box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
          color: #FFF;
          display: block;
          font-weight: bold;
          padding: 20px 0;
          text-decoration: none;
          transition: background 200ms ease-in-out; }
          .main-nav nav ul.menu li a.current, .main-nav nav ul.menu li a:hover, .main-nav nav ul.menu li a:focus, .main-nav nav ul.menu li a:active {
            background: #44841a; }
        .main-nav nav ul.menu li.active a {
          background: #44841a; }

#PrimaryNav, .main-nav ul {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  *zoom: 1;
  padding-left: 0; }
  #PrimaryNav:before, #PrimaryNav:after, .main-nav ul:before, .main-nav ul:after {
    display: table;
    content: "";
    line-height: 0; }
  #PrimaryNav:after, .main-nav ul:after {
    clear: both; }
  @media only screen and (min-width: 700px) {
    #PrimaryNav, .main-nav ul {
      max-width: 122rem;
      margin-right: auto;
      margin-left: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      font-size: 2.0rem; } }

@media only screen and (min-width: 700px) {
  .lt-ie8 #PrimaryNav {
    behavior: url(/assets/polyfil/display-table.min.htc); } }

@media only screen and (min-width: 700px) {
  #PrimaryNav li, .main-nav ul li {
    border-left: 1px solid #FFF;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: 0;
    padding-left: 0;
    min-width: initial; }
    #PrimaryNav li:first-child, .main-nav ul li:first-child {
      border-left: 0; } }

@media only screen and (min-width: 700px) {
  .lt-ie8 #PrimaryNav li {
    -dt-display: table-cell; } }

#PrimaryNav li:first-child a, .main-nav ul li:first-child a, .mobile-main-nav ul li:first-child a {
  box-shadow: none; }

#PrimaryNav a, .main-nav ul.menu li a, .mobile-main-nav ul.menu li a {
  background: #61A534;
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
  color: #FFF;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-decoration: none;
  transition: background 200ms ease-in-out; }
  #PrimaryNav a.current, #PrimaryNav a.active, #PrimaryNav a:hover, #PrimaryNav a:focus, #PrimaryNav a:active, .main-nav ul.menu li a.current, .main-nav ul.menu li a.active, .main-nav ul.menu li a:hover, .main-nav ul.menu li a:focus, .main-nav ul.menu li a:active, .mobile-main-nav ul.menu li a.current, .mobile-main-nav ul.menu li a.active, .mobile-main-nav ul.menu li a:hover, .mobile-main-nav ul.menu li a:focus, .mobile-main-nav ul.menu li a:active {
    background: #44841a; }
  @media only screen and (min-width: 700px) {
    #PrimaryNav a, .main-nav ul.menu li a, .mobile-main-nav ul.menu li a {
      box-shadow: none; } }

/* Secondary nav */
#SecondaryNav, #menu-oxfam-nav {
  display: none; }
  @media only screen and (min-width: 700px) {
    #SecondaryNav, #menu-oxfam-nav {
      display: block; }
      #SecondaryNav li, #menu-oxfam-nav li {
        float: left;
        margin: 20px 0 0 10px;
        padding: 0 0 0 10px;
        margin: 20px 0 0 0;
        padding: 0;
        position: relative; }
        #SecondaryNav li:first-child, #menu-oxfam-nav li:first-child {
          border: 0;
          margin: 20px 0 0 0;
          padding: 0; }
      #SecondaryNav a, #menu-oxfam-nav a {
        color: #44841a;
        font-weight: bold;
        font-size: 1.4rem; }
        #SecondaryNav a:after, #menu-oxfam-nav a:after {
          border: 7px solid transparent;
          content: " ";
          height: 0;
          left: 50%;
          margin-left: -7px;
          pointer-events: none;
          position: absolute;
          top: -20px;
          width: 0; }
        #SecondaryNav a:hover, #SecondaryNav a:active, #SecondaryNav a:focus, #SecondaryNav a.current, #menu-oxfam-nav a:hover, #menu-oxfam-nav a:active, #menu-oxfam-nav a:focus, #menu-oxfam-nav a.current {
          color: #545454; }
          #SecondaryNav a:hover:after, #SecondaryNav a:active:after, #SecondaryNav a:focus:after, #SecondaryNav a.current:after, #menu-oxfam-nav a:hover:after, #menu-oxfam-nav a:active:after, #menu-oxfam-nav a:focus:after, #menu-oxfam-nav a.current:after {
            border-top-color: #53297D; }
      #SecondaryNav li.current a, #menu-oxfam-nav li.current a {
        color: #545454; }
        #SecondaryNav li.current a:after, #menu-oxfam-nav li.current a:after {
          border-top-color: #53297D; } }
  @media only screen and (min-width: 1220px) {
    #SecondaryNav, #menu-oxfam-nav {
      right: 0; } }

/* Tertiary nav */
#TertiaryNav, #menu-secondary {
  display: none; }
  #TertiaryNav li, #menu-secondary li {
    float: left;
    border-left: 1px solid #EAEADE;
    padding: 0 10px;
    padding: 0;
    font-size: 1.4rem; }
    #TertiaryNav li:first-child, #menu-secondary li:first-child {
      border-left: none; }
  @media only screen and (min-width: 700px) {
    #TertiaryNav, #menu-secondary {
      display: block; } }

.col-secondary {
  padding: 0;
  margin-bottom: 20px; }
  .col-secondary .row {
    margin-right: 0; }
    .col-secondary .row .column:first-of-type, .col-secondary .row .columns:first-of-type {
      padding-right: 0; }
      .col-secondary .row .column:first-of-type ul li:last-of-type a, .col-secondary .row .columns:first-of-type ul li:last-of-type a {
        padding-right: 0; }
      .col-secondary .row .column:first-of-type ul li.right a, .col-secondary .row .columns:first-of-type ul li.right a {
        padding-right: 10px; }

.title-bar {
  padding: 0;
  /*background: transparent;*/
  background-color: #FFF;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .title-bar .menu-icon {
    float: none; }
    .title-bar .menu-icon:after {
      background: #FFF;
      box-shadow: 0 7px 0 #FFF, 0 14px 0 #FFF; }
    .title-bar .menu-icon:hover:after {
      background: #FFF;
      box-shadow: 0 7px 0 #FFF, 0 14px 0 #FFF; }
  .title-bar .title-bar-button {
    background-color: #61A534;
    min-height: 60px;
    text-align: center; }

@media screen and (max-width: 47.9375em) {
  #top-bar-menu {
    background-color: #FFF; } }

@media screen and (max-width: 47.9375em) {
  #top-bar-menu .main-nav-section {
    -ms-flex-order: 2;
    order: 2; } }

@media screen and (max-width: 47.9375em) {
  #top-bar-menu .cart-nav-section {
    -ms-flex-order: 1;
    order: 1; } }

#PageFooter {
  background: #FFF;
  *zoom: 1; }
  #PageFooter:before, #PageFooter:after {
    display: table;
    content: "";
    line-height: 0; }
  #PageFooter:after {
    clear: both; }
  @media only screen and (min-width: 1024px) {
    #PageFooter {
      background: #FFF url("../img/patterns/strip-pink-desktop.png") repeat-x left bottom;
      padding-bottom: 14px; } }

#FooterDonate {
  color: #FFF;
  margin: 20px 0; }

#FooterDonate h2 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  padding: 0 0 20px 0; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #FooterDonate h2 {
      font-size: 21px;
      font-size: 2.1rem; } }
  @media only screen and (min-width: 1024px) {
    #FooterDonate h2 {
      font-size: 22px;
      font-size: 2.2rem; } }

#FooterDonate {
  background-color: #EAEADE;
  *zoom: 1; }
  #FooterDonate:before, #FooterDonate:after {
    display: table;
    content: "";
    line-height: 0; }
  #FooterDonate:after {
    clear: both; }
  #FooterDonate .footer-donate-wrap {
    background: #61A534;
    padding: 20px; }
    @media only screen and (min-width: 1024px) {
      #FooterDonate .footer-donate-wrap {
        padding: 20px 20px 20px 30px; } }
    #FooterDonate .footer-donate-wrap p {
      margin: 20px 0; }
  #FooterDonate .footer-nav {
    padding: 20px; }
    #FooterDonate .footer-nav h3 {
      color: #61A534; }
    #FooterDonate .footer-nav li {
      margin: 5px 0; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #FooterDonate .footer-nav {
        text-align: center; }
        #FooterDonate .footer-nav .col {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline;
          text-align: left;
          width: 45%;
          vertical-align: top; }
          #FooterDonate .footer-nav .col:last-child {
            border-left: 3px solid #FFF;
            padding-left: 30px; } }
  @media only screen and (min-width: 1024px) {
    #FooterDonate .footer-donate-wrap,
    #FooterDonate .footer-nav {
      float: left; }
    #FooterDonate .footer-donate-wrap {
      width: 60%; }
    #FooterDonate .footer-nav {
      width: 40%; }
      #FooterDonate .footer-nav .col {
        float: left;
        width: 50%; } }

#FooterDonate .donation-values {
  list-style: none;
  margin: 0;
  padding: 0;
  *zoom: 1; }
  #FooterDonate .donation-values:before, #FooterDonate .donation-values:after {
    display: table;
    content: "";
    line-height: 0; }
  #FooterDonate .donation-values:after {
    clear: both; }
  #FooterDonate .donation-values li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 40px;
    padding: 0;
    width: 17%; }
    #FooterDonate .donation-values li:first-child {
      padding-left: 0; }
    @media only screen and (max-width: 480px) {
      #FooterDonate .donation-values li {
        padding: 0;
        width: 32%; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #FooterDonate .donation-values li {
        padding: 0 20px;
        width: 17%; } }
    @media only screen and (min-width: 1024px) {
      #FooterDonate .donation-values li {
        min-width: 110px;
        padding: 0 20px;
        width: 17%; } }
    #FooterDonate .donation-values li label {
      font-size: 26px;
      font-size: 2.6rem;
      height: 35px;
      line-height: 35px;
      margin-left: 5px;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
    #FooterDonate .donation-values li input[type=radio] {
      position: relative;
      top: -5px; }
  #FooterDonate .donation-values .donate-submit {
    padding: 0;
    position: relative;
    top: -5px; }
  @media only screen and (min-width: 1011px) and (max-width: 1141px) {
    #FooterDonate .donation-values .donation-end-wrap {
      display: block;
      margin-top: 15px; } }
  @media only screen and (max-width: 603px) {
    #FooterDonate .donation-values .donation-end-wrap {
      display: block;
      margin-top: 15px; } }
  #FooterDonate .donation-values .donation-value-custom {
    width: 28%;
    min-width: 160px; }
    #FooterDonate .donation-values .donation-value-custom input[type=number] {
      background-color: #d0e4c2;
      border: none;
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 0;
      position: relative;
      top: -5px;
      width: 67%; }
      #FooterDonate .donation-values .donation-value-custom input[type=number]:-moz-placeholder {
        color: #61A534;
        font-size: 18px;
        font-size: 1.8rem; }
      #FooterDonate .donation-values .donation-value-custom input[type=number]:-ms-input-placeholder {
        color: #61A534;
        font-size: 18px;
        font-size: 1.8rem; }
      #FooterDonate .donation-values .donation-value-custom input[type=number]::-webkit-input-placeholder {
        color: #61A534;
        font-size: 18px;
        font-size: 1.8rem; }
      #FooterDonate .donation-values .donation-value-custom input[type=number]:focus {
        background-color: #FFF; }
  @media only screen and (min-width: 1024px) {
    #FooterDonate .donation-values li {
      border-left: 2px solid #589b2c; }
      #FooterDonate .donation-values li:first-child, #FooterDonate .donation-values li:last-child {
        border-left: none; } }

.lt-ie9 #FooterDonate ol.donation-values li {
  width: 120px;
  min-width: inherit; }
  .lt-ie9 #FooterDonate ol.donation-values li:first-child {
    border: none; }
  .lt-ie9 #FooterDonate ol.donation-values li.donation-value-custom {
    width: 160px;
    position: relative;
    top: -4px; }

.lt-ie9 #DonateValueCustomInput {
  width: 75px !important; }

.lt-ie8 #FooterDonate ol.donation-values li.donation-value-custom {
  position: relative;
  top: -10px; }

.lt-ie8 #FooterDonate ol.donation-values li.donate-submit {
  top: 8px; }

.lt-ie8 #DonateValueCustomInput {
  width: 75px !important; }

#FooterDonate .donate-icons {
  margin: 0;
  padding: 0; }
  #FooterDonate .donate-icons li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  @media only screen and (min-width: 1024px) {
    #FooterDonate .donate-icons li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      height: 50px;
      width: 70px; }
      #FooterDonate .donate-icons li:first-child {
        margin-right: 11px;
        margin-left: -9px; } }

#PageFooter .footer-last {
  *zoom: 1;
  margin: 20px 20px 40px; }
  #PageFooter .footer-last:before, #PageFooter .footer-last:after {
    display: table;
    content: "";
    line-height: 0; }
  #PageFooter .footer-last:after {
    clear: both; }
  #PageFooter .footer-last .footer-legal {
    font-size: 10px;
    font-size: 1rem; }
    @media only screen and (min-width: 1024px) {
      #PageFooter .footer-last .footer-legal {
        float: left;
        font-size: 12px;
        font-size: 1.2rem;
        width: 70%; } }
  #PageFooter .footer-last .footer-logo img, #PageFooter .footer-last .footer-logo svg {
    width: 120px;
    margin-top: 20px; }
  #PageFooter .footer-last .footer-logo svg.ox-h {
    fill: #61A534; }
  @media only screen and (min-width: 1024px) {
    #PageFooter .footer-last .footer-logo {
      float: left;
      text-align: right;
      width: 25%; }
      #PageFooter .footer-last .footer-logo img, #PageFooter .footer-last .footer-logo svg {
        width: auto;
        max-width: 160px;
        margin-top: 0; } }

#PageFooter .phone-email i {
  font-size: 17px;
  font-size: 1.7rem;
  margin: 0 10px; }

#PageFooter .footer-secondary-nav {
  margin: 20px; }
  #PageFooter .footer-secondary-nav ul {
    margin: 0;
    padding: 0;
    text-align: center; }
  #PageFooter .footer-secondary-nav li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    list-style-type: none;
    margin: 0 10px;
    padding: 0 10px;
    font-size: 1.4rem; }
    #PageFooter .footer-secondary-nav li:first-child {
      border-left: none;
      margin-left: 0;
      padding-left: 0; }
    @media only screen and (max-width: 480px) {
      #PageFooter .footer-secondary-nav li {
        padding: 0 5px;
        margin: 0 5px; } }
  #PageFooter .footer-secondary-nav a {
    text-align: center;
    padding: 0 0 10px 0;
    display: block; }
  @media only screen and (min-width: 1024px) {
    #PageFooter .footer-secondary-nav ul {
      text-align: left; }
    #PageFooter .footer-secondary-nav li {
      border-left: 1px solid #EAEADE;
      margin: 0; }
    #PageFooter .footer-secondary-nav a {
      padding: 0;
      display: inline-block; } }

#PageFooter .footer-tertiary-nav {
  border-bottom: 2px solid #EAEADE;
  margin: 0 20px 40px;
  padding: 0 0 20px;
  *zoom: 1; }
  #PageFooter .footer-tertiary-nav:before, #PageFooter .footer-tertiary-nav:after {
    display: table;
    content: "";
    line-height: 0; }
  #PageFooter .footer-tertiary-nav:after {
    clear: both; }
  #PageFooter .footer-tertiary-nav li {
    display: block;
    float: left;
    margin-left: 5px;
    width: 48%; }
    #PageFooter .footer-tertiary-nav li:first-child {
      margin-left: 0; }
  #PageFooter .footer-tertiary-nav a {
    background-color: #EAEADE;
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    padding: 15px 0;
    text-align: center; }
    @media only screen and (max-width: 480px) {
      #PageFooter .footer-tertiary-nav a {
        font-size: 11px;
        font-size: 1.1rem; } }
    #PageFooter .footer-tertiary-nav a:hover, #PageFooter .footer-tertiary-nav a:active {
      background-color: #e0e0ce; }

#PageFooter .footer-contact {
  padding: 20px 0 10px;
  margin-bottom: 10px;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.6rem; }
  @media only screen and (min-width: 1024px) {
    #PageFooter .footer-contact {
      border-bottom: 3px solid #EAEADE;
      margin-bottom: 40px;
      margin-left: 20px; } }
  #PageFooter .footer-contact h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px; }
  #PageFooter .footer-contact ul.footer-cols {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0; }
    #PageFooter .footer-contact ul.footer-cols li a {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
    @media only screen and (min-width: 768px) {
      #PageFooter .footer-contact ul.footer-cols {
        *zoom: 1; }
        #PageFooter .footer-contact ul.footer-cols:before, #PageFooter .footer-contact ul.footer-cols:after {
          display: table;
          content: "";
          line-height: 0; }
        #PageFooter .footer-contact ul.footer-cols:after {
          clear: both; }
        #PageFooter .footer-contact ul.footer-cols li {
          float: left;
          list-style-type: none;
          padding: 0 20px 20px 0;
          width: 30%;
          text-align: left;
          word-wrap: break-word; }
          #PageFooter .footer-contact ul.footer-cols li.social-col {
            width: 30%; }
        #PageFooter .footer-contact ul.footer-cols .social-presence li {
          margin-right: 0;
          width: 22%; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #PageFooter .footer-contact ul.footer-cols {
        text-align: center; }
        #PageFooter .footer-contact ul.footer-cols li {
          float: none;
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline;
          text-align: left;
          margin-right: 20px;
          margin-bottom: 20px;
          width: 30%; }
          #PageFooter .footer-contact ul.footer-cols li.phone-email {
            position: relative;
            vertical-align: top; }
          #PageFooter .footer-contact ul.footer-cols li.social-col {
            display: block;
            margin: 0 auto;
            width: 280px; }
            #PageFooter .footer-contact ul.footer-cols li.social-col li {
              margin-right: 20px;
              margin-bottom: 0;
              padding-bottom: 0;
              width: 40px; } }
  #PageFooter .footer-contact .social-presence a {
    color: #FFF; }
  #PageFooter .footer-contact .social-presence .fb {
    background-color: #3b5998; }
  #PageFooter .footer-contact .social-presence .tw {
    background-color: #00a0d1; }
  #PageFooter .footer-contact .social-presence .pn {
    background-color: #da0734; }
  #PageFooter .footer-contact .social-presence .gp {
    background-color: #ff8700; }
  #PageFooter .footer-contact .social-presence .ig {
    background-color: #c32aa3; }
  #PageFooter .footer-contact .social-presence .yt {
    background-color: #FF0000; }
  #PageFooter .footer-contact .social-presence .li {
    background-color: #0075b4; }

/** SVGS **/
svg .fill-white {
  fill: #FFF; }

svg .fill-green {
  fill: #61A534; }

svg .fill-black {
  fill: #000; }

/**
 * Tooltip Styles
 */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
  color: #61A534; }
  [data-tooltip]:hover {
    color: #44841a; }

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none; }

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -100px;
  padding: 7px;
  width: 300px;
  border-radius: 3px;
  background-color: #53297D;
  color: #fff;
  content: attr(data-tooltip);
  text-align: left;
  font-size: 14px;
  line-height: 1.2;
  white-space: normal; }

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0; }

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1; }

.section-sidebar {
  -ms-flex-order: 1;
  order: 1; }
  .section-sidebar .component-sidebar {
    background: #FFF url("../img/patterns/sidebar-pink-mobile.png") repeat-x 0 0;
    padding: 20px 10px 10px;
    margin-bottom: 20px; }
    @media print, screen and (min-width: 48em) {
      .section-sidebar .component-sidebar {
        background-image: url("../img/patterns/sidebar-pink-desktop.png");
        padding: 10px; } }
    @media print, screen and (min-width: 64em) {
      .section-sidebar .component-sidebar {
        padding: 20px; } }
  .section-sidebar .component-sidebar-title {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0; }
    @media only screen and (min-width: 1024px) {
      .section-sidebar .component-sidebar-title {
        font-size: 16px;
        font-size: 1.6rem; } }

/* Component styles */
/* Layout */

::selection {
  background: #F16E22;
  color: #FFF;
  text-shadow: none; }

.cmpnt {
  margin: 0 0 40px 0; }

.cmpnt-border {
  box-shadow: 0 4px 0 0 rgba(226, 226, 215, 0.96); }

.cmpnt-body {
  background: #FFF;
  *zoom: 1; }
  .cmpnt-body:before, .cmpnt-body:after {
    display: table;
    content: "";
    line-height: 0; }
  .cmpnt-body:after {
    clear: both; }

/* Articles */
.cmpnt-article {
  background: #EAEADE;
  overflow: hidden;
  padding-bottom: 20px; }
  .cmpnt-article h3, .cmpnt-article p, .cmpnt-article time, .cmpnt-article .cmpnt-article-section {
    margin: 10px 20px; }
    .cmpnt-article h3:last-child, .cmpnt-article p:last-child, .cmpnt-article time:last-child, .cmpnt-article .cmpnt-article-section:last-child {
      margin-bottom: 0; }
  .cmpnt-article h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 0; }
    @media only screen and (min-width: 1024px) {
      .cmpnt-article h3 {
        font-size: 18px;
        font-size: 1.8rem; } }

.cmpnt-article-section {
  font-weight: bold;
  display: block;
  margin-top: 20px; }

.cmpnt-article-image {
  width: 100%; }

.cmpnt-article-date {
  color: #888;
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 10px; }

.cmpnt-article-section {
  color: #333;
  margin-top: 0;
  margin-bottom: 0 !important;
  font-size: 13px;
  font-size: 1.3rem; }

/* Buttons */
button:hover {
  cursor: pointer; }

.cmpnt-see-more {
  font-size: 18px;
  font-size: 1.8rem;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-weight: bold;
  margin-top: 10px;
  padding: 0 12px;
  position: relative; }
  .cmpnt-see-more .small-arrow {
    position: relative;
    width: 12px;
    height: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    transition: all 200ms ease-in-out; }
    .cmpnt-see-more .small-arrow:after {
      border: solid transparent;
      content: " ";
      height: 0;
      right: -5px;
      position: absolute;
      pointer-events: none;
      width: 0; }
    .cmpnt-see-more .small-arrow:after {
      border-color: rgba(97, 165, 52, 0);
      border-left-color: #61A534;
      border-width: 5px;
      margin-top: -5px;
      top: 50%; }
  .cmpnt-see-more:hover .small-arrow:after, .cmpnt-see-more:active .small-arrow:after, .cmpnt-see-more:focus .small-arrow:after {
    border-left-color: #44841a;
    transition: all 200ms ease-in-out; }

.cmpnt-read-more,
.cmpnt-back {
  display: inline-block;
  font-weight: bold;
  overflow: hidden;
  position: relative; }
  .cmpnt-read-more:after,
  .cmpnt-back:after {
    border: 5px solid transparent;
    content: " ";
    height: 0;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0; }

.cmpnt-read-more {
  padding-right: 10px; }
  .cmpnt-read-more:after {
    border-left-color: #61A534;
    right: -5px; }
  .cmpnt-read-more:hover:after, .cmpnt-read-more:active:after, .cmpnt-read-more:focus:after {
    border-left-color: #44841a; }

.cmpnt-back {
  padding-left: 10px; }
  .cmpnt-back:after {
    border-right-color: #61A534;
    left: -5px; }
  .cmpnt-back:hover:after, .cmpnt-back:active:after, .cmpnt-back:focus:after {
    border-right-color: #44841a; }

.cmpnt-title {
  background: #53297D;
  color: #FFF;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1;
  margin: 0;
  padding: 20px; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-title {
      font-size: 22px;
      font-size: 2.2rem; } }

.cmpnt-button:link,
.cmpnt-button:visited,
.cmpnt-button {
  background: #61A534;
  border: 0;
  color: #FFF;
  cursor: pointer;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-weight: bold;
  padding: 10px 30px 10px 10px;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  transition: all 200ms ease-in-out; }
  .cmpnt-button:link:after,
  .cmpnt-button:visited:after,
  .cmpnt-button:after {
    border: 5px solid transparent;
    border-left-color: #FFF;
    content: " ";
    height: 0;
    right: 7px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0; }
  .cmpnt-button:link:hover, .cmpnt-button:link:active, .cmpnt-button:link:focus,
  .cmpnt-button:visited:hover,
  .cmpnt-button:visited:active,
  .cmpnt-button:visited:focus,
  .cmpnt-button:hover,
  .cmpnt-button:active,
  .cmpnt-button:focus {
    background: #44841a;
    color: #FFF; }
    .cmpnt-button:link:hover:after, .cmpnt-button:link:active:after, .cmpnt-button:link:focus:after,
    .cmpnt-button:visited:hover:after,
    .cmpnt-button:visited:active:after,
    .cmpnt-button:visited:focus:after,
    .cmpnt-button:hover:after,
    .cmpnt-button:active:after,
    .cmpnt-button:focus:after {
      transition: all 200ms ease-in-out; }
  .cmpnt-button:link.no-arrow,
  .cmpnt-button:visited.no-arrow,
  .cmpnt-button.no-arrow {
    padding: 10px 40px; }
    .cmpnt-button:link.no-arrow:after,
    .cmpnt-button:visited.no-arrow:after,
    .cmpnt-button.no-arrow:after {
      border: 0; }

.cmpnt-button-pink:link,
.cmpnt-button-pink:visited,
.cmpnt-button-pink {
  background: #FFF;
  color: #E43989;
  transition: all 200ms ease-in-out; }
  .cmpnt-button-pink:link:after,
  .cmpnt-button-pink:visited:after,
  .cmpnt-button-pink:after {
    border-left-color: #E43989; }
  .cmpnt-button-pink:link:hover, .cmpnt-button-pink:link:active, .cmpnt-button-pink:link:focus,
  .cmpnt-button-pink:visited:hover,
  .cmpnt-button-pink:visited:active,
  .cmpnt-button-pink:visited:focus,
  .cmpnt-button-pink:hover,
  .cmpnt-button-pink:active,
  .cmpnt-button-pink:focus {
    background: #FFF;
    color: #630235; }
    .cmpnt-button-pink:link:hover:after, .cmpnt-button-pink:link:active:after, .cmpnt-button-pink:link:focus:after,
    .cmpnt-button-pink:visited:hover:after,
    .cmpnt-button-pink:visited:active:after,
    .cmpnt-button-pink:visited:focus:after,
    .cmpnt-button-pink:hover:after,
    .cmpnt-button-pink:active:after,
    .cmpnt-button-pink:focus:after {
      border-left-color: #630235; }

.cmpnt-button-green:link,
.cmpnt-button-green:visited,
.cmpnt-button-green {
  background: #FFF;
  color: #61A534;
  transition: all 200ms ease-in-out; }
  .cmpnt-button-green:link:after,
  .cmpnt-button-green:visited:after,
  .cmpnt-button-green:after {
    border-left-color: #61A534; }
  .cmpnt-button-green:link:hover, .cmpnt-button-green:link:active, .cmpnt-button-green:link:focus,
  .cmpnt-button-green:visited:hover,
  .cmpnt-button-green:visited:active,
  .cmpnt-button-green:visited:focus,
  .cmpnt-button-green:hover,
  .cmpnt-button-green:active,
  .cmpnt-button-green:focus {
    background: #FFF;
    color: #0C884A; }
    .cmpnt-button-green:link:hover:after, .cmpnt-button-green:link:active:after, .cmpnt-button-green:link:focus:after,
    .cmpnt-button-green:visited:hover:after,
    .cmpnt-button-green:visited:active:after,
    .cmpnt-button-green:visited:focus:after,
    .cmpnt-button-green:hover:after,
    .cmpnt-button-green:active:after,
    .cmpnt-button-green:focus:after {
      border-left-color: #0C884A; }

.cmpnt-button-green.openlink {
  color: #0C884A;
  transition: all 200ms ease-in-out; }
  .cmpnt-button-green.openlink:after {
    border-color: #0C884A transparent transparent; }
  .cmpnt-button-green.openlink:hover, .cmpnt-button-green.openlink:active, .cmpnt-button-green.openlink:focus {
    background: #FFF;
    color: #61A534; }
    .cmpnt-button-green.openlink:hover:after, .cmpnt-button-green.openlink:active:after, .cmpnt-button-green.openlink:focus:after {
      border-color: #61A534 transparent transparent; }

.cmpnt-load-more {
  margin: 20px auto 0; }

.cmpnt-submit-pointed {
  background: #FFF;
  border: none;
  color: #61A534;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-weight: bold;
  height: 42px;
  font-size: 18px;
  font-size: 1.8rem;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 41px;
  text-align: center;
  position: relative;
  transition: all 200ms ease-in-out; }
  .cmpnt-submit-pointed.green {
    background: #61A534;
    color: #FFF;
    height: 42px; }
    .cmpnt-submit-pointed.green::after {
      border-left-color: #61A534;
      border-width: 21px;
      margin-top: -21px; }
    .cmpnt-submit-pointed.green:hover {
      background: #0C884A;
      transition: all 200ms ease-in-out; }
      .cmpnt-submit-pointed.green:hover::after {
        border-left-color: #0C884A;
        transition: all 200ms ease-in-out; }
  .cmpnt-submit-pointed.inline-submit {
    font-size: 16px;
    font-size: 1.6rem;
    height: 40px;
    line-height: 40px;
    position: relative;
    top: -2px; }
    .cmpnt-submit-pointed.inline-submit::after {
      border-width: 20px;
      margin-top: -20px; }
  .cmpnt-submit-pointed:after {
    left: 100%;
    border: 18px solid transparent;
    border-left-color: #FFF;
    border-width: 21px;
    margin-top: -21px;
    content: " ";
    height: 0;
    top: 50%;
    transition: all 200ms ease-in-out;
    width: 0;
    position: absolute; }
  .cmpnt-submit-pointed:hover {
    color: #FFF;
    background: #0C884A;
    transition: all 200ms ease-in-out; }
    .cmpnt-submit-pointed:hover:after {
      border-left-color: #0C884A;
      transition: all 200ms ease-in-out; }

/* Social media icons */
.social-presence {
  font-size: 0;
  margin: 0;
  padding: 0; }
  .social-presence li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 20px; }
    .social-presence li:last-child {
      margin-right: 0; }
  .social-presence a {
    background-color: #FFF;
    color: #53297D;
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
    transition: all 200ms ease-in-out; }
    .social-presence a:hover {
      top: -3px;
      transition: all 200ms ease-in-out; }
    @media only screen and (min-width: 100px) {
      .social-presence a {
        width: 40px;
        height: 40px; } }
  .social-presence i {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    height: 100%;
    line-height: 25px;
    text-align: center;
    width: 100%; }
    @media only screen and (min-width: 100px) {
      .social-presence i {
        font-size: 35px;
        font-size: 3.5rem;
        line-height: 40px; } }

.cmpnt-breadcrums {
  padding: 20px;
  margin-bottom: 0; }
  @media only screen and (max-width: 480px) {
    .cmpnt-breadcrums {
      display: none; } }
  @media only screen and (min-width: 700px) {
    .cmpnt-breadcrums {
      padding: 0 20px 20px; } }
  @media only screen and (min-width: 1024px) {
    .cmpnt-breadcrums {
      padding: 20px 0 0 20px;
      margin-bottom: 20px; } }
  .cmpnt-breadcrums li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    list-style-type: none;
    margin-right: 10px; }
    .cmpnt-breadcrums li a {
      display: block;
      padding-right: 10px;
      position: relative;
      font-size: 12px;
      font-size: 1.2rem; }
      .cmpnt-breadcrums li a:after, .cmpnt-breadcrums li a:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .cmpnt-breadcrums li a:after {
        border-color: rgba(255, 255, 255, 0);
        border-left-color: #FFF;
        border-width: 3px;
        margin-top: -3px;
        top: 50%; }
        @media only screen and (max-width: 1023px) {
          .cmpnt-breadcrums li a:after {
            border-left-color: #EAEADE; } }
      .cmpnt-breadcrums li a:before {
        border-color: rgba(84, 84, 84, 0);
        border-left-color: #545454;
        border-width: 4px;
        margin-top: -4px;
        top: 50%; }
      .cmpnt-breadcrums li a i {
        font-size: 14px;
        font-size: 1.4rem; }
      .cmpnt-breadcrums li a span {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0; }
    .cmpnt-breadcrums li:last-child a::before, .cmpnt-breadcrums li:last-child a::after {
      display: none; }

.lt-ie8 .cmpnt-breadcrums {
  display: block;
  margin-bottom: 20px !important; }

/* Sidebar components */
.cmpnt-sidebar {
  background: #FFF url("../img/patterns/sidebar-pink-mobile.png") repeat-x 0 0;
  padding: 32px 20px 20px; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-sidebar {
      background-image: url("../img/patterns/sidebar-pink-desktop.png");
      padding: 50px 40px 40px; } }

.cmpnt-sidebar-title {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-sidebar-title {
      font-size: 16px;
      font-size: 1.6rem; } }

.cmpnt-credit {
  font-size: 0;
  position: relative; }
  .cmpnt-credit img {
    width: 100%; }

.cmpnt-credit-text {
  background: #F16E22;
  bottom: 0;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  height: 40px;
  font-weight: bold;
  line-height: 40px;
  max-width: 40px;
  overflow: hidden;
  padding: 0 0 0 40px;
  position: absolute;
  right: 0;
  transition: max-width 200ms ease-in-out;
  width: auto; }
  .cmpnt-credit-text:hover, .cmpnt-credit-text:active, .cmpnt-credit-text:focus, .cmpnt-credit-text.show {
    max-width: 300px; }
  .cmpnt-credit-text:before {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    width: 40px;
    height: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0; }
  .cmpnt-credit-text em {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    margin-right: 10px; }

.cmpnt-disclaimer {
  margin-left: 10px;
  margin-right: 10px; }

.registry-3up {
  margin-bottom: 40px; }
  .registry-3up .column .registry-3up__item, .registry-3up .columns .registry-3up__item {
    background: #FFF;
    box-shadow: 0 4px 0 0 rgba(226, 226, 215, 0.96);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
    padding: 20px; }
    .registry-3up .column .registry-3up__item .button, .registry-3up .columns .registry-3up__item .button, .registry-3up .column .registry-3up__item .gform_wrapper .gform_footer input.button, .registry-3up .columns .registry-3up__item .gform_wrapper .gform_footer input.button, .registry-3up .column .registry-3up__item .gform_wrapper .gform_footer input[type=submit], .registry-3up .columns .registry-3up__item .gform_wrapper .gform_footer input[type=submit] {
      font-size: 1.8rem !important;
      font-weight: bold;
      width: 100% !important;
      color: #FFF; }
  .registry-3up .column:first-of-type .registry-3up__item, .registry-3up .columns:first-of-type .registry-3up__item {
    margin-left: 0; }
  .registry-3up .column:last-of-type .registry-3up__item, .registry-3up .columns:last-of-type .registry-3up__item {
    margin-right: 0; }

.registry-registration {
  background: #FFF;
  padding-top: 20px; }

.registry-product-listing .cmpnt-product-list-product {
  padding-bottom: 0; }
  .registry-product-listing .cmpnt-product-list-product.added img.registry-product__image {
    opacity: 0.4; }
  .registry-product-listing .cmpnt-product-list-product .cmpnt-button {
    margin-top: 20px; }
    .registry-product-listing .cmpnt-product-list-product .cmpnt-button.add {
      width: 90%;
      margin-left: 5%; }
    .registry-product-listing .cmpnt-product-list-product .cmpnt-button.remove {
      background: transparent;
      color: #61A534;
      font-weight: normal; }
      .registry-product-listing .cmpnt-product-list-product .cmpnt-button.remove:after {
        border: none; }
    .registry-product-listing .cmpnt-product-list-product .cmpnt-button.add-button.remove {
      display: none; }
    .registry-product-listing .cmpnt-product-list-product .cmpnt-button.remove-button.add {
      display: none; }

.registry_modal {
  width: 800px; }
  .registry_modal .cmpnt-button {
    margin-top: 20px; }
    .registry_modal .cmpnt-button.add {
      width: 90%;
      margin-left: 5%; }
    .registry_modal .cmpnt-button.remove {
      background: transparent;
      color: #61A534;
      font-weight: normal; }
      .registry_modal .cmpnt-button.remove:after {
        border: none; }
    .registry_modal .cmpnt-button.add-button.remove {
      display: none; }
    .registry_modal .cmpnt-button.remove-button.add {
      display: none; }

.registry-product-list {
  background: #FFF;
  padding-top: 20px;
  padding: 20px; }

.cmpnt-button.success:link:after,
.cmpnt-button.success:visited:after,
.cmpnt-button.success:after {
  content: "✔";
  border: 0;
  height: auto;
  width: auto;
  margin-top: 0;
  top: 50%;
  right: 7px;
  position: absolute;
  pointer-events: none;
  transform: translateY(-50%); }

body {
  counter-reset: section; }

.step-counter-nav {
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  list-style: none;
  border-bottom: 1px solid #545454; }
  .step-counter-nav .step-counter-nav-item {
    position: relative;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem 2rem;
    text-align: left;
    vertical-align: middle;
    cursor: pointer; }
    .step-counter-nav .step-counter-nav-item::before {
      counter-increment: section;
      content: counter(section);
      padding: 0.2em 0.55em; }
    .step-counter-nav .step-counter-nav-item.current {
      font-weight: bold; }
      .step-counter-nav .step-counter-nav-item.current::after {
        border: 7px solid transparent;
        content: " ";
        height: 0;
        left: 50%;
        margin-left: -7px;
        pointer-events: none;
        position: absolute;
        top: -20px;
        width: 0; }
  @media only screen and (max-width: 52em) {
    .step-counter-nav {
      -ms-flex-direction: column;
      flex-direction: column; } }

.find .button {
  width: 100%; }

.cmpnt-3action {
  background: #FFF;
  list-style: none;
  overflow: hidden;
  padding: 0 20px 20px;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    .cmpnt-3action {
      padding: 10px 0;
      box-shadow: 0 4px 2px rgba(226, 226, 215, 0.96); } }
  @media only screen and (min-width: 1024px) {
    .cmpnt-3action {
      border-left: 0;
      padding: 10px 20px 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cmpnt-3action {
      padding: 20px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .cmpnt-3action {
      padding: 20px; } }

.cmpnt-3action-action {
  float: left;
  padding: 0;
  width: 33.3333%; }
  .cmpnt-3action-action:first-child {
    border-left: 0;
    padding-left: 0; }
  .cmpnt-3action-action:last-child {
    padding-right: 0; }
  .cmpnt-3action-action i {
    font-size: 85px;
    font-size: 8.5rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .cmpnt-3action-action i {
        font-size: 50px;
        font-size: 5rem; } }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      .cmpnt-3action-action i {
        font-size: 35px;
        font-size: 3.5rem; } }
    @media only screen and (max-width: 480px) {
      .cmpnt-3action-action i {
        font-size: 30px;
        font-size: 3rem; } }
  @media only screen and (max-width: 480px) {
    .cmpnt-3action-action {
      border-left: 0;
      margin: 0;
      padding: 0; }
      .cmpnt-3action-action a {
        padding: 20px 0;
        display: block; } }
  @media only screen and (min-width: 1024px) {
    .cmpnt-3action-action {
      border-left: 0;
      padding: 0 20px 20px; } }

.cmpnt-3action-title {
  font-family: OxfamHeadline, Arial, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 10px; }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .cmpnt-3action-title {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cmpnt-3action-title {
      font-size: 25px;
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1024px) {
    .cmpnt-3action-title {
      font-size: 32px;
      font-size: 3.2rem; } }

.cmpnt-3action-intro {
  color: #545454;
  display: none; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-3action-intro {
      display: block;
      margin-right: auto;
      margin-left: auto;
      max-width: 300px; } }

.cmpnt-3action-button {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-3action-button {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; } }

.cmpnt-article-list {
  background: #FFF;
  padding: 0 20px; }
  @media only screen and (min-width: 600px) {
    .cmpnt-article-list {
      /* font-size: 0;*/
      padding: 0 10px 20px; } }
  @media only screen and (min-width: 600px) {
    .cmpnt-article-list .cmpnt-article-section,
    .cmpnt-article-list .cmpnt-article-date,
    .cmpnt-article-list .cmpnt-article-list-title,
    .cmpnt-article-list .cmpnt-article-list-intro {
      margin-right: 20px;
      margin-left: 20px; } }

.cmpnt-article-list-article {
  border-top: 1px solid #EAEADE;
  padding: 20px 0 50px 110px;
  position: relative; }
  .cmpnt-article-list-article:first-child {
    border-top: 0; }
  @media only screen and (min-width: 600px) {
    .cmpnt-article-list-article {
      background: #EAEADE;
      border: 0;
      border-right: 10px solid #FFF;
      border-left: 10px solid #FFF;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin-top: 20px;
      padding: 0 0 20px;
      vertical-align: top;
      width: 50%; } }
  @media only screen and (min-width: 900px) {
    .cmpnt-article-list-article {
      width: 33%; } }

@media only screen and (min-width: 600px) {
  .flexbox .cmpnt-article-list {
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; } }

@media only screen and (min-width: 600px) {
  .flexbox .cmpnt-article-list ._ajax_load_reveal {
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; } }

@media only screen and (min-width: 600px) {
  .flexbox .cmpnt-article-list-article {
    -moz-flex: 0 0 50% 0 auto;
    -ms-flex: 0 0 50% 0 auto;
    flex: 0 0 50% 0 auto; } }

@media only screen and (min-width: 900px) {
  .flexbox .cmpnt-article-list-article {
    -moz-flex: 0 0 33.3333% 0 auto;
    -ms-flex: 0 0 33.3333% 0 auto;
    flex: 0 0 33.3333% 0 auto; } }

.cmpnt-article-list-title {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 5px;
  margin-bottom: 10px; }
  @media only screen and (min-width: 600px) {
    .cmpnt-article-list-title {
      font-size: 18px;
      font-size: 1.8rem; } }

.cmpnt-article-list-image {
  left: 0;
  position: absolute;
  top: 20px;
  width: 100px;
  margin-bottom: 10px; }
  @media only screen and (min-width: 600px) {
    .cmpnt-article-list-image {
      margin-bottom: 10px;
      position: static;
      width: 100%; } }

.cmpnt-article-list-intro {
  display: none; }
  @media only screen and (min-width: 600px) {
    .cmpnt-article-list-intro {
      display: block;
      font-size: 14px;
      font-size: 1.4rem; } }

.cmpnt-category-desc {
  padding: 20px;
  margin-bottom: 0; }

.cmpnt-more {
  text-align: center; }

@media only screen and (max-width: 480px) {
  .page-template-press-media-template-php .category-press-releases.cmpnt-article-list-article .cmpnt-article-image {
    display: none; } }

.page-template-press-media-template-php .category-media-coverage.cmpnt-article-list-article {
  padding: 20px 0 50px 10px; }
  .page-template-press-media-template-php .category-media-coverage.cmpnt-article-list-article .cmpnt-article-list-intro {
    display: block; }

.cmpnt-author-bio-content {
  padding: 20px 0 0 140px;
  position: relative; }
  @media only screen and (min-width: 500px) {
    .cmpnt-author-bio-content {
      padding-left: 0; } }

.cmpnt-author-bio-image {
  left: 0;
  position: absolute;
  top: 20px;
  width: 120px; }
  @media only screen and (min-width: 500px) {
    .cmpnt-author-bio-image {
      margin-bottom: 20px;
      position: static;
      width: 100%; } }

article.cmpnt-full-article {
  padding: 20px;
  background-color: #FFF; }
  article.cmpnt-full-article figure.cmpt-full-article-main-img {
    margin-bottom: 20px;
    display: block;
    border-bottom: 2px solid #EAEADE;
    padding-bottom: 5px; }
    article.cmpnt-full-article figure.cmpt-full-article-main-img img {
      width: 100%; }
  article.cmpnt-full-article header.cmpnt-full-article-header h1 {
    text-transform: none;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2; }
    @media only screen and (min-width: 1024px) {
      article.cmpnt-full-article header.cmpnt-full-article-header h1 {
        font-size: 28px;
        font-size: 2.8rem; } }
  article.cmpnt-full-article header.cmpnt-full-article-header .cmpnt-full-article-time-and-author {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 20px; }
    @media only screen and (min-width: 1024px) {
      article.cmpnt-full-article header.cmpnt-full-article-header .cmpnt-full-article-time-and-author {
        font-size: 13px;
        font-size: 1.3rem; } }
    article.cmpnt-full-article header.cmpnt-full-article-header .cmpnt-full-article-time-and-author time {
      border-right: 1px solid #545454;
      margin-right: 10px;
      padding-right: 10px; }
  article.cmpnt-full-article h2, article.cmpnt-full-article h3 {
    margin-bottom: 10px; }
  article.cmpnt-full-article p {
    font-size: 16px;
    font-size: 1.6rem; }
    article.cmpnt-full-article p:first-of-type {
      font-weight: normal; }
  article.cmpnt-full-article dl dt {
    font-weight: bold; }
  article.cmpnt-full-article dl dd {
    margin: 0 0 20px 0; }
  article.cmpnt-full-article .cmpnt-full-article-share {
    background: #EAEADE;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px; }
    @media only screen and (min-width: 1024px) {
      article.cmpnt-full-article .cmpnt-full-article-share {
        float: right;
        margin-left: 20px;
        width: 230px; } }
    article.cmpnt-full-article .cmpnt-full-article-share h3 {
      font-size: 18px;
      font-size: 1.8rem; }
  @media only screen and (min-width: 1024px) {
    article.cmpnt-full-article footer.cmpnt-full-article-footer div.cmpnt-full-article-share {
      float: none;
      width: auto;
      margin-left: 0; }
      article.cmpnt-full-article footer.cmpnt-full-article-footer div.cmpnt-full-article-share h3 {
        float: left;
        margin-right: 20px; } }
  article.cmpnt-full-article footer.cmpnt-full-article-footer aside.cmpnt-full-article-posted-in {
    margin: 40px 0 20px 0; }
    article.cmpnt-full-article footer.cmpnt-full-article-footer aside.cmpnt-full-article-posted-in h4 {
      margin-bottom: 0;
      font-size: 16px;
      font-size: 1.6rem; }

.cmpnt-carousel {
  position: relative; }
  .cmpnt-carousel .cmpnt-carousel-slides {
    width: 100%; }
    .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide {
      color: #FFF;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide {
          background: #E43989 url("../img/patterns/carousel-desktop.png") no-repeat left top;
          background-size: contain; } }
      .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-image {
        display: block;
        width: 100%; }
        @media only screen and (min-width: 768px) {
          .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-image {
            float: right;
            width: 50%; } }
      .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide.orange {
        background: #F16E22;
        background-image: none; }
      .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide.pink {
        background: #e70052;
        background-image: none; }
      .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide.purple {
        background: #53297D;
        background-image: none; }
      .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide.green {
        background: #0C884A;
        background-image: none; }
      .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide.ltgreen {
        background: #61A534;
        background-image: none; }
      .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide.ltpink {
        background: #E43989;
        background-image: none; }
      .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide.blue {
        background: #0B9CDA;
        background-image: none; }
      .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content {
        background: #E43989 url("../img/patterns/carousel-mobile.png") no-repeat right top;
        background-size: cover;
        padding: 20px;
        width: 100%;
        min-height: 200px;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content {
            /* THIS IS FOR 768px - 1024px */
            background: transparent;
            float: left;
            padding: 20px 10px;
            width: 50%;
            min-height: 200px; } }
        @media only screen and (min-width: 1024px) {
          .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content {
            /* THIS IS FOR 1024px AND UP */
            background: transparent;
            float: left;
            padding: 20px;
            width: 50%; } }
        .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content h2 {
          font-family: OxfamHeadline, Arial, sans-serif;
          font-size: 41px;
          font-size: 4.1rem;
          margin-bottom: 20px; }
          @media only screen and (min-width: 768px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content h2 {
              font-size: 52px;
              font-size: 5.2rem;
              margin-bottom: 5px; } }
          @media only screen and (min-width: 900px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content h2 {
              font-size: 68px;
              font-size: 6.8rem;
              margin-bottom: 5px; } }
          @media only screen and (min-width: 1024px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content h2 {
              font-size: 102px;
              font-size: 10.2rem;
              margin-bottom: 5px; } }
        .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content h2.twoline {
          font-size: 20px;
          font-size: 2rem;
          line-height: 2.0rem; }
          @media only screen and (max-width: 480px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content h2.twoline {
              font-size: 28px;
              font-size: 2.8rem;
              line-height: 2.8rem; } }
          @media only screen and (min-width: 481px) and (max-width: 767px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content h2.twoline {
              font-size: 30px;
              font-size: 3rem;
              line-height: 3.0rem; } }
          @media only screen and (min-width: 768px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content h2.twoline {
              font-size: 26px;
              font-size: 2.6rem;
              line-height: 2.6rem; } }
          @media only screen and (min-width: 900px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content h2.twoline {
              font-size: 34px;
              font-size: 3.4rem;
              line-height: 3.4rem; } }
          @media only screen and (min-width: 1024px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content h2.twoline {
              font-size: 46px;
              font-size: 4.6rem;
              line-height: 4.6rem;
              margin-top: 10px; } }
        .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content p {
          display: block;
          font-size: 24px;
          font-size: 2.4rem;
          font-family: OxfamHeadline, Arial, sans-serif;
          margin: 0 60px;
          margin-bottom: 40px; }
          @media only screen and (min-width: 768px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content p {
              display: block;
              font-size: 22px;
              font-size: 2.2rem;
              font-family: OxfamHeadline, Arial, sans-serif;
              margin: 0 40px;
              margin-bottom: 40px; } }
          @media only screen and (min-width: 1024px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content p {
              display: block;
              font-size: 28px;
              font-size: 2.8rem;
              font-family: OxfamHeadline, Arial, sans-serif;
              margin: 0 60px;
              margin-bottom: 40px; } }
          @media only screen and (max-width: 480px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content p {
              font-size: 16px;
              font-size: 1.6rem; } }
        .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content p.twoline {
          font-size: 16px;
          font-size: 1.6rem;
          margin-bottom: 10px;
          margin-top: 20px; }
          @media only screen and (max-width: 480px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content p.twoline {
              font-size: 14px;
              font-size: 1.4rem; } }
          @media only screen and (min-width: 481px) and (max-width: 767px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content p.twoline {
              font-size: 18px;
              font-size: 1.8rem; } }
          @media only screen and (min-width: 768px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content p.twoline {
              font-size: 16px;
              font-size: 1.6rem; } }
          @media only screen and (min-width: 900px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content p.twoline {
              font-size: 18px;
              font-size: 1.8rem; } }
          @media only screen and (min-width: 1024px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content p.twoline {
              font-size: 20px;
              font-size: 2rem; } }
        .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .starredwrap {
          display: table; }
          .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .starredwrap p.starred {
            display: table-cell;
            vertical-align: middle;
            width: 30%; }
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .starredwrap p.starred span {
              white-space: nowrap; }
          .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .starredwrap::before, .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .starredwrap::after {
            content: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/homepage/assets/star.png");
            margin: 0 10px;
            display: table-cell;
            vertical-align: middle;
            width: 50px; }
          .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .starredwrap::before {
            float: right; }
          .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .starredwrap::after {
            float: left; }
        .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .cmpnt-submit-pointed {
          color: #E43989;
          font-weight: bold;
          transition: all 200ms ease-in-out;
          margin-top: 40px;
          color: #E43989;
          background: #FFF; }
          .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .cmpnt-submit-pointed::after {
            border-left-color: #FFF; }
          .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .cmpnt-submit-pointed:hover {
            color: #0C884A;
            background: #BECE45; }
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .cmpnt-submit-pointed:hover::after {
              border-left-color: #BECE45; }
          @media only screen and (max-width: 480px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .cmpnt-submit-pointed {
              font-size: 16px;
              font-size: 1.6rem;
              margin-top: 20px;
              margin-bottom: 20px; } }
          @media only screen and (min-width: 768px) {
            .cmpnt-carousel .cmpnt-carousel-slides .cmpnt-carousel-slide .cmpnt-carousel-slide-content .cmpnt-submit-pointed {
              margin-top: 20px; } }

.orange .cmpnt-submit-pointed {
  color: #F16E22; }

.pink .cmpnt-submit-pointed {
  color: #e70052; }

.purple .cmpnt-submit-pointed {
  color: #53297D; }

.green .cmpnt-submit-pointed {
  color: #0C884A; }

.blue .cmpnt-submit-pointed {
  color: #0B9CDA; }

.ltgreen .cmpnt-submit-pointed {
  color: #61A534; }

.ltpink .cmpnt-submit-pointed {
  color: #E43989; }

.orange .cmpnt-carousel-slide-content {
  background: #F16E22;
  background-image: none; }

.pink .cmpnt-carousel-slide-content {
  background: #e70052;
  background-image: none; }

.purple .cmpnt-carousel-slide-content {
  background: #53297D;
  background-image: none; }

.green .cmpnt-carousel-slide-content {
  background: #0C884A;
  background-image: none; }

.blue .cmpnt-carousel-slide-content {
  background: #0B9CDA;
  background-image: none; }

.ltgreen .cmpnt-carousel-slide-content {
  background: #61A534;
  background-image: none; }

.ltpink .cmpnt-carousel-slide-content {
  background: #E43989;
  background-image: none; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1.0; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.5; }
  .slick-prev:before,
  .slick-next:before {
    font-family: ous-icons;
    font-size: 20px;
    line-height: 1;
    color: #545454;
    opacity: 0.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

.slick-dots {
  bottom: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 20px; }
  .slick-dots li {
    background: #e8eadd;
    border-radius: 8px;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 8px;
    margin-left: 16px;
    overflow: hidden;
    text-indent: -999em;
    transition: background 200ms ease-in-out;
    vertical-align: middle;
    width: 8px; }
    .slick-dots li:hover, .slick-dots li:active, .slick-dots li:focus, .slick-dots li.slick-active {
      background: #44841a; }
    .slick-dots li:first-child {
      margin-left: 0; }
  .slick-dots .current {
    background: #61A534;
    height: 10px;
    width: 10px; }
  @media only screen and (max-width: 480px) {
    .slick-dots {
      bottom: 10px; } }

/*
.cmpnt-uw-blockimage.cmpnt-carousel{
    background-image:none;
    background: $C-Purple;
    .cmpnt-carousel-slide{
    background:$C-Purple;
    background-image: none;
    }
    .cmpnt-carousel-slide-content{
        background-image:none;
        background: transparent;
        padding-bottom:0;
        h2{
         @include font-size(3.4);
         text-align:left;
            @include respond-to(carousel-full) {
                @include font-size(5.4);
            }
            @include respond-to(carousel) {
                @include font-size(4.4);
            }
        }
        p{
        font-family: $baseFontFamily;
        text-align:left;
        margin-left:0;
        margin-right:0;
        margin-bottom:0;
        }
        @include respond-to(handheld){
            padding-bottom:$D-Gutter;
        }
    }
    .cmpnt-carousel-pagination{
    display:none;
    }
}*/
.cmpnt-uw-blockimage h2 {
  margin: 20px;
  font-family: OxfamHeadline, Arial, sans-serif;
  font-size: 3.4rem;
  line-height: 3.4rem;
  text-align: left; }
  @media print, screen and (min-width: 48em) {
    .cmpnt-uw-blockimage h2 {
      font-size: 4.4rem;
      line-height: 4.2rem; } }
  @media print, screen and (min-width: 64em) {
    .cmpnt-uw-blockimage h2 {
      font-size: 5.4rem;
      line-height: 5.2rem; } }

.cmpnt-uw-blockimage p {
  margin: 20px;
  margin-top: 0;
  font-family: Arial, sans-serif;
  text-align: left; }

.cmpnt-uw-blockimage .purple {
  background: #53297D;
  color: #FFF; }

.cmpnt-category-list .cmpnt-sidebar-title {
  margin-bottom: 0;
  background: #e8eadd;
  font-weight: normal;
  padding: 5px;
  color: #61A534; }

.cmpnt-category-list-link {
  margin-top: 10px; }
  .cmpnt-category-list-link:first-child {
    margin-top: 0; }
  .cmpnt-category-list-link a {
    background: #EAEADE;
    display: block;
    padding: 10px 20px; }

/*#menu-pick-a-gift li.menu-item-depth-0:last-child{
        margin-top:$D-Gutter;
        margin-left:-$D-half-gutter;
        background:$C-UWBeige;
        padding-left:$D-quarter-gutter;    
}*/
@media only screen and (min-width: 650px) {
  .cmpnt-gia-feature .cmpnt-single-feature-image {
    margin-left: 20px; } }

.cmpnt-gia-feature .cmpnt-button.gia-keep-reading:after {
  border-left-color: transparent;
  border-top-color: #FFF; }

.cmpnt-gia-feature .cmpnt-button.gia-keep-reading.less {
  margin-top: 20px; }
  .cmpnt-gia-feature .cmpnt-button.gia-keep-reading.less:after {
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #FFF; }

@media only screen and (min-width: 650px) {
  .cmpnt-gia-feature .cmpnt-slidedown-content {
    width: 45%; } }

.hero-home {
  background: #ec4631 url("../img/patterns/hero-home-bg.gif") 0 bottom no-repeat;
  color: #FFF;
  margin-left: auto;
  margin-right: auto;
  max-width: 1560px;
  overflow: hidden; }
  @media only screen and (max-width: 480px) {
    .hero-home {
      margin-bottom: 0; } }
  @media only screen and (min-width: 1024px) {
    .hero-home {
      margin-bottom: 20px; } }

.hero-home-image {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .hero-home-image {
      float: right;
      width: 50%; } }

.hero-home-content {
  line-height: 1.2;
  padding: 20px;
  text-align: center; }
  .hero-home-content h1 {
    color: #FFF;
    font-family: OxfamHeadline, Arial, sans-serif;
    font-size: 21px;
    font-size: 2.1rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .hero-home-content h1 {
        font-size: 32px;
        font-size: 3.2rem;
        margin: 0 0 10px;
        line-height: 1.2; } }
    @media only screen and (min-width: 1024px) {
      .hero-home-content h1 {
        font-size: 34px;
        font-size: 3.4rem;
        margin: 0 0 10px;
        line-height: 1.2;
        font-weight: normal; } }
    @media only screen and (min-width: 1220px) {
      .hero-home-content h1 {
        font-size: 52px;
        font-size: 5.2rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 1300px) {
      .hero-home-content h1 {
        font-size: 55px;
        font-size: 5.5rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 1400px) {
      .hero-home-content h1 {
        font-size: 60px;
        font-size: 6rem;
        line-height: 1.2; } }
  .hero-home-content p {
    font-size: 14px;
    font-size: 1.4rem;
    display: none; }
    @media only screen and (min-width: 1024px) {
      .hero-home-content p {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 0 20px 25px 0;
        display: block; } }
    @media only screen and (min-width: 1120px) {
      .hero-home-content p {
        margin-right: 20px; } }
    @media only screen and (min-width: 1200px) {
      .hero-home-content p {
        font-size: 22px;
        font-size: 2.2rem;
        margin: 0 0 25px;
        display: block; } }
  @media only screen and (min-width: 768px) {
    .hero-home-content {
      float: left;
      padding: 40px 5% 20px 6.5%;
      text-align: left;
      width: 50%; } }
  @media only screen and (min-width: 1120px) {
    .hero-home-content {
      padding: 40px 5% 20px 7%; } }
  @media only screen and (min-width: 1220px) {
    .hero-home-content {
      padding: 40px 5% 20px 10%; } }
  @media only screen and (min-width: 1300px) {
    .hero-home-content {
      padding: 40px 5% 20px 14%; } }
  @media only screen and (min-width: 1400px) {
    .hero-home-content {
      padding: 40px 5% 20px 14%; } }
  .hero-home-content a.cmpnt-submit-pointed {
    color: #F16E22;
    font-weight: bold;
    padding-right: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    transition: all 200ms ease-in-out; }
    .hero-home-content a.cmpnt-submit-pointed:hover {
      color: #FFF; }

.cmpnt-hero-section {
  background: #0C884A url("../img/patterns/section-header-pink-mobile.png") no-repeat right top;
  background-size: cover;
  color: #FFF;
  padding: 5px 10px; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-hero-section {
      background-image: url("../img/patterns/section-header-pink-desktop.png"); } }
  .cmpnt-hero-section h1 {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0; }
    @media only screen and (min-width: 1024px) {
      .cmpnt-hero-section h1 {
        font-size: 28px;
        font-size: 2.8rem; } }
  .cmpnt-hero-section p {
    font-weight: bold; }
    @media only screen and (min-width: 1024px) {
      .cmpnt-hero-section p {
        font-size: 16px;
        font-size: 1.6rem; } }

.home .cmpnt-hero-section.cmpnt-subhead {
  background: #53297D;
  background-image: none; }

.intro-feature {
  background: #FFF;
  padding: 20px;
  *zoom: 1; }
  .intro-feature:before, .intro-feature:after {
    display: table;
    content: "";
    line-height: 0; }
  .intro-feature:after {
    clear: both; }
  .intro-feature h1 {
    font-family: 'OxfamHeadline';
    color: #61A534;
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 15px;
    text-transform: uppercase; }
  .intro-feature p:first-of-type {
    font-weight: bold; }

.cmpnt-latest-feed-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.cmpnt-latest-feed-item {
  border-top: 1px solid #EAEADE;
  padding: 20px 0 20px 70px;
  position: relative; }
  .cmpnt-latest-feed-item:first-child {
    border-top: 0; }
  .cmpnt-latest-feed-item .cmpnt-latest-feed-image {
    left: 0;
    position: absolute;
    top: 20px;
    width: 50px; }

.cmpnt-latest-feed-title {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0 0 5px 0; }

.cmpnt-latest-feed-time {
  color: #888;
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  font-style: italic; }

.cmpnt-latest-feed-intro {
  color: #333;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0 0 5px 0; }
  .cmpnt-latest-feed-intro em {
    font-style: normal;
    font-weight: bold; }

.cmpnt-latest-feed-more {
  border-top: 1px solid #EAEADE;
  padding: 20px 0 0;
  display: block;
  font-weight: bold;
  margin: 20px 0 0; }

.cmpnt-latest-feed-tweets .cmpnt-body {
  list-style: none;
  margin: 0;
  padding: 0; }

.cmpnt-latest-feed-tweets-container {
  padding-left: 0; }

.cmpnt-map .cmpnt-body {
  height: 0;
  border: 20px solid #FFF;
  padding-bottom: 62.5%;
  position: relative; }

.cmpnt-map-container {
  height: 100%;
  position: absolute;
  width: 100%; }

.cmpnt-map-popup {
  background: #FFF url("../img/patterns/sidebar-pink-desktop.png") repeat-x 0 0;
  padding: 32px 20px 20px;
  position: relative;
  width: 320px; }
  @media only screen and (min-width: 700px) {
    .cmpnt-map-popup {
      width: 500px; } }
  .cmpnt-map-popup:after {
    top: 100%;
    border: 12px solid transparent;
    border-top-color: #FFF;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -12px;
    pointer-events: none;
    position: absolute;
    width: 0; }

@media only screen and (min-width: 700px) {
  .cmpnt-map-popup-content {
    border-left: 10px solid #FFF;
    float: right;
    width: 50%; } }

.cmpnt-map-popup h3 {
  background: #FFF;
  color: #61A534;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 0 5px 0; }

.cmpnt-map-popup-image {
  display: none; }
  @media only screen and (min-width: 700px) {
    .cmpnt-map-popup-image {
      border-right: 10px solid #FFF;
      display: block;
      float: left;
      width: 50%; } }

.cmpnt-map-popup-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 22px; }

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
  zoom: 1; }

.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 20px; }

/* Direction Nav */
.flex-direction-nav {
  *height: 0; }

.foxyshop .flex-direction-nav {
  display: none; }

.flex-direction-nav a {
  width: 50px;
  height: 75px;
  margin: -37px 0 0;
  display: block;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-transition: all .3s ease; }

/*.flex-direction-nav .flex-next {
    right: -50px;
    @extend .sprite-carousel-arrow-r-active;
    &.flex-disabled {
        @extend .sprite-carousel-arrow-r-disabled;
    }
}
.flex-direction-nav .flex-prev {
    left: -50px;
    @extend .sprite-carousel-arrow-l-active;
    &.flex-disabled {
        @extend .sprite-carousel-arrow-l-disabled;
    }
}*/
.flex-direction-nav .flex-disabled {
  cursor: default; }

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  cursor: pointer;
  text-indent: -9999px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 20px; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

.flexslider-thumbs-n-text {
  background-color: #FFF;
  /*padding: $D-Gutter * 2 $D-Gutter * 3 ;*/
  padding: 5px; }

#carousel .slides > li {
  margin-left: 5px; }
  #carousel .slides > li:first-child {
    margin-left: 0; }

#carousel li {
  box-shadow: inset 0 0 0 #0C884A, inset 0 0 0 #0C884A;
  cursor: pointer; }
  #carousel li.flex-active-slide img {
    display: block;
    position: relative;
    z-index: -1; }
  #carousel li.flex-active-slide a {
    display: block;
    box-shadow: inset 4px 4px 0 #0C884A, inset -4px -4px 0 #0C884A;
    z-index: 1; }

#captions {
  margin-top: 20px; }
  #captions .slides > li h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 10px; }
  #captions .slides > li p {
    font-size: 13px;
    font-size: 1.3rem; }
  #captions .slides > li small {
    font-size: 11px;
    font-size: 1.1rem; }

section.media-gallery {
  background: #FFF;
  padding: 20px;
  box-shadow: none; }
  section.media-gallery .flexslider-thumbs-n-text {
    background: transparent; }
  section.media-gallery #carousel li.flex-active-slide a {
    box-shadow: 0px 0px 0 #E70052 inset, 0px -4px 0 #E70052 inset; }
  section.media-gallery #carousel li img {
    border: 10px solid #f0f1e9; }

.fancy-bottom {
  padding-bottom: 10px;
  background: #000 url("/assets/img/patterns/strip-pink-desktop.png") no-repeat left bottom; }

.slider-bottom {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .slider-bottom {
      font-size: 13px;
      font-size: 1.3rem;
      display: block;
      padding: 20px 0; } }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    display: none; }
  .flex-direction-nav .flex-next {
    display: none; }
  .flexslider-thumbs-n-text {
    padding: 20px;
    background: #FFF; }
  section.media-gallery {
    padding: 0;
    margin-bottom: 0; }
  #carousel .slides > li {
    margin-left: 10px; } }

.cmpnt-ordered-list {
  background: #FFF;
  padding: 20px; }

.cmpnt-ordered-list-results {
  list-style: none;
  margin: 0;
  padding: 0; }

.cmpnt-ordered-list-result {
  border-top: 1px solid #EAEADE;
  min-height: 77.5px;
  padding: 20px 0 20px 80px;
  position: relative; }
  .cmpnt-ordered-list-result:first-child {
    border-top: 0; }
  @media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-result {
      min-height: 140px;
      padding-left: 180px; } }

.cmpnt-ordered-list-result-title {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 0; }
  @media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-result-title {
      font-size: 22px;
      font-size: 2.2rem; } }

.cmpnt-ordered-list-result-copy {
  margin: 0; }

.cmpnt-ordered-list-result-image {
  left: 0;
  position: absolute;
  top: 20px;
  width: 60px; }
  @media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-result-image {
      width: 160px; } }

@media only screen and (min-width: 800px) {
  .cmpnt-ordered-list-events .cmpnt-ordered-list-result:first-child {
    min-height: 240px;
    padding-left: 340px; }
    .cmpnt-ordered-list-events .cmpnt-ordered-list-result:first-child .cmpnt-ordered-list-result-image {
      width: 320px; } }

.cmpnt-ordered-list-publication .cmpnt-ordered-list-result {
  min-height: 117.57574px; }
  @media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-publication .cmpnt-ordered-list-result {
      min-height: 246.86864px; } }

.cmpnt-publication-detail {
  background: #FFF;
  padding: 20px;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-publication-detail {
      min-height: 150px;
      padding-left: 280px; } }

.cmpnt-publication-detail-title {
  color: #61A534;
  min-height: 37.5px;
  margin-top: 0;
  padding-left: 80px; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-publication-detail-title {
      min-height: auto;
      padding-left: 0; } }

.cmpnt-publication-detail-image {
  left: 20px;
  position: absolute;
  top: 20px;
  width: 60px; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-publication-detail-image {
      width: 240px; } }

.cmpnt-publication-detail-meta-block {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 20px 0 0;
  padding-right: 20px;
  vertical-align: top;
  width: 48%; }
  .cmpnt-publication-detail-meta-block h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0; }

.cmpnt-publication-detail-downloads {
  border-top: 3px solid #EAEADE;
  list-style: none;
  margin: 0 0 40px;
  padding: 0; }
  .cmpnt-publication-detail-downloads li {
    margin-top: 20px; }
  .cmpnt-publication-detail-downloads a:link,
  .cmpnt-publication-detail-downloads a:visited {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    padding-left: 40px; }
    .cmpnt-publication-detail-downloads a:link span,
    .cmpnt-publication-detail-downloads a:visited span {
      color: #545454;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal; }

.cmpnt-publication-detail-share {
  background: #EAEADE;
  margin: 0;
  padding: 20px; }
  .cmpnt-publication-detail-share h3 {
    color: #545454;
    font-size: 14px;
    font-size: 1.4rem; }

.cmpnt-related-action {
  background: #FFF;
  padding: 20px; }

.cmpnt-related-action-title {
  background: #E43989 url("../img/patterns/related-action-mobile.png") no-repeat right top;
  color: #FFF;
  font-family: OxfamHeadline, Arial, sans-serif;
  font-size: 26px;
  font-size: 2.6rem;
  margin: 0 -20px;
  padding: 10px 20px;
  position: relative;
  top: -20px; }

.cmpnt-related-content .cmpnt-body {
  overflow: hidden;
  padding: 0 0 20px 20px; }
  @media only screen and (min-width: 650px) {
    .cmpnt-related-content .cmpnt-body {
      display: table; } }

@media only screen and (min-width: 650px) {
  .lt-ie8 .cmpnt-related-content .cmpnt-body {
    behavior: url(/assets/polyfil/display-table.min.htc); } }

.cmpnt-related-content-article, .foxyshop_related_product_list {
  background: #EAEADE;
  border-top: 20px solid #FFF;
  border-right: 20px solid #FFF;
  float: left;
  width: 50%; }
  .cmpnt-related-content-article:first-child, .foxyshop_related_product_list:first-child {
    width: 100%; }
  @media only screen and (min-width: 650px) {
    .cmpnt-related-content-article, .foxyshop_related_product_list {
      display: table-cell;
      float: none;
      width: 33.33%; }
      .cmpnt-related-content-article:first-child, .foxyshop_related_product_list:first-child {
        width: 33.33%; } }
  .cmpnt-related-content-article .product-title, .foxyshop_related_product_list .product-title {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: normal; }
    @media only screen and (min-width: 600px) {
      .cmpnt-related-content-article .product-title, .foxyshop_related_product_list .product-title {
        font-size: 18px;
        font-size: 1.8rem; } }
  .cmpnt-related-content-article .product-price, .foxyshop_related_product_list .product-price {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: normal; }
    @media only screen and (min-width: 600px) {
      .cmpnt-related-content-article .product-price, .foxyshop_related_product_list .product-price {
        font-size: 18px;
        font-size: 1.8rem; } }

@media only screen and (min-width: 650px) {
  .lt-ie8 .cmpnt-related-content-article, .lt-ie8 .foxyshop_related_product_list {
    -dt-display: table-cell; } }

.cmpnt-related-content-article img, .foxyshop_related_product_list img {
  width: 100%; }

.cmpnt-related-links-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.cmpnt-related-links-link {
  border-top: 1px solid #EAEADE;
  margin: 20px 0 0;
  padding: 20px 0 0; }
  .cmpnt-related-links-link:first-child {
    border-top: 0;
    margin-top: 0; }
  .cmpnt-related-links-link .with-image {
    display: block;
    padding-left: 40px; }

.cmpnt-related-links-title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0 0 10px; }
  .cmpnt-related-links-title .filesize {
    color: #888;
    font-size: 12px;
    font-size: 1.2rem; }

.cmpnt-related-links-type {
  border-right: 1px solid #545454;
  color: #888;
  font-size: 11px;
  font-size: 1.1rem;
  font-style: italic;
  padding-right: 4px; }

.cmpnt-related-links .cmpnt-article-date {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 0; }

.menu.medium-horizontal > li {
  width: 20%; }

.component-sidebar-nav {
  padding: 5px;
  display: block;
  font-size: 1.6rem;
  line-height: 2.2rem;
  list-style: none;
  padding: 0; }
  @media print, screen and (min-width: 64em) {
    .component-sidebar-nav {
      padding: 10px; } }
  .component-sidebar-nav li {
    margin: 5px 0; }
    .component-sidebar-nav li a {
      display: block;
      padding: 5px 0 5px 10px; }
    .component-sidebar-nav li .sub-menu {
      list-style: none;
      padding-left: 0;
      margin-left: 0; }
      @media print, screen and (min-width: 64em) {
        .component-sidebar-nav li .sub-menu {
          margin-left: 1.25rem; } }
      .component-sidebar-nav li .sub-menu li > a {
        padding-left: 20px; }
  .component-sidebar-nav .has-subnav a:before {
    border: 7px solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -7px;
    pointer-events: none;
    position: absolute;
    top: -20px;
    width: 0; }
  .component-sidebar-nav .has-subnav a:hover, .component-sidebar-nav .has-subnav a:active, .component-sidebar-nav .has-subnav a:focus, .component-sidebar-nav .has-subnav a.current {
    color: #545454; }
    .component-sidebar-nav .has-subnav a:hover:before, .component-sidebar-nav .has-subnav a:active:before, .component-sidebar-nav .has-subnav a:focus:before, .component-sidebar-nav .has-subnav a.current:before {
      border-top-color: #0C884A; }
  .component-sidebar-nav .component-sidebar-nav > .sub-menu a {
    padding: 5px 0 5px 5px; }
    @media print, screen and (min-width: 64em) {
      .component-sidebar-nav .component-sidebar-nav > .sub-menu a {
        padding: 5px 0 5px 20px; } }
  .component-sidebar-nav .current-menu-item > a, .component-sidebar-nav .current-page-ancestor > a {
    background: #EAEADE;
    color: #333; }
  .component-sidebar-nav .has-subnav.current-page-ancestor > a {
    color: #61A534;
    background: transparent; }
  .component-sidebar-nav sup.newnote {
    color: #E70052;
    padding: 2px; }

body.foxyshop-single-product .component-sidebar-nav li.main-menu-item:first-of-type > a {
  background: #EAEADE;
  color: #333; }

body.foxyshop-single-product.tribute-gift .component-sidebar-nav li.main-menu-item:first-of-type > a {
  background: transparent;
  color: #61A534; }

body.foxyshop-single-product.tribute-gift .component-sidebar-nav li.main-menu-item:last-of-type > a {
  background: #EAEADE;
  color: #333; }

.tribute-gift .component-sidebar-nav-backlink {
  display: none; }

.menu-by-price-container {
  margin-top: 20px;
  width: 100%; }
  .menu-by-price-container ul {
    list-style: none;
    padding-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .menu-by-price-container ul li {
      display: inline-block;
      margin: 5px;
      background: #EAEADE;
      color: #545454;
      padding: 5px 10px; }
      .menu-by-price-container ul li a {
        color: #333;
        text-decoration: none;
        font-weight: bold; }
      .menu-by-price-container ul li.current-menu-item {
        background: #61A534; }
        .menu-by-price-container ul li.current-menu-item a {
          color: #FFF;
          text-decoration: none; }

.cmpnt-side-newsletter {
  background: #E70052 url("../img/patterns/social-share-email-mobile.png") no-repeat;
  background-size: cover;
  color: #FFF;
  padding: 20px; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-side-newsletter {
      background: #E70052 url("../img/patterns/social-email-bg.gif") no-repeat right top; } }

.side-newsletter-title {
  font-family: OxfamHeadline, Arial, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 0 0 4px; }

form.cmpnt-side-newsletter-content {
  margin-bottom: 10px; }
  form.cmpnt-side-newsletter-content p.cmpnt-side-newsletter-intro {
    font-size: 12px;
    font-size: 1.2rem; }
  form.cmpnt-side-newsletter-content input[type=email] {
    font-size: 15px;
    font-size: 1.5rem;
    box-shadow: inset 4px 4px 0 rgba(226, 226, 215, 0.96);
    height: 40px;
    margin: 0;
    position: relative;
    top: -2px;
    width: 65%; }
    form.cmpnt-side-newsletter-content input[type=email]:-moz-placeholder {
      color: #a6a6a2;
      font-size: 15px;
      font-size: 1.5rem; }
    form.cmpnt-side-newsletter-content input[type=email]:-ms-input-placeholder {
      color: #a6a6a2;
      font-size: 15px;
      font-size: 1.5rem; }
    form.cmpnt-side-newsletter-content input[type=email]::-webkit-input-placeholder {
      color: #a6a6a2;
      font-size: 15px;
      font-size: 1.5rem; }
    form.cmpnt-side-newsletter-content input[type=email]:focus {
      box-shadow: inset 0 0 0 rgba(226, 226, 215, 0.96); }
  form.cmpnt-side-newsletter-content button[type=submit] {
    height: 40px;
    line-height: 40px;
    padding: 0 25px 1px 15px;
    width: 33%;
    top: -1px;
    font-size: 15px;
    font-size: 1.5rem; }
    form.cmpnt-side-newsletter-content button[type=submit]::after {
      right: 6px;
      transition: background 200ms ease-in-out; }
    form.cmpnt-side-newsletter-content button[type=submit]:hover::after {
      transition: background 200ms ease-in-out; }
  @media only screen and (min-width: 1032px) and (max-width: 1200px) {
    form.cmpnt-side-newsletter-content button[type=submit].cmpnt-button-pink {
      width: 30%;
      padding: 0;
      text-align: center; }
      form.cmpnt-side-newsletter-content button[type=submit].cmpnt-button-pink::after {
        display: none; } }
  @media only screen and (max-width: 1031px) {
    form.cmpnt-side-newsletter-content button[type=submit].cmpnt-button-pink {
      width: 85px; }
      form.cmpnt-side-newsletter-content button[type=submit].cmpnt-button-pink::after {
        display: block; } }
  @media only screen and (max-width: 480px) {
    form.cmpnt-side-newsletter-content input[type=email] {
      width: 60%;
      font-size: 14px;
      font-size: 1.4rem; }
      form.cmpnt-side-newsletter-content input[type=email]:-moz-placeholder {
        color: #a6a6a2;
        font-size: 14px;
        font-size: 1.4rem; }
      form.cmpnt-side-newsletter-content input[type=email]:-ms-input-placeholder {
        color: #a6a6a2;
        font-size: 14px;
        font-size: 1.4rem; }
      form.cmpnt-side-newsletter-content input[type=email]::-webkit-input-placeholder {
        color: #a6a6a2;
        font-size: 14px;
        font-size: 1.4rem; }
    form.cmpnt-side-newsletter-content button[type=submit] {
      width: 35%;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 0 10px 1px 0; } }

.cmpnt-single-feature {
  background: #FFF;
  padding: 20px;
  *zoom: 1; }
  .cmpnt-single-feature:before, .cmpnt-single-feature:after {
    display: table;
    content: "";
    line-height: 0; }
  .cmpnt-single-feature:after {
    clear: both; }

.cmpnt-single-feature-image {
  width: 100%; }
  @media only screen and (min-width: 650px) {
    .cmpnt-single-feature-image {
      float: left;
      width: 50%;
      margin-bottom: 20px; } }

.cmpnt-single-feature-content {
  padding: 20px;
  width: 100%; }
  @media only screen and (min-width: 650px) {
    .cmpnt-single-feature-content {
      float: left;
      padding: 10px 40px 20px 20px;
      width: 50%; } }
  .cmpnt-single-feature-content h3 {
    margin: 5px 0; }
    .cmpnt-single-feature-content h3.productname, .cmpnt-single-feature-content h3.price {
      font-weight: bold; }

@media only screen and (min-width: 650px) {
  .cmpnt-single-feature-alt {
    clear: both; }
    .cmpnt-single-feature-alt .cmpnt-single-feature-image {
      float: right; }
    .cmpnt-single-feature-alt .cmpnt-single-feature-content {
      float: left;
      padding: 20px 20px 20px 40px; } }

.how-it-works-heading {
  width: 100%;
  font-family: OxfamHeadline, Arial, sans-serif;
  color: #53297D;
  font-weight: normal;
  display: table; }
  .how-it-works-heading h3 {
    display: inline;
    float: left;
    max-width: 78%; }
    @media only screen and (max-width: 480px) {
      .how-it-works-heading h3 {
        font-size: 18px;
        font-size: 1.8rem;
        max-width: 65%; } }
    @media only screen and (min-width: 649px) and (max-width: 800px) {
      .how-it-works-heading h3 {
        max-width: 65%; } }
    @media only screen and (min-width: 800px) and (max-width: 900px) {
      .how-it-works-heading h3 {
        max-width: 75%; } }
    @media only screen and (min-width: 1024px) and (max-width: 1183px) {
      .how-it-works-heading h3 {
        max-width: 65%; } }
  .how-it-works-heading img {
    display: inline;
    float: left;
    padding-top: 10px;
    max-width: 40px; }
    .how-it-works-heading img:first-of-type {
      padding-right: 10px; }
    .how-it-works-heading img:last-of-type {
      padding-left: 10px; }
  .how-it-works-heading:after {
    content: "";
    clear: both;
    display: block; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.social-proof .cmpnt-body {
  overflow: hidden;
  padding: 20px;
  text-align: center; }

.social-proof-statlist {
  list-style: none;
  margin: 10px 0 20px;
  padding: 0; }
  @media only screen and (min-width: 570px) {
    .social-proof-statlist {
      display: table;
      width: 100%; } }

@media only screen and (min-width: 570px) {
  .lt-ie8 .social-proof-statlist {
    behavior: url(/assets/polyfil/display-table.min.htc); } }

.social-proof-statlist li {
  border-bottom: 3px solid #EAEADE; }
  @media only screen and (min-width: 570px) {
    .social-proof-statlist li {
      border-bottom: 0;
      border-left: 3px solid #EAEADE;
      display: table-cell;
      padding: 0 20px;
      width: 33.333%; }
      .social-proof-statlist li:first-child {
        border-left: 0; } }

@media only screen and (min-width: 570px) {
  .lt-ie8 .social-proof-statlist li {
    -dt-display: table-cell; } }

.social-proof-stat {
  color: #E70052;
  font-family: OxfamHeadline, Arial, sans-serif;
  font-size: 42.5px;
  font-size: 4.25rem; }
  .social-proof-stat:first-child {
    margin: 5% 0 2%; }
  @media only screen and (min-width: 570px) {
    .social-proof-stat {
      font-size: 25px;
      font-size: 2.5rem; }
      .social-proof-stat:first-child {
        margin: 2% 0 5%; } }
  @media only screen and (min-width: 571px) and (max-width: 1023px) {
    .social-proof-stat {
      font-size: 30px;
      font-size: 3rem; } }
  @media only screen and (min-width: 1024px) {
    .social-proof-stat {
      font-size: 50px;
      font-size: 5rem; } }
  @media only screen and (min-width: 400px) and (max-width: 731px) {
    .social-proof-stat {
      font-size: 23px;
      font-size: 2.3rem; } }

.social-proof-info {
  font-weight: bold; }
  .social-proof-info:last-child {
    margin-bottom: 20px; }
  @media only screen and (min-width: 570px) {
    .social-proof-info {
      font-size: 16px;
      font-size: 1.6rem; } }

form.cmpnt-social-share-content {
  margin-bottom: 10px; }
  form.cmpnt-social-share-content input[type=email] {
    font-size: 18px;
    font-size: 1.8rem;
    box-shadow: inset 4px 4px 0 rgba(226, 226, 215, 0.96);
    height: 40px;
    margin: 0;
    position: relative;
    top: 0px;
    width: 50%; }
    form.cmpnt-social-share-content input[type=email]:-moz-placeholder {
      color: #a6a6a2;
      font-size: 18px;
      font-size: 1.8rem; }
    form.cmpnt-social-share-content input[type=email]:-ms-input-placeholder {
      color: #a6a6a2;
      font-size: 18px;
      font-size: 1.8rem; }
    form.cmpnt-social-share-content input[type=email]::-webkit-input-placeholder {
      color: #a6a6a2;
      font-size: 18px;
      font-size: 1.8rem; }
    form.cmpnt-social-share-content input[type=email]:focus {
      box-shadow: inset 0 0 0 rgba(226, 226, 215, 0.96); }
  form.cmpnt-social-share-content button[type=submit] {
    height: 40px;
    line-height: 40px;
    padding: 0 25px 1px 15px;
    font-size: 18px;
    font-size: 1.8rem; }
    form.cmpnt-social-share-content button[type=submit]::after {
      transition: all 200ms ease-in-out; }
    form.cmpnt-social-share-content button[type=submit]:hover::after {
      transition: all 200ms ease-in-out; }
  @media only screen and (max-width: 480px) {
    form.cmpnt-social-share-content input[type=email] {
      width: 60%;
      font-size: 14px;
      font-size: 1.4rem; }
      form.cmpnt-social-share-content input[type=email]:-moz-placeholder {
        color: #a6a6a2;
        font-size: 14px;
        font-size: 1.4rem; }
      form.cmpnt-social-share-content input[type=email]:-ms-input-placeholder {
        color: #a6a6a2;
        font-size: 14px;
        font-size: 1.4rem; }
      form.cmpnt-social-share-content input[type=email]::-webkit-input-placeholder {
        color: #a6a6a2;
        font-size: 14px;
        font-size: 1.4rem; }
    form.cmpnt-social-share-content button[type=submit] {
      width: 35%;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 0 10px 1px 0; } }

.lt-ie8 form.cmpnt-social-share-content input {
  position: relative;
  top: -8px; }

.cmpnt-social-share-email {
  background: #E70052 url("../img/patterns/social-share-email-mobile.png") no-repeat;
  background-size: cover;
  color: #FFF;
  padding: 20px; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-social-share-email {
      background: #E70052 url("../img/patterns/social-email-bg.gif") no-repeat right top; } }

.social-share-title {
  font-family: OxfamHeadline, Arial, sans-serif;
  font-size: 23px;
  font-size: 2.3rem;
  margin: 0; }

.cmpnt-social-share-email {
  color: #FFF;
  padding: 20px;
  *zoom: 1; }
  .cmpnt-social-share-email:before, .cmpnt-social-share-email:after {
    display: table;
    content: "";
    line-height: 0; }
  .cmpnt-social-share-email:after {
    clear: both; }
  .cmpnt-social-share-email .social-share-left p.cmpnt-social-share-email-intro {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 12px;
    padding-top: 4px; }
  .cmpnt-social-share-email .social-share-left h2 {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 2.2rem; }
    .cmpnt-social-share-email .social-share-left h2 i {
      display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cmpnt-social-share-email .cmpnt-social-share-links h3 {
      margin-bottom: 10px; }
    .cmpnt-social-share-email .cmpnt-social-share-links .social-presence li {
      margin-right: 20px; }
      .cmpnt-social-share-email .cmpnt-social-share-links .social-presence li a {
        line-height: 30px;
        width: 35px;
        height: 35px; }
        .cmpnt-social-share-email .cmpnt-social-share-links .social-presence li a i {
          font-size: 28px;
          font-size: 2.8rem;
          line-height: 37px; }
    .cmpnt-social-share-email .social-share-left {
      float: left;
      width: 60%; }
    .cmpnt-social-share-email .social-share-right {
      float: right;
      width: 32%;
      margin-top: 33px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .cmpnt-social-share-email .cmpnt-social-share-links {
      *zoom: 1; }
      .cmpnt-social-share-email .cmpnt-social-share-links:before, .cmpnt-social-share-email .cmpnt-social-share-links:after {
        display: table;
        content: "";
        line-height: 0; }
      .cmpnt-social-share-email .cmpnt-social-share-links:after {
        clear: both; }
      .cmpnt-social-share-email .cmpnt-social-share-links h3 {
        float: left;
        margin-right: 20px;
        font-size: 16px;
        font-size: 1.6rem; }
      .cmpnt-social-share-email .cmpnt-social-share-links .social-presence li {
        margin-right: 10px; }
        .cmpnt-social-share-email .cmpnt-social-share-links .social-presence li a {
          line-height: 20px;
          width: 25px;
          height: 25px; }
          .cmpnt-social-share-email .cmpnt-social-share-links .social-presence li a i {
            font-size: 24px;
            font-size: 2.4rem;
            line-height: 27px; } }
  @media only screen and (max-width: 480px) {
    .cmpnt-social-share-email .cmpnt-social-share-links {
      *zoom: 1; }
      .cmpnt-social-share-email .cmpnt-social-share-links:before, .cmpnt-social-share-email .cmpnt-social-share-links:after {
        display: table;
        content: "";
        line-height: 0; }
      .cmpnt-social-share-email .cmpnt-social-share-links:after {
        clear: both; }
      .cmpnt-social-share-email .cmpnt-social-share-links h3 {
        float: left;
        margin-right: 20px;
        font-size: 16px;
        font-size: 1.6rem; }
      .cmpnt-social-share-email .cmpnt-social-share-links .social-presence li {
        margin-right: 10px; }
        .cmpnt-social-share-email .cmpnt-social-share-links .social-presence li a {
          line-height: 20px;
          width: 25px;
          height: 25px; }
          .cmpnt-social-share-email .cmpnt-social-share-links .social-presence li a i {
            font-size: 22px;
            font-size: 2.2rem;
            line-height: 27px; } }
  @media only screen and (min-width: 1024px) {
    .cmpnt-social-share-email {
      *zoom: 1; }
      .cmpnt-social-share-email:before, .cmpnt-social-share-email:after {
        display: table;
        content: "";
        line-height: 0; }
      .cmpnt-social-share-email:after {
        clear: both; }
      .cmpnt-social-share-email .social-share-left {
        float: left;
        width: 60%; }
        .cmpnt-social-share-email .social-share-left h2 {
          float: left;
          font-size: 50px;
          font-size: 5rem;
          margin-bottom: 0;
          margin-right: 20px;
          width: 22%;
          line-height: 1;
          position: relative; }
          .cmpnt-social-share-email .social-share-left h2 i {
            font-size: 65px;
            font-size: 6.5rem;
            bottom: -1px;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            position: absolute;
            height: 50px;
            line-height: 50px;
            right: 5%; }
        .cmpnt-social-share-email .social-share-left p.cmpnt-social-share-email-intro {
          font-size: 16px;
          font-size: 1.6rem; }
      .cmpnt-social-share-email .social-share-right {
        float: right;
        width: 26%; } }

.cmpnt-social-share {
  background: #E70052 url("../img/patterns/social-share-email-mobile.png") no-repeat;
  background-size: cover;
  color: #FFF;
  padding: 20px; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-social-share {
      background: #E70052 url("../img/patterns/social-email-bg.gif") no-repeat right top; } }
  .cmpnt-social-share .social-share-left p.social-share-intro {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 12px;
    padding-top: 4px; }
  .cmpnt-social-share .social-share-left i {
    display: none; }
  .cmpnt-social-share .social-share-left h2.social-share-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: OxfamHeadline, Arial, sans-serif;
    font-size: 30px;
    font-size: 3rem;
    margin: 0; }
  .cmpnt-social-share .social-share-buttons-wrap {
    padding: 20px;
    background-color: #FFF;
    max-width: 50%; }
    @media only screen and (min-width: 1024px) {
      .cmpnt-social-share .social-share-buttons-wrap {
        margin: 0;
        max-width: inherit; } }
    @media only screen and (max-width: 480px) {
      .cmpnt-social-share .social-share-buttons-wrap {
        max-width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .cmpnt-social-share {
      *zoom: 1; }
      .cmpnt-social-share:before, .cmpnt-social-share:after {
        display: table;
        content: "";
        line-height: 0; }
      .cmpnt-social-share:after {
        clear: both; }
      .cmpnt-social-share .social-share-left {
        float: left;
        width: 60%; }
        .cmpnt-social-share .social-share-left h2.social-share-title {
          font-size: 42px;
          font-size: 4.2rem;
          margin-bottom: 8px;
          margin-top: 10px;
          line-height: 1; }
        .cmpnt-social-share .social-share-left .strap-wrap {
          *zoom: 1; }
          .cmpnt-social-share .social-share-left .strap-wrap:before, .cmpnt-social-share .social-share-left .strap-wrap:after {
            display: table;
            content: "";
            line-height: 0; }
          .cmpnt-social-share .social-share-left .strap-wrap:after {
            clear: both; }
          .cmpnt-social-share .social-share-left .strap-wrap p.social-share-intro {
            font-size: 16px;
            font-size: 1.6rem;
            float: left;
            width: 66%; }
          .cmpnt-social-share .social-share-left .strap-wrap i {
            font-size: 60px;
            font-size: 6rem;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            line-height: 0.5;
            position: relative;
            float: right;
            width: 33%;
            top: 10px; }
      .cmpnt-social-share .social-share-right {
        float: right;
        width: 30%;
        min-width: 262px; } }

.sharrre {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 0; }
  .sharrre .box a:hover {
    text-decoration: none; }
  .sharrre .count {
    background: #FFF;
    border: 1px solid #EAEADE;
    color: #545454;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    width: 60px; }
    .sharrre .count:before, .sharrre .count:after {
      content: '';
      display: block;
      height: 0;
      left: 49%;
      position: absolute;
      width: 0; }
    .sharrre .count:before {
      border: 7px solid transparent;
      border-top-color: #EAEADE;
      bottom: -14px;
      margin-left: -7px; }
    .sharrre .count:after {
      border: solid 6px transparent;
      border-top-color: #FFF;
      bottom: -12px;
      margin-left: -6px; }
  .sharrre .share {
    color: #FFF;
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
    padding: 0 0 0 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 60px; }
    .sharrre .share:before {
      color: #FFF;
      content: "";
      font-family: "ous-icons";
      font-size: 17.5px;
      font-size: 1.75rem;
      left: 1px;
      position: absolute; }

.twitter-count .share {
  background: #00a0d1; }
  .twitter-count .share:hover {
    background: #00a0d1; }
  .twitter-count .share:before {
    content: "\e001"; }

.facebook-count .share {
  background: #3b5998; }
  .facebook-count .share:hover {
    background: #3b5998; }
  .facebook-count .share:before {
    content: "\e009"; }

.googleplus-count .share {
  background: #ff8700; }
  .googleplus-count .share:hover {
    background: #ff8700; }
  .googleplus-count .share:before {
    content: "\e008"; }

.pinterest-count .share {
  background: #da0734; }
  .pinterest-count .share:hover {
    background: #da0734; }
  .pinterest-count .share:before {
    content: "\e003"; }

.twitter-count.ecard .count {
  display: none; }

.facebook-count.ecard .count {
  display: none; }

.googleplus-count.ecard .count {
  display: none; }

footer .box {
  *zoom: 1;
  margin-right: 10px; }
  footer .box:before, footer .box:after {
    display: table;
    content: "";
    line-height: 0; }
  footer .box:after {
    clear: both; }

footer .sharrre .count {
  float: right;
  height: 25px;
  line-height: 25px;
  position: relative;
  font-size: 13px;
  font-size: 1.3rem; }
  footer .sharrre .count:after, footer .sharrre .count:before {
    right: 100%;
    left: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  footer .sharrre .count:after {
    border-color: rgba(251, 251, 251, 0);
    border-right-color: #fbfbfb;
    border-width: 5px;
    top: 50%;
    bottom: auto;
    margin-top: -5px; }
  footer .sharrre .count:before {
    border-color: rgba(178, 198, 204, 0);
    border-width: 6px;
    top: 50%;
    bottom: auto;
    margin-top: -6px; }

footer .sharrre .share {
  float: left;
  margin: 0 10px 0 0;
  height: 25px;
  line-height: 25px; }

@media only screen and (min-width: 700px) {
  .take-action {
    padding: 20px; } }

@media only screen and (min-width: 700px) {
  .sign-petition {
    background-color: #EAEADE;
    padding: 20px; } }

.signatures {
  background: #61A534 url("/assets/img/form-bottom-arrow.png") center bottom no-repeat;
  color: #fff;
  padding: 20px 20px 40px; }
  .signatures h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 10px; }
  .signatures p {
    font-size: 13px;
    font-size: 1.3rem; }

.signature-progress {
  background: #61A534;
  display: block;
  height: 50px;
  width: 100%; }

.signature-progress-wrap {
  background: #0C884A;
  display: none;
  margin: 20px 0;
  overflow: hidden;
  position: relative; }
  .signature-progress-wrap.show {
    display: block; }
  .signature-progress-wrap .signature-progress-bar {
    background: #FFF;
    left: 0;
    position: absolute;
    top: 0;
    transition: left 200ms ease-in-out; }

.signature-target {
  margin: 0 0 10px; }
  @media only screen and (min-width: 1024px) {
    .signature-target {
      font-size: 28px;
      font-size: 2.8rem; } }

.form-petition-wrap {
  background: #FFF;
  padding: 20px; }
  .form-petition-wrap p {
    *zoom: 1; }
    .form-petition-wrap p:before, .form-petition-wrap p:after {
      display: table;
      content: "";
      line-height: 0; }
    .form-petition-wrap p:after {
      clear: both; }
    .form-petition-wrap p.checkbox-p {
      margin-bottom: 10px; }
      .form-petition-wrap p.checkbox-p label {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.5; }
      .form-petition-wrap p.checkbox-p span {
        font-size: 11px;
        font-size: 1.1rem;
        font-style: italic;
        display: block;
        font-weight: normal; }
  .form-petition-wrap input[type=checkbox] {
    float: left;
    margin-right: 20px; }
  .form-petition-wrap label {
    float: left;
    display: block;
    width: 80%; }
  .form-petition-wrap #petition-postcode {
    width: 150px; }

.indent-content {
  padding: 0 20px 20px; }
  @media only screen and (min-width: 700px) {
    .indent-content {
      padding: 10px 40px 20px 10px; } }
  .indent-content p:first-child {
    font-weight: bold; }

.hide-show-content {
  width: 130px;
  font-size: 14px;
  font-size: 1.4rem; }
  .hide-show-content::after {
    border-top-color: #FFF;
    border-width: 4px;
    border-left-color: transparent;
    top: 23px;
    right: 15px; }
  .hide-show-content:hover::after {
    top: 23px;
    right: 15px; }
  .hide-show-content.hide-arrow::after {
    border-top-color: transparent;
    border-bottom-color: #FFF;
    top: 19px;
    right: 15px; }
  .hide-show-content.hide-arrow:hover::after {
    top: 19px;
    right: 15px; }
  @media only screen and (min-width: 1085px) {
    .hide-show-content {
      display: none; } }

.show-more-mobile {
  overflow: hidden;
  max-height: 0;
  transition: max-height 200ms ease-in-out; }
  .show-more-mobile.open {
    max-height: 1000px;
    transition: max-height 200ms ease-in-out; }
  @media only screen and (min-width: 1085px) {
    .show-more-mobile {
      display: block;
      max-height: 1000px; } }

ul.split-three {
  margin: 0;
  padding: 0; }
  ul.split-three li.red i, ul.split-three li.red h3 {
    color: #E70052; }
  ul.split-three li.green i, ul.split-three li.green h3 {
    color: #61A534; }
  ul.split-three li.orange i, ul.split-three li.orange h3 {
    color: #F16E22; }
  ul.split-three li {
    padding: 10px 10%;
    display: block;
    list-style-type: none;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem; }
    @media only screen and (min-width: 1085px) {
      ul.split-three li {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 32%;
        padding: 10px; } }
    ul.split-three li i {
      font-size: 80px;
      font-size: 8rem; }
      @media only screen and (min-width: 1085px) {
        ul.split-three li i {
          font-size: 100px;
          font-size: 10rem; } }
    ul.split-three li h3 {
      font-size: 25px;
      font-size: 2.5rem;
      font-family: OxfamHeadline;
      margin: 0 0 10px; }
      @media only screen and (min-width: 1085px) {
        ul.split-three li h3 {
          font-size: 22px;
          font-size: 2.2rem;
          margin: 5px 0 25px; } }

.image-and-text img {
  margin: 20px auto;
  display: block; }

.image-and-text p {
  margin: 0;
  padding: 10px 10%; }
  .image-and-text p:first-of-type {
    font-weight: bold; }

@media only screen and (min-width: 1085px) {
  .image-and-text {
    margin-top: 70px; }
    .image-and-text p {
      padding: 0 0; }
    .image-and-text img {
      float: left;
      margin: 0 20px 20px 0;
      position: relative;
      top: -40px; } }

.cmpnt-simple-text .cmpnt-see-more {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  padding-left: 0; }

.cmpnt-link-block .cmpnt-body {
  font-size: 0;
  padding: 10px; }

.cmpnt-link-block-link {
  border: 10px solid #FFF;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  vertical-align: top;
  width: 50%; }
  .cmpnt-link-block-link a {
    display: block;
    min-height: 40px; }
  .cmpnt-link-block-link img {
    margin-right: 5px;
    vertical-align: middle; }

.js-cmpnt-slidenav-button {
  display: none; }

@media screen and (max-width: 47.9375em) {
  .js .js-cmpnt-slidenav-button {
    background: #61A534;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 20px;
    transition: background 200ms ease-in-out; }
    .js .js-cmpnt-slidenav-button:hover, .js .js-cmpnt-slidenav-button:active, .js .js-cmpnt-slidenav-button:focus {
      background: #44841a; }
    .js .js-cmpnt-slidenav-button .arrow {
      border: 5px solid transparent;
      border-left-color: #FFF;
      content: " ";
      display: inline-block;
      height: 0;
      margin-left: 5px;
      pointer-events: none;
      width: 0; }
  .js .js-cmpnt-slidenav-wrapper {
    position: relative;
    transition: left 500ms ease-in-out; }
    .js .js-cmpnt-slidenav-wrapper.js-cmpnt-slidenav-open {
      left: 280px; }
  .js .js-cmpnt-slidenav-block {
    background: #FFF;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    height: 100%;
    left: -280px;
    position: absolute;
    top: 0;
    width: 280px; }
    .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav-backlink {
      background: #EAEADE;
      display: block;
      padding: 20px; }
      .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav-backlink:hover, .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav-backlink:active, .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav-backlink:focus {
        background: #e0e0ce; }
    .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav {
      background: transparent;
      box-shadow: none;
      padding-top: 0; }
      .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav a {
        display: block;
        margin: 20px 0; }
      .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav .cmpnt-secondary-nav-l2 {
        margin-left: 40px; }
    .js .js-cmpnt-slidenav-block #menu-pick-a-gift li.menu-item-depth-0:last-child {
      background: #FFF; }
  .js.csstransforms3d .js-cmpnt-slidenav-wrapper {
    transition: all 500ms ease-in-out; }
    .js.csstransforms3d .js-cmpnt-slidenav-wrapper.js-cmpnt-slidenav-open {
      left: auto;
      transform: translate3d(280px, 0, 0); }
  .js.csstransforms3d .js-cmpnt-slidenav-block {
    left: auto;
    transform: translateX(-280px); } }

#foxyshop_container {
  width: 100%; }

.cmpnt-product-list {
  background: #FFF;
  padding: 0 20px; }
  @media only screen and (min-width: 600px) {
    .cmpnt-product-list {
      font-size: 0;
      padding: 0 10px 20px; } }
  @media only screen and (min-width: 600px) {
    .cmpnt-product-list .cmpnt-product-section,
    .cmpnt-product-list .cmpnt-product-date,
    .cmpnt-product-list .cmpnt-product-list-title,
    .cmpnt-product-list .cmpnt-product-list-intro,
    .cmpnt-product-list .cmpnt-product-list-price {
      margin-right: 20px;
      margin-left: 20px; } }

.cmpnt-product-list-product {
  border-top: 1px solid #EAEADE;
  padding: 20px 0 70px 110px;
  position: relative; }
  .cmpnt-product-list-product:first-child {
    border-top: 0; }
  @media only screen and (min-width: 600px) {
    .cmpnt-product-list-product {
      background: #EAEADE;
      border: 0;
      border-right: 10px solid #FFF;
      border-left: 10px solid #FFF;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin-top: 20px;
      padding: 0 0 20px;
      vertical-align: top;
      width: 50%; } }
  @media only screen and (min-width: 900px) {
    .cmpnt-product-list-product {
      width: 33.3333%; } }

@media only screen and (min-width: 600px) {
  .flexbox .cmpnt-product-list {
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; } }

@media only screen and (min-width: 600px) {
  .flexbox .cmpnt-product-list ._ajax_load_reveal {
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; } }

@media only screen and (min-width: 600px) {
  .flexbox .cmpnt-product-list-product {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; } }

@media only screen and (min-width: 900px) {
  .flexbox .cmpnt-product-list-product {
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%; } }

.cmpnt-product-list-title, article.cmpnt-full-article p.cmpnt-product-list-title {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 5px;
  margin-bottom: 5px; }
  @media only screen and (min-width: 600px) {
    .cmpnt-product-list-title, article.cmpnt-full-article p.cmpnt-product-list-title {
      font-size: 18px;
      font-size: 1.8rem; } }

.cmpnt-product-list-price, article.cmpnt-full-article p.cmpnt-product-list-price {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 5px;
  margin-bottom: 5px; }
  @media only screen and (min-width: 600px) {
    .cmpnt-product-list-price, article.cmpnt-full-article p.cmpnt-product-list-price {
      font-size: 18px;
      font-size: 1.8rem; } }

.cmpnt-product-list-image {
  left: 0;
  position: absolute;
  top: 20px;
  width: 100px; }
  @media only screen and (min-width: 600px) {
    .cmpnt-product-list-image {
      margin-bottom: 5px;
      position: static;
      width: 100%; } }

.cmpnt-product-list-intro {
  display: none; }
  @media only screen and (min-width: 600px) {
    .cmpnt-product-list-intro {
      display: block;
      font-size: 14px;
      font-size: 1.4rem; } }

.cmpnt-4action {
  background: #FFF;
  list-style: none;
  overflow: hidden;
  padding: 0 20px 20px;
  text-align: center;
  color: #53297D; }
  @media only screen and (max-width: 480px) {
    .cmpnt-4action {
      padding: 10px 0;
      box-shadow: 0 4px 2px rgba(226, 226, 215, 0.96); } }
  @media only screen and (min-width: 1024px) {
    .cmpnt-4action {
      border-left: 0;
      padding: 10px 20px 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cmpnt-4action {
      padding: 20px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .cmpnt-4action {
      padding: 20px; } }

.cmpnt-4action-action {
  float: left;
  padding: 20px;
  width: 25%;
  text-align: center; }
  .cmpnt-4action-action:first-child {
    border-left: 0; }
  .cmpnt-4action-action i {
    font-size: 85px;
    font-size: 8.5rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .cmpnt-4action-action i {
        font-size: 50px;
        font-size: 5rem; } }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      .cmpnt-4action-action i {
        font-size: 35px;
        font-size: 3.5rem; } }
    @media only screen and (max-width: 480px) {
      .cmpnt-4action-action i {
        font-size: 30px;
        font-size: 3rem; } }
  .cmpnt-4action-action .cmpnt-icon-wrap {
    width: 100%;
    height: 140px;
    text-align: center; }
  .cmpnt-4action-action .cmpnt-icon-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */ }
  .cmpnt-4action-action .cmpnt-icon {
    display: inline-block;
    vertical-align: middle; }
  .cmpnt-4action-action .cmpnt-number {
    max-width: 50px;
    float: left; }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .cmpnt-4action-action {
      width: 50%; } }
  @media only screen and (max-width: 480px) {
    .cmpnt-4action-action {
      border-left: 0;
      margin: 0;
      padding: 0;
      width: 50%; }
      .cmpnt-4action-action a {
        padding: 20px 0;
        display: block; } }
  @media only screen and (min-width: 1024px) {
    .cmpnt-4action-action {
      border-left: 0;
      padding: 0 20px 20px; } }

.cmpnt-4action-title {
  font-family: OxfamHeadline, Arial, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 10px 50px;
  text-align: left;
  color: #53297D; }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .cmpnt-4action-title {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cmpnt-4action-title {
      font-size: 25px;
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1024px) {
    .cmpnt-4action-title {
      font-size: 20px;
      font-size: 2rem; } }

.cmpnt-4action-intro {
  color: #545454;
  display: none; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-4action-intro {
      display: block;
      margin-right: auto;
      margin-left: auto;
      max-width: 300px; } }

.cmpnt-4action-button {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .cmpnt-4action-button {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; } }

.cmpnt-4action-button.cmpnt-submit-pointed {
  background: #53297D;
  color: #FFF;
  display: inline-block;
  vertical-align: middle; }

.cmpnt-4action-button.cmpnt-submit-pointed:after {
  border-left-color: #53297D; }

.cmpnt-delivery-methods {
  margin-top: 10px; }
  .cmpnt-delivery-methods .foxyshop_variations label {
    font-weight: normal;
    text-align: left;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem; }
  .cmpnt-delivery-methods label.variation-choose-your-card {
    background: #E43989;
    color: #fff;
    font-weight: normal;
    padding: 5px 20px;
    font-family: OxfamHeadline, Arial, sans-serif;
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 20px;
    font-size: 2rem;
    display: none; }
  .cmpnt-delivery-methods .foxyshop_variations input, .cmpnt-delivery-methods .foxyshop_variations select, .cmpnt-delivery-methods .foxyshop_variations textarea {
    /* background-color:#f4f4ee;
        border:1px solid $C-Grey;
        margin:$D-half-gutter $D-Gutter;*/ }
  .cmpnt-delivery-methods .foxyshop_button:link, .cmpnt-delivery-methods .foxyshop_button:visited, .cmpnt-delivery-methods .foxyshop_button {
    background: #61A534;
    border: 0;
    color: #FFF;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-weight: bold;
    padding: 10px 30px 10px 10px;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    transition: all 200ms ease-in-out; }
    .cmpnt-delivery-methods .foxyshop_button:link:after, .cmpnt-delivery-methods .foxyshop_button:visited:after, .cmpnt-delivery-methods .foxyshop_button:after {
      border: 5px solid transparent;
      border-left-color: #FFF;
      content: " ";
      height: 0;
      right: 7px;
      margin-top: -5px;
      position: absolute;
      pointer-events: none;
      top: 50%;
      width: 0; }
    .cmpnt-delivery-methods .foxyshop_button:link:hover, .cmpnt-delivery-methods .foxyshop_button:link:active, .cmpnt-delivery-methods .foxyshop_button:link:focus, .cmpnt-delivery-methods .foxyshop_button:visited:hover, .cmpnt-delivery-methods .foxyshop_button:visited:active, .cmpnt-delivery-methods .foxyshop_button:visited:focus, .cmpnt-delivery-methods .foxyshop_button:hover, .cmpnt-delivery-methods .foxyshop_button:active, .cmpnt-delivery-methods .foxyshop_button:focus {
      background: #44841a; }
      .cmpnt-delivery-methods .foxyshop_button:link:hover:after, .cmpnt-delivery-methods .foxyshop_button:link:active:after, .cmpnt-delivery-methods .foxyshop_button:link:focus:after, .cmpnt-delivery-methods .foxyshop_button:visited:hover:after, .cmpnt-delivery-methods .foxyshop_button:visited:active:after, .cmpnt-delivery-methods .foxyshop_button:visited:focus:after, .cmpnt-delivery-methods .foxyshop_button:hover:after, .cmpnt-delivery-methods .foxyshop_button:active:after, .cmpnt-delivery-methods .foxyshop_button:focus:after {
        transition: all 200ms ease-in-out; }
  .cmpnt-delivery-methods p.preview-ecard {
    margin: 20px 0; }
  .cmpnt-delivery-methods p.delivery-time {
    margin: 10px 0 20px 0; }

.cmpnt-delivery-methods.open {
  display: block; }

.cmpnt-video-wrapper {
  background: #FFF;
  padding: 20px; }

.cmpnt-video {
  position: relative;
  padding-bottom: 50%;
  padding-top: 20px;
  height: 0;
  overflow: hidden; }

.cmpnt-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

article.cmpnt-full-article {
  padding: 20px;
  background-color: #FFF; }
  article.cmpnt-full-article figure.cmpt-full-article-main-img {
    margin-bottom: 20px;
    display: block; }
    article.cmpnt-full-article figure.cmpt-full-article-main-img img {
      width: 100%; }
  article.cmpnt-full-article header.cmpnt-full-article-header h1 {
    text-transform: none;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2; }
    @media only screen and (min-width: 1024px) {
      article.cmpnt-full-article header.cmpnt-full-article-header h1 {
        font-size: 28px;
        font-size: 2.8rem; } }
  article.cmpnt-full-article header.cmpnt-full-article-header .cmpnt-full-article-time-and-author {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 20px; }
    @media only screen and (min-width: 1024px) {
      article.cmpnt-full-article header.cmpnt-full-article-header .cmpnt-full-article-time-and-author {
        font-size: 13px;
        font-size: 1.3rem; } }
    article.cmpnt-full-article header.cmpnt-full-article-header .cmpnt-full-article-time-and-author time {
      border-right: 1px solid #545454;
      margin-right: 10px;
      padding-right: 10px; }
  article.cmpnt-full-article h2, article.cmpnt-full-article h3 {
    margin-bottom: 10px; }
  article.cmpnt-full-article p {
    font-size: 16px;
    font-size: 1.6rem; }
    article.cmpnt-full-article p:first-of-type {
      font-weight: normal; }
  article.cmpnt-full-article .cmpnt-full-article-share {
    background: #EAEADE;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px; }
    @media only screen and (min-width: 1024px) {
      article.cmpnt-full-article .cmpnt-full-article-share {
        float: right;
        margin-left: 20px;
        width: 230px; } }
    article.cmpnt-full-article .cmpnt-full-article-share h3 {
      font-size: 18px;
      font-size: 1.8rem; }
  @media only screen and (min-width: 1024px) {
    article.cmpnt-full-article footer.cmpnt-full-article-footer div.cmpnt-full-article-share {
      float: none;
      width: auto;
      margin-left: 0; }
      article.cmpnt-full-article footer.cmpnt-full-article-footer div.cmpnt-full-article-share h3 {
        float: left;
        margin-right: 20px; } }
  article.cmpnt-full-article footer.cmpnt-full-article-footer aside.cmpnt-full-article-posted-in {
    margin: 40px 0 20px 0; }
    article.cmpnt-full-article footer.cmpnt-full-article-footer aside.cmpnt-full-article-posted-in h4 {
      margin-bottom: 0;
      font-size: 16px;
      font-size: 1.6rem; }

article.cmpnt-single-feature .cmpnt-full-article-share {
  background: #EAEADE;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 20px; }
  @media only screen and (min-width: 1024px) {
    article.cmpnt-single-feature .cmpnt-full-article-share {
      float: right;
      margin-left: 20px;
      width: 230px; } }
  article.cmpnt-single-feature .cmpnt-full-article-share h3 {
    font-size: 18px;
    font-size: 1.8rem; }

article.cmpnt-single-feature footer.cmpnt-full-article-footer {
  clear: both;
  float: none; }
  @media only screen and (min-width: 1024px) {
    article.cmpnt-single-feature footer.cmpnt-full-article-footer div.cmpnt-full-article-share {
      float: none;
      width: auto;
      margin-left: 0; }
      article.cmpnt-single-feature footer.cmpnt-full-article-footer div.cmpnt-full-article-share h3 {
        float: left;
        margin-right: 20px; } }
  article.cmpnt-single-feature footer.cmpnt-full-article-footer aside.cmpnt-full-article-posted-in {
    margin: 40px 0 20px 0; }
    article.cmpnt-single-feature footer.cmpnt-full-article-footer aside.cmpnt-full-article-posted-in h4 {
      margin-bottom: 0;
      font-size: 16px;
      font-size: 1.6rem; }

.tribute-gift h3.price, .tribute-gift .product-price {
  display: none; }

.tribute-gift .foxyshop_radio_wrapper .foxyshop_short_element_holder {
  padding: 5px 10px; }

.cmpnt-banners {
  background: transparent; }

.cmpnt-banners .cmpnt-3action {
  background: transparent;
  padding: 0;
  text-align: left;
  color: #FFF; }

.cmpnt-banners .cmpnt-3action-action {
  margin: 0 10px;
  padding: 0;
  width: 31.5%; }
  .cmpnt-banners .cmpnt-3action-action:first-child {
    margin-left: 0; }
  .cmpnt-banners .cmpnt-3action-action:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cmpnt-banners .cmpnt-3action-action {
      width: 30%; }
      .cmpnt-banners .cmpnt-3action-action:first-child {
        margin-left: 10px; }
      .cmpnt-banners .cmpnt-3action-action:last-child {
        margin-right: 10px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .cmpnt-banners .cmpnt-3action-action {
      width: 45%; }
      .cmpnt-banners .cmpnt-3action-action:first-child {
        margin-left: 10px; }
      .cmpnt-banners .cmpnt-3action-action:last-child {
        margin-right: 10px; } }
  @media only screen and (max-width: 480px) {
    .cmpnt-banners .cmpnt-3action-action {
      width: 90%; }
      .cmpnt-banners .cmpnt-3action-action:first-child {
        margin-left: 10px; }
      .cmpnt-banners .cmpnt-3action-action:last-child {
        margin-right: 10px; }
      .cmpnt-banners .cmpnt-3action-action a {
        padding: 0; } }

.cmpnt-banners .cmpnt-3action-action img {
  width: 100%; }

.cmpnt-gift-list {
  background: transparent;
  padding: 20px;
  list-style: none;
  margin: 0;
  padding: 0; }

.cmpnt-gift-list-item {
  min-height: 90px;
  padding: 5px 0 20px 100px;
  position: relative; }

.cmpnt-gift-list-item-title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  color: #61A534; }

.cmpnt-gift-list-item-copy {
  margin: 0;
  font-weight: bold;
  color: #545454; }

.cmpnt-gift-list-item-image {
  left: 0;
  position: absolute;
  top: 0;
  width: 80px; }

/* sidecart */
#fc p, #fc span {
  font-family: Arial, sans-serif !important; }

/* Cart */
#fc .fc-cart__item__option__choose_your_card .fc-cart__item__option__name {
  display: none; }

#fc .fc-cart__item__option__value {
  white-space: normal; }

/*#fc a.fc-action--checkout--button{
    color:$C-White;
}*/
/* Sidebar cart */
#fc .fc-sidebar {
  background: #EAEADE;
  border-radius: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  left: 0; }
  @media only screen and (min-width: 1024px) {
    #fc .fc-sidebar {
      float: left;
      padding-right: 20px;
      width: 25%; } }

#fc .fc-sidebar.cmpnt-sidebar {
  left: 0;
  background: transparent;
  padding-left: 0; }
  @media only screen and (min-width: 1024px) {
    #fc .fc-sidebar.cmpnt-sidebar {
      float: left;
      padding-right: 20px;
      width: 25%; } }
  #fc .fc-sidebar.cmpnt-sidebar #fc-logo {
    display: none; }
  #fc .fc-sidebar.cmpnt-sidebar #fc-cart {
    background: #FFF image-url("../img/patterns/sidebar-pink-mobile.png") repeat-x 0 0;
    margin-bottom: 20px; }
    @media only screen and (min-width: 1024px) {
      #fc .fc-sidebar.cmpnt-sidebar #fc-cart {
        background-image: image-url("../img/patterns/sidebar-pink-desktop.png"); } }

#fc .fc-cart__multiship-header {
  background: #EAEADE;
  border: 0; }

/* take from slidenav, switch to cart */
.js-cmpnt-cart-button {
  position: relative;
  width: 80px;
  height: 35px;
  float: right;
  padding: 8px 0 0 0;
  margin-top: 24px;
  text-align: center; }

.js .js-cmpnt-cart-button {
  background: #61A534;
  color: #FFF;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  width: 80px;
  height: 35px;
  float: right;
  padding: 8px 0 0 0;
  margin-top: 24px;
  text-align: center;
  transition: background 200ms ease-in-out; }
  .js .js-cmpnt-cart-button:hover, .js .js-cmpnt-cart-button:active, .js .js-cmpnt-cart-button:focus {
    background: #E43989; }
  .js .js-cmpnt-cart-button.full {
    background: #E43989; }
  .js .js-cmpnt-cart-button .arrow {
    border: 5px solid transparent;
    border-left-color: #FFF;
    content: " ";
    display: inline-block;
    height: 0;
    margin-left: 5px;
    pointer-events: none;
    width: 0; }
  .js .js-cmpnt-cart-button .cart-text {
    display: none; }
  @media only screen and (max-width: 699px) {
    .js .js-cmpnt-cart-button {
      float: none;
      margin-top: 0;
      padding: 20px;
      height: 60px;
      width: 100%;
      text-align: right; }
      .js .js-cmpnt-cart-button .cart-text {
        display: inline-block;
        margin-right: 10px; } }

.js .js-cmpnt-cart-wrapper {
  position: relative;
  transition: right 500ms ease-in-out; }
  .js .js-cmpnt-cart-wrapper .js-cmpnt-cover-block {
    display: none;
    z-index: 0;
    opacity: 0;
    right: -100%; }
  .js .js-cmpnt-cart-wrapper .js-cmpnt-cart-block {
    display: none; }
  .js .js-cmpnt-cart-wrapper.js-cmpnt-cart-open {
    left: -100%; }
    @media only screen and (min-width: 768px) {
      .js .js-cmpnt-cart-wrapper.js-cmpnt-cart-open {
        left: -760px; } }
    .js .js-cmpnt-cart-wrapper.js-cmpnt-cart-open .js-cmpnt-cover-block {
      transition: opacity 500ms ease-in-out;
      display: block;
      position: absolute;
      background: #333;
      right: 0;
      height: 100%;
      z-index: 10000;
      width: 100%;
      opacity: .8; }
    .js .js-cmpnt-cart-wrapper.js-cmpnt-cart-open .js-cmpnt-cart-block {
      display: block; }

.js .js-cmpnt-cart-block {
  background: #FFF;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  height: 100%;
  left: auto;
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .js .js-cmpnt-cart-block {
      width: 760px;
      right: -760px; } }
  .js .js-cmpnt-cart-block [data-fc-sidecart] {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .js .js-cmpnt-cart-block [data-fc-sidecart] {
        width: 760px; } }

.js.csstransforms3d .js-cmpnt-cart-wrapper {
  transition: all 500ms ease-in-out; }
  .js.csstransforms3d .js-cmpnt-cart-wrapper.js-cmpnt-cart-open {
    left: auto;
    transform: translate3d(-100%, 0, 0); }
    @media only screen and (min-width: 768px) {
      .js.csstransforms3d .js-cmpnt-cart-wrapper.js-cmpnt-cart-open {
        transform: translate3d(-760px, 0, 0); } }

.js.csstransforms3d .js-cmpnt-cart-block {
  left: auto;
  transform: translateX(0px); }

.js .js-cmpnt-cart-block [data-fc-sidecart] {
  background: #EAEADE; }

.js-cmpnt-cart-block #fc #fc-cart {
  background-color: #EAEADE; }

.js-cmpnt-cart-block #fc .fc-container {
  padding-left: 20px;
  padding-right: 40px; }
  .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width {
    margin-right: 10px; }
    .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidecart-button {
      position: absolute;
      right: 5px;
      top: 45px;
      width: 33px;
      z-index: 100;
      background: transparent; }
      .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidecart-button svg {
        display: none; }
      .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidecart-button:active {
        box-shadow: none; }
    .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-container__row {
      margin-left: 0;
      margin-right: 0; }
      .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-container__row .fc-cart__title {
        padding-left: 0;
        padding-right: 0; }
        .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-container__row .fc-cart__title h2.fc-cart__title__header {
          margin-top: 0;
          background: #53297D image-url("patterns/section-header-pink-mobile.png") no-repeat right top;
          background-size: cover;
          color: #FFF;
          padding: 5px 10px;
          font-family: OxfamHeadline, Arial, sans-serif;
          text-shadow: none;
          text-align: left;
          font-size: 26px;
          font-size: 2.6rem; }
          @media only screen and (min-width: 1024px) {
            .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-container__row .fc-cart__title h2.fc-cart__title__header {
              background-image: image-url("patterns/section-header-pink-desktop.png");
              font-size: 28px;
              font-size: 2.8rem; } }
        .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-container__row .fc-cart__title .fc-order-quantity {
          float: left;
          margin: 10px 20px; }
        .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-container__row .fc-cart__title .fc-actions--payment {
          border-top: 0;
          float: right;
          margin: 10px 20px;
          padding: 0; }
          @media only screen and (max-width: 480px) {
            .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-container__row .fc-cart__title .fc-actions--payment {
              float: left;
              margin: 10px 5px; } }
          .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-container__row .fc-cart__title .fc-actions--payment .fc-action--payment--checkout {
            float: left; }
            @media only screen and (max-width: 480px) {
              .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-container__row .fc-cart__title .fc-actions--payment .fc-action--payment--checkout {
                margin: 10px 0;
                float: left; } }
    .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content {
      padding-left: 20px;
      padding-right: 20px;
      background-color: #FFF; }
      .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__multiship-header {
        background-color: #EAEADE;
        margin-top: 20px; }
        .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__multiship-header .fc-cart__multiship-header__text {
          font-weight: bold;
          color: #333;
          text-shadow: none;
          font-family: Arial, sans-serif; }
      .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item {
        padding-left: 20px;
        padding-right: 20px;
        background: #fff;
        border-bottom: 1px solid #e8eadd; }
        .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image {
          width: 100%; }
          .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__image {
            width: 25%;
            margin-left: 0; }
            .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__image span {
              border: 0;
              border-radius: 0; }
              .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__image span img {
                border-radius: 0; }
          .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__details {
            width: 75%; }
            @media only screen and (min-width: 700px) {
              .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__details {
                width: 50%; } }
            .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__details .fc-cart__item__options {
              font-size: 14px;
              font-size: 1.4rem; }
              .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__details .fc-cart__item__options .fc-cart__item__option .fc-cart__item__option__name, .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__details .fc-cart__item__options .fc-cart__item__option .fc-cart__item__option__prename {
                color: #333; }
              .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__details .fc-cart__item__options .fc-cart__item__option .fc-cart__item__option__value {
                white-space: normal;
                font-weight: normal;
                color: #333; }
            .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__details .show_item_options {
              font-weight: normal;
              color: #61A534; }
              .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__details .show_item_options:hover {
                text-decoration: underline;
                color: #44841a;
                cursor: pointer; }
          .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals {
            width: 75%;
            float: right; }
            @media only screen and (min-width: 700px) {
              .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals {
                width: 25%; } }
            .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__quantity {
              float: left;
              text-align: left;
              width: 30%; }
              @media only screen and (min-width: 700px) {
                .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__quantity {
                  width: 50%;
                  text-align: right;
                  float: left; } }
              @media only screen and (max-width: 480px) {
                .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__quantity input {
                  width: 100%; } }
            .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__total {
              float: left;
              text-align: left;
              margin-top: 10px;
              width: 70%; }
              @media only screen and (min-width: 700px) {
                .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__total {
                  width: 50%;
                  margin-top: 0;
                  text-align: right;
                  float: left; } }
            .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__actions {
              clear: both;
              float: right; }
              .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__actions .fc-cart__item__remove a {
                color: #61A534; }
                .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-cart__main__content .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__actions .fc-cart__item__remove a:hover {
                  text-decoration: underline; }
    .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart {
      padding: 0; }
      .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-transaction__header, .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-transaction__subtotal, .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-transaction__shipping, .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-transaction__discounts {
        display: none; }
      .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-transaction {
        border: 0;
        margin: 10px 20px 0;
        padding: 0; }
        .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-transaction .fc-transaction__total ul {
          list-style: none;
          float: right; }
          .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-transaction .fc-transaction__total ul li {
            display: inline-block;
            color: #333; }
      .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-actions--payment {
        border-top: 0;
        float: right;
        margin: 10px 20px;
        padding: 0; }
        @media only screen and (max-width: 480px) {
          .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-actions--payment {
            float: left;
            margin: 10px 5px; } }
        .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-actions--payment .fc-action--payment--checkout {
          float: left; }
          @media only screen and (max-width: 480px) {
            .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-actions--payment .fc-action--payment--checkout {
              margin: 10px 0;
              float: left; } }
        .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-actions--payment .fc-action--payment--keepshopping {
          margin-right: 10px;
          float: left; }
          @media only screen and (max-width: 480px) {
            .js-cmpnt-cart-block #fc .fc-container #fc-cart--fixed-width .fc-sidebar--cart .fc-actions--payment .fc-action--payment--keepshopping {
              margin: 10px 0;
              float: left; } }

.js-cmpnt-cart-block #fc .fc-sidebar {
  background: #FFF; }

.js-cmpnt-cart-block #fc .fc-container__row {
  margin-left: 0;
  margin-right: 0; }

.js-cmpnt-cart-block #fc .fc-messages__empty-notification {
  background: transparent;
  font-family: Arial, sans-serif;
  color: #333; }
  .js-cmpnt-cart-block #fc .fc-messages__empty-notification a {
    color: #FFF;
    font-size: 1em;
    font-family: Arial, sans-serif; }

.js-cmpnt-cart-block #fc .helptext {
  clear: both;
  text-align: right;
  font-weight: normal; }
  @media only screen and (max-width: 480px) {
    .js-cmpnt-cart-block #fc .helptext {
      text-align: center; } }

#fc .fc-form-control {
  background: #EAEADE; }
  #fc .fc-form-control:focus {
    background: #e0e0ce; }
  #fc .fc-form-control.fc-cart__item__quantity__input {
    border-radius: 0; }

/*** Responsive cart: Receipt and Cart page - cart will show if sidecart hasn't loaded when Add to cart clicked ****/
#fc #fc-cart--responsive, #fc #fc-receipt-container #fc-cart--responsive {
  padding: 0; }
  #fc #fc-cart--responsive header.fc-cart__header, #fc #fc-receipt-container #fc-cart--responsive header.fc-cart__header {
    padding-top: 0; }
  #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__column, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__column {
    text-transform: capitalize;
    margin-left: 0; }
  #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__item, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__item {
    width: 75%;
    text-shadow: none; }
  #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__totals, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__totals {
    width: 25%;
    padding-left: 0;
    padding-right: 0;
    text-shadow: none; }
    #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__totals .fc-cart__items__header__price, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__totals .fc-cart__items__header__price {
      display: none; }
    #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__totals .fc-cart__items__header__quantity, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__totals .fc-cart__items__header__quantity {
      padding: 0; }
    #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__totals .fc-cart__items__header__total, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__items__header .fc-cart__items__header__totals .fc-cart__items__header__total {
      float: right; }
  #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item {
    padding-left: 0;
    padding-right: 0; }
    #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
      #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__image, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__image {
        width: 20%;
        padding: 0 10px !important;
        margin-left: 0; }
      #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__details, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__details {
        width: 55%; }
      #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals {
        width: 25%; }
        #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__quantity, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__quantity {
          right: 0px; }
          @media only screen and (max-width: 480px) {
            #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__quantity input, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__quantity input {
              width: 100%; } }
        #fc #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__total, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images .fc-cart__item .fc-cart__item__details-and-image .fc-cart__item__totals .fc-cart__item__total {
          left: 0;
          padding-right: 0 !important;
          float: right; }
  #fc #fc-cart--responsive .fc-cart__items--with-images h4, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__items--with-images h4 {
    text-shadow: none; }
  #fc #fc-cart--responsive ul, #fc #fc-receipt-container #fc-cart--responsive ul {
    list-style: none;
    padding: 10px; }
  #fc #fc-cart--responsive .fc-cart__title, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__title {
    padding: 0; }
    #fc #fc-cart--responsive .fc-cart__title .fc-order-quantity, #fc #fc-receipt-container #fc-cart--responsive .fc-cart__title .fc-order-quantity {
      padding: 0; }
  #fc #fc-cart--responsive .fc-sidebar--cart .fc-transaction__header, #fc #fc-receipt-container #fc-cart--responsive .fc-sidebar--cart .fc-transaction__header {
    text-shadow: none;
    color: #333; }
  #fc #fc-cart--responsive .fc-sidebar--cart .fc-transaction, #fc #fc-receipt-container #fc-cart--responsive .fc-sidebar--cart .fc-transaction {
    color: #333; }
    #fc #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__subtotal .fc-subtotal__label, #fc #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__subtotal .fc-subtotal__value, #fc #fc-receipt-container #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__subtotal .fc-subtotal__label, #fc #fc-receipt-container #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__subtotal .fc-subtotal__value {
      color: #333; }
    #fc #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__subtotal .fc-subtotal__label, #fc #fc-receipt-container #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__subtotal .fc-subtotal__label {
      float: left; }
    #fc #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__discounts .fc-transaction__ui__header, #fc #fc-receipt-container #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__discounts .fc-transaction__ui__header {
      color: #333; }
    #fc #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__shipping, #fc #fc-receipt-container #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__shipping {
      display: none; }
    #fc #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__total .fc-subtotal__label, #fc #fc-receipt-container #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__total .fc-subtotal__label {
      color: #333;
      float: left; }
    #fc #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__total .fc-subtotal__value, #fc #fc-receipt-container #fc-cart--responsive .fc-sidebar--cart .fc-transaction .fc-transaction__total .fc-subtotal__value {
      color: #333; }

@media screen and (max-width: 47.9375em) {
  .cart-nav-section {
    width: 100%;
    text-align: center; } }

.cmpnt-related-action {
  background: #FFF;
  padding: 20px; }

.cmpnt-related-action-title {
  background: #E43989 url("../img/patterns/related-action-mobile.png") no-repeat right top;
  color: #FFF;
  font-family: OxfamHeadline, Arial, sans-serif;
  font-size: 26px;
  font-size: 2.6rem;
  margin: 0 -20px;
  padding: 10px 20px;
  position: relative;
  top: -20px; }

.cmpnt-related-action-transparent {
  background: transparent;
  background-image: none;
  padding: 20px;
  box-shadow: none; }

.cmpnt-related-action-nopad {
  background: transparent;
  background-image: none;
  padding: 0;
  box-shadow: none; }

.component-related-action {
  background: #FFF;
  padding: 20px;
  margin-bottom: 20px; }

.component-related-action-title {
  background: #E43989 url("../img/patterns/related-action-mobile.png") no-repeat right top;
  color: #FFF;
  font-family: OxfamHeadline, Arial, sans-serif;
  font-size: 26px;
  font-size: 2.6rem;
  margin: 0 -20px;
  padding: 10px 20px;
  position: relative;
  top: -20px; }
  @media screen and (orientation: portrait) {
    .component-related-action-title {
      font-size: 2.2rem; } }

.component-related-action-transparent {
  background: transparent;
  background-image: none;
  padding: 20px;
  box-shadow: none;
  margin-bottom: 20px; }

.component-related-action-nopad {
  background: transparent;
  background-image: none;
  padding: 0;
  box-shadow: none;
  margin-bottom: 20px; }

.section1 .cmpnt-hero-section {
  background-image: none;
  background-color: #53297D; }

.cmpnt-ecard-message-header {
  background: url(/assets/img/patterns/section-header-green-desktop.png); }

.cmpnt-ecard-message-header {
  font-weight: bold;
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 0; }
  .cmpnt-ecard-message-header h2 {
    margin-bottom: 0; }

.cmpnt-ecard-message-text {
  background: #EAEADE;
  /* beige */
  padding: 20px; }

.section3 img {
  float: left; }
  @media only screen and (max-width: 480px) {
    .section3 img {
      float: none; } }

.section4 {
  clear: both; }

.cmpnt-ecard-about .cmpnt-full-article-header {
  background: #61A534;
  color: #FFF; }
  .cmpnt-ecard-about .cmpnt-full-article-header h2 {
    margin-bottom: 0;
    padding: 10px 20px; }

.flashmessage {
  text-align: left; }

.no-skrollr body.single-ecard {
  height: auto; }

.single-ecard {
  padding-top: 0;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: none; }
  .single-ecard.loading, .single-ecard.no-js {
    background: #fff url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/oa-logo.png") no-repeat center center;
    background-size: 150px;
    animation: fade 0.5s infinite ease-in-out alternate; }
    .single-ecard.loading div, .single-ecard.no-js div {
      opacity: 0;
      transition: opacity 300ms ease-out; }
  .single-ecard.loaded div {
    opacity: 1;
    transition: opacity 300ms ease-out; }
  .single-ecard.loaded #slide-bg {
    opacity: 1;
    transition: opacity 600ms ease-out; }
  .single-ecard.no-js {
    padding-top: 106px; }
  .single-ecard h1, .single-ecard h2, .single-ecard h3 {
    font-family: "OxfamHeadline"; }
  .single-ecard h2 {
    margin-top: 0; }
  .single-ecard main {
    overflow-x: hidden; }
  .single-ecard .wrapper {
    max-width: 1220px; }

/* Global */
.separator {
  background: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/patterns/strip-pink-desktop.png") bottom center no-repeat;
  left: auto;
  text-align: center;
  width: 100%;
  max-width: 1220px;
  height: 14px;
  z-index: 0;
  top: 0;
  opacity: 1; }
  @media only screen and (max-width: 767px) {
    .separator {
      /*display:none;*/
      position: fixed;
      z-index: 2001; } }

.social-share .button {
  display: inline; }

.pinterest-count .share {
  background: #da0734; }
  .pinterest-count .share:hover {
    background: #da0734; }
  .pinterest-count .share:before {
    content: "\e003"; }

.facebook-count.ecard .count, .twitter-count.ecard .count, .pinterest-count.ecard .count {
  display: none; }

/* Segments */
#segments {
  z-index: 100; }
  @media only screen and (min-width: 768px) {
    #segments {
      margin-top: 0;
      top: 0; } }

.sgmnt {
  padding: 10px 10px 0 10px;
  width: 100%;
  color: #fff;
  min-height: 550px;
  max-width: 1220px; }
  @media only screen and (max-width: 767px) {
    .sgmnt {
      min-height: 200px; } }
  @media only screen and (min-width: 768px) {
    .sgmnt {
      top: 200%;
      padding: 10px 50px 0 50px;
      width: 100%;
      color: #fff;
      min-height: 200px; } }
  .sgmnt .alignleft,
  .sgmnt .alignright {
    clear: both;
    float: left;
    width: 100%;
    text-align: center; }
  @media only screen and (min-width: 768px) {
    .sgmnt .alignleft {
      float: left;
      padding: 20px 40px;
      width: 70%;
      margin-top: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 969px) {
    .sgmnt .alignleft {
      margin-top: 70px; } }
  @media only screen and (min-width: 970px) and (max-width: 1025px) {
    .sgmnt .alignleft {
      margin-top: 100px; } }
  @media only screen and (min-width: 768px) {
    .sgmnt .alignright {
      float: right;
      padding: 20px 40px;
      text-align: center;
      width: 30%;
      clear: none; } }
  @media only screen and (min-width: 768px) {
    .sgmnt .alignleft.half {
      float: left;
      width: 50%;
      padding: 20px; } }
  @media only screen and (min-width: 768px) {
    .sgmnt .alignright.half {
      float: right;
      width: 50%;
      padding: 20px;
      text-align: center; } }
  .sgmnt img.alignright {
    float: right; }

/********************************
************ segment0 ***********
*********************************/
#segment0 {
  background: #630235;
  color: #e70052;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    #segment0 {
      min-height: 200px; } }
  @media only screen and (min-width: 768px) {
    #segment0 {
      background-color: #630235;
      background-image: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/patterns/strip-pink-desktop.png");
      background-repeat: no-repeat;
      background-position: bottom center;
      text-align: left; } }
  #segment0 h1 {
    color: #e70052;
    font-size: 3.2em;
    line-height: 1.0em;
    margin-bottom: 0.2em;
    text-align: center;
    padding-top: 2em; }
    @media only screen and (max-width: 767px) {
      #segment0 h1 {
        padding-top: 10px; } }
    @media only screen and (min-width: 768px) {
      #segment0 h1 {
        font-size: 4.2em;
        text-align: left; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment0 h1 {
        font-size: 4.2em; } }
    @media only screen and (min-width: 970px) and (max-width: 1025px) {
      #segment0 h1 {
        font-size: 4.2em; } }
  #segment0 p.subhead {
    font-family: "OxfamHeadline";
    font-size: 1.6em;
    color: #f7e9cf;
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      #segment0 p.subhead {
        text-align: left; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment0 p.subhead {
        font-size: 1.6em; } }
  #segment0 #giftbox_closed {
    max-width: 100px;
    margin-top: 20px;
    margin-bottom: 40px; }
    @media only screen and (min-width: 768px) {
      #segment0 #giftbox_closed {
        max-width: 200px;
        margin-top: 185px; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment0 #giftbox_closed {
        max-width: 150px; } }
    @media only screen and (min-width: 970px) and (max-width: 1025px) {
      #segment0 #giftbox_closed {
        max-width: 175px; } }
  #segment0 .scroll {
    text-align: center;
    margin: -22px auto 0;
    clear: both;
    float: left;
    width: 100%;
    position: absolute; }
    @media only screen and (max-width: 767px) {
      #segment0 .scroll {
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative; } }
    @media only screen and (min-width: 768px) {
      #segment0 .scroll {
        margin-left: -50px; } }
    #segment0 .scroll img {
      max-width: 50px; }

@media only screen and (max-width: 767px) {
  .ishorizontal.skrollr-mobile #segment0 h1 {
    font-size: 2.2em; }
  .ishorizontal.skrollr-mobile #segment0 p {
    font-size: 1.1em; }
  .ishorizontal.skrollr-mobile #segment0 .sroll {
    padding-top: 0px; } }

/********************************
************ segment1 ***********
*********************************/
#segment1 {
  background: #630235 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/patterns/strip-pink-desktop.png") no-repeat bottom;
  color: #e70052;
  width: 100%;
  padding: 0 40px; }
  @media only screen and (max-width: 767px) {
    #segment1 {
      padding: 0px;
      min-height: 200px; } }
  @media only screen and (min-width: 768px) {
    #segment1 {
      background: #630235;
      width: 30%; } }
  @media only screen and (min-width: 768px) and (max-width: 969px) {
    #segment1 {
      width: 40%;
      min-width: 300px; } }
  @media only screen and (min-width: 970px) and (max-width: 1025px) {
    #segment1 {
      min-width: 350px; } }
  #segment1 h3 {
    font-family: 'OxfamHeadline';
    font-size: 2.4em;
    color: #e70052;
    padding: 10px 10px 30px;
    text-align: center;
    width: 100%;
    margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      #segment1 h3 {
        font-size: 3.0em;
        color: #e70052;
        text-align: left;
        margin-top: 0;
        padding: 20px 40px 40px 50px;
        padding: 20px 40px 40px 0px; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment1 h3 {
        font-size: 2.4em; } }
    @media only screen and (min-width: 970px) and (max-width: 1025px) {
      #segment1 h3 {
        font-size: 2.8em; } }
  #segment1 #prodimg {
    width: 100%; }
    #segment1 #prodimg img {
      width: 100%; }

/********************************
************ segment2 ***********
*********************************/
#segment2 {
  background: #e70052 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/patterns/strip-pink-desktop.png") no-repeat bottom;
  min-height: 400px;
  height: auto;
  padding: 0px; }
  @media only screen and (max-width: 767px) {
    #segment2 {
      min-height: 400px;
      /*550px;*/
      padding: 25px 20px; } }
  @media only screen and (min-width: 768px) {
    #segment2 {
      background: #e70052 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/split_70-30.jpg") center repeat-y;
      min-height: 260px;
      padding-left: 50px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      /* align horizontal */
      -ms-flex-align: center;
      align-items: center; } }
  @media only screen and (min-width: 768px) and (max-width: 969px) {
    #segment2 {
      background-position-x: -390px; } }
  @media only screen and (min-width: 970px) and (max-width: 1025px) {
    #segment2 {
      background-position-x: -150px; } }
  #segment2 .alignleft {
    margin-top: 0;
    text-align: left;
    padding: 20px 50px;
    width: 65%; }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment2 .alignleft {
        width: 60%; } }
  #segment2 .alignright {
    padding: 20px; }
    @media only screen and (max-width: 767px) {
      #segment2 .alignright {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment2 .alignright {
        width: 40%; } }
  #segment2 p {
    color: #fff;
    font-size: 1.4em;
    width: 100%;
    line-height: 1.3em;
    margin-bottom: 20px;
    white-space: pre-wrap; }
    @media only screen and (max-width: 767px) {
      #segment2 p {
        font-size: 1.2em; } }
    @media only screen and (min-width: 768px) {
      #segment2 p {
        font-size: 1.6em; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment2 p {
        font-size: 1.175em; } }
    @media only screen and (min-width: 970px) and (max-width: 1025px) {
      #segment2 p {
        font-size: 1.4em;
        line-height: 1.4em; } }
    #segment2 p:first-of-type {
      color: #630235;
      font-size: 1.6em;
      text-transform: uppercase;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        #segment2 p:first-of-type {
          font-size: 1.4em; } }
      @media only screen and (min-width: 768px) {
        #segment2 p:first-of-type {
          color: #630235;
          font-size: 2.0em; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        #segment2 p:first-of-type {
          font-size: 1.4em; } }
  #segment2 pre {
    color: #fff;
    font-size: 1.4em;
    width: 100%;
    line-height: 1.3em;
    white-space: pre-wrap; }
    @media only screen and (max-width: 767px) {
      #segment2 pre {
        font-size: 1.2em; } }
    @media only screen and (min-width: 768px) {
      #segment2 pre {
        font-size: 1.6em; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment2 pre {
        font-size: 1.175em; } }
    @media only screen and (min-width: 970px) and (max-width: 1025px) {
      #segment2 pre {
        font-size: 1.4em;
        line-height: 1.4em; } }

/********************************
************ segment3 ***********
*********************************/
#segment3 {
  background: #630235 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/patterns/strip-pink-desktop.png") no-repeat bottom;
  padding: 25px 20px; }
  @media only screen and (max-width: 767px) {
    #segment3 {
      min-height: 200px; } }
  @media only screen and (min-width: 768px) {
    #segment3 {
      background: #630235;
      padding: 0px 0px 0px 50px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      /* align horizontal */
      -ms-flex-align: center;
      align-items: center; } }
  #segment3 .alignleft {
    float: left;
    width: 100%;
    padding-right: 0;
    text-align: left;
    margin-top: 0; }
    @media only screen and (max-width: 767px) {
      #segment3 .alignleft {
        width: 100%; } }
    @media only screen and (min-width: 768px) {
      #segment3 .alignleft {
        width: 60%;
        padding-right: 5%; } }
    @media only screen and (max-width: 767px) {
      #segment3 .alignleft .cmpnt-gift-info {
        margin-bottom: 0; } }
  #segment3 .alignright {
    float: left;
    width: 100%;
    padding-right: 0;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      #segment3 .alignright {
        width: 50%; } }
    @media only screen and (min-width: 768px) {
      #segment3 .alignright {
        float: right;
        width: 40%;
        padding-right: 25px;
        text-align: right; } }
    #segment3 .alignright img {
      width: 100%;
      padding: 20px 0; }
  #segment3 h1 {
    font-size: 3.2em;
    line-height: 1em;
    color: #e70052;
    margin-bottom: 0.25em; }
    @media only screen and (max-width: 767px) {
      #segment3 h1 {
        font-size: 2.8em; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment3 h1 {
        font-size: 3.0em; } }
  #segment3 .product-copy p {
    width: auto;
    font-size: 1.2em;
    line-height: 1.25em;
    color: #fff;
    padding-bottom: 0px;
    margin-bottom: 1em; }
    @media only screen and (min-width: 768px) {
      #segment3 .product-copy p {
        width: auto;
        font-size: 1.2em;
        line-height: 1.3em;
        color: #fff;
        padding-bottom: 0px;
        margin-bottom: 1em; } }
    #segment3 .product-copy p .p_break {
      display: none; }
      @media only screen and (min-width: 768px) {
        #segment3 .product-copy p .p_break {
          display: none; } }
  @media only screen and (max-width: 767px) {
    #segment3 #product1 {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 969px) {
    #segment3 #product1 {
      /*background-image: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/patterns/strip-pink-desktop.png");
			background-position: bottom;
			background-repeat:no-repeat;
			padding-bottom:10px;*/ } }
  @media only screen and (min-width: 970px) and (max-width: 1025px) {
    #segment3 #product1 {
      /*background-image: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/patterns/strip-pink-desktop.png");
			background-position: bottom;
			background-repeat:no-repeat;
			padding-bottom:10px;*/ } }

/********************************
************ segment4 ***********
*********************************/
#segment4 {
  background: #630235 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/vertical-split.jpg") repeat-x center center; }
  @media only screen and (max-width: 767px) {
    #segment4 {
      min-height: 200px;
      height: auto; } }
  @media only screen and (min-width: 768px) {
    #segment4 {
      background-image: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/split_50-50.jpg");
      background-repeat: repeat-y;
      background-position: center bottom;
      background-color: #630235;
      min-height: 700px;
      /*padding-top:150px;*/ } }
  #segment4 .centerfloat {
    text-align: center;
    margin: 0px auto; }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment4 .centerfloat {
        margin-top: 35%; } }
    @media only screen and (min-width: 970px) and (max-width: 1025px) {
      #segment4 .centerfloat {
        margin-top: 18%; } }
    #segment4 .centerfloat div {
      float: left;
      width: 100%;
      padding-top: 0px; }
      @media only screen and (max-width: 767px) {
        #segment4 .centerfloat div {
          /*padding-top:75px;
			     padding-top:35%;*/ } }
      @media only screen and (min-width: 768px) {
        #segment4 .centerfloat div {
          float: left;
          width: 10%; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        #segment4 .centerfloat div {
          padding-top: 25px; } }
      #segment4 .centerfloat div:first-of-type {
        float: left;
        width: 100%;
        padding: 20px;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          #segment4 .centerfloat div:first-of-type {
            padding: 25% 0; } }
        @media only screen and (min-width: 768px) {
          #segment4 .centerfloat div:first-of-type {
            width: 45%;
            text-align: left; } }
      #segment4 .centerfloat div:last-of-type {
        float: left;
        width: 100%;
        padding: 20px;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          #segment4 .centerfloat div:last-of-type {
            padding: 25% 0; } }
        @media only screen and (min-width: 768px) {
          #segment4 .centerfloat div:last-of-type {
            width: 45%;
            text-align: left; } }
  @media only screen and (min-width: 768px) {
    #segment4 .alignleft.half {
      float: left;
      width: 50%;
      padding: 0 20px 20px;
      text-align: left; } }
  @media only screen and (min-width: 768px) {
    #segment4 .alignright.half {
      float: right;
      width: 50%;
      padding: 0px 20px 20px 40px;
      text-align: left; } }
  #segment4 p {
    font-family: "OxfamHeadline";
    color: #fff;
    font-size: 1.8em;
    margin-bottom: 0; }
    @media only screen and (max-width: 400px) {
      #segment4 p {
        font-size: 1.25em; } }
    @media only screen and (max-width: 767px) {
      #segment4 p {
        font-size: 1.4em; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment4 p {
        font-family: Arial;
        color: #fff;
        font-size: 1.2em;
        margin-bottom: 0; } }
    @media only screen and (min-width: 970px) and (max-width: 1025px) {
      #segment4 p {
        font-size: 1.4em; } }
  #segment4 a {
    text-decoration: none;
    font-size: 1.4em; }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment4 a {
        font-family: "OxfamHeadline"; } }
    #segment4 a:hover, #segment4 a:active, #segment4 a:focus {
      color: #61a534; }
  #segment4 a.pink {
    color: #E43989; }
  #segment4 a.burgundy {
    color: #630235; }
  #segment4 a.oalink {
    color: #E70052; }
  #segment4 a.oglink {
    color: #630235; }
  #segment4 #orcircle {
    max-width: 60px; }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      #segment4 #orcircle {
        max-width: 50px; } }
  #segment4 #or_wrap {
    display: none; }

/*horizontal preview */
html.ispreview.skrollr-desktop #segment4 .centerfloat {
  margin-top: 0 !important; }

/*vertical tablet */
.isvertical.skrollr-mobile #segment4 {
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .isvertical.skrollr-mobile #segment4 {
      min-height: 300px;
      background: #e70052; }
      .isvertical.skrollr-mobile #segment4 .centerfloat {
        margin: 0;
        padding: 0; }
        .isvertical.skrollr-mobile #segment4 .centerfloat div {
          text-align: center;
          padding: 0; }
          .isvertical.skrollr-mobile #segment4 .centerfloat div:nth-child(2) {
            z-index: 102;
            position: relative;
            margin-top: -25px; }
          .isvertical.skrollr-mobile #segment4 .centerfloat div:first-of-type {
            /*padding: 30% 0;*/
            background: #630235; }
          .isvertical.skrollr-mobile #segment4 .centerfloat div:last-of-type {
            /*padding: 40% 0;*/
            background: #e70052; }
      .isvertical.skrollr-mobile #segment4 p {
        font-size: 1.2em;
        font-family: Arial; }
        .isvertical.skrollr-mobile #segment4 p a {
          font-family: "OxfamHeadline"; } }
  @media only screen and (min-width: 768px) and (max-width: 969px) {
    .isvertical.skrollr-mobile #segment4 .centerfloat {
      margin-top: 35%; } }

/*horizontal tablet */
.ishorizontal.skrollr-mobile #segment4 {
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .ishorizontal.skrollr-mobile #segment4 {
      background: #e70052;
      min-height: 300px; }
      .ishorizontal.skrollr-mobile #segment4 .centerfloat {
        margin: 0;
        padding: 0; }
        .ishorizontal.skrollr-mobile #segment4 .centerfloat div {
          text-align: center;
          padding: 0; }
          .ishorizontal.skrollr-mobile #segment4 .centerfloat div:nth-child(2) {
            z-index: 102;
            position: relative;
            margin-top: -25px; }
          .ishorizontal.skrollr-mobile #segment4 .centerfloat div:first-of-type {
            padding: 10% 0;
            background: #630235; }
          .ishorizontal.skrollr-mobile #segment4 .centerfloat div:last-of-type {
            padding: 5% 0;
            background: #e70052; }
      .ishorizontal.skrollr-mobile #segment4 p {
        font-size: 1.2em;
        font-family: Arial; }
        .ishorizontal.skrollr-mobile #segment4 p a {
          font-family: "OxfamHeadline"; } }
  @media only screen and (min-width: 768px) and (max-width: 969px) {
    .ishorizontal.skrollr-mobile #segment4 .centerfloat {
      margin-top: 18%; } }

/*horizontal mobile*/
.ishorizontal.no-skrollr #segment4 .centerfloat {
  margin: 0;
  padding: 0; }
  .ishorizontal.no-skrollr #segment4 .centerfloat div {
    text-align: center;
    padding: 0; }
    .ishorizontal.no-skrollr #segment4 .centerfloat div:nth-child(2) {
      z-index: 102;
      position: relative;
      margin-top: -25px; }
    .ishorizontal.no-skrollr #segment4 .centerfloat div:first-of-type {
      padding: 10% 0; }
    .ishorizontal.no-skrollr #segment4 .centerfloat div:last-of-type {
      padding: 5% 0; }

/********************************
************ segment5 ***********
*********************************/
#segment5 {
  min-height: 300px;
  background: #fff url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/patterns/strip-pink-desktop.png") no-repeat top; }
  @media only screen and (max-width: 767px) {
    #segment5 {
      padding-top: 75px;
      min-height: 200px; } }
  @media only screen and (min-width: 768px) {
    #segment5 {
      background-image: none;
      min-height: auto;
      padding: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      /* align horizontal */
      -ms-flex-align: center;
      align-items: center; } }
  @media only screen and (min-width: 768px) and (max-width: 969px) {
    #segment5 {
      padding-top: 10%; } }
  #segment5 #oxfamlogo {
    width: 120px;
    padding-right: 20px; }
  #segment5 h1 {
    text-align: left;
    color: #E70052;
    font-family: "OxfamHeadline";
    font-size: 1.8em;
    margin-bottom: 20px; }
  #segment5 p {
    color: #333; }
  #segment5 .sharrre .share:before {
    font-size: 18px; }
  #segment5 .sharrre .share {
    font-size: 11px; }
  #segment5 .column, #segment5 .columns {
    float: left; }
    #segment5 .column.indent, #segment5 .indent.columns {
      padding-left: 80px; }
    #segment5 .column.half, #segment5 .half.columns {
      width: 50%; }
    #segment5 .column.flex, #segment5 .flex.columns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: baseline;
      align-items: baseline; }
  @media only screen and (min-width: 768px) {
    #segment5 .alignleft {
      margin-top: 0px; } }
  #segment5 .alignleft p {
    margin: 0;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      #segment5 .alignleft p {
        padding-top: 20px; } }
  #segment5 .alignleft .alignleft {
    padding: 20px 0;
    text-align: left;
    font-weight: bold; }
  #segment5 .alignleft .alignright {
    padding: 40px; }
  #segment5 .alignright {
    padding: 0; }
    @media only screen and (min-width: 768px) {
      #segment5 .alignright {
        clear: none; } }
    #segment5 .alignright #giftbox_open {
      width: 100%; }
    #segment5 .alignright .rightfloat {
      float: left;
      width: 100%;
      padding: 20px 0; }
      @media only screen and (min-width: 768px) {
        #segment5 .alignright .rightfloat {
          float: right;
          width: 30%;
          padding-top: 30%; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        #segment5 .alignright .rightfloat {
          padding-top: 0; } }
      #segment5 .alignright .rightfloat #oxfamlogo {
        width: 100px; }

/* Slide */
#slide-bg {
  background-color: #630235;
  height: 100%;
  top: 0;
  width: 100%;
  max-width: 1220px;
  z-index: 50;
  background-size: cover; }
  @media only screen and (max-width: 767px) {
    #slide-bg {
      display: none; } }

#fc_productlist {
  padding: 10px;
  /* 10px */ }

label.variation-other-amount {
  font-weight: bold; }
  label.variation-other-amount span#otherbox_error {
    color: #E70052;
    clear: both;
    float: left;
    font-weight: normal; }

.foxyshop_table_list th {
  text-align: left; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-ajax-holder .mfp-content {
  background-color: #fff;
  min-width: 320px;
  max-width: 60%;
  max-height: 90vh;
  overflow-y: scroll;
  width: auto;
  border-radius: 5px;
  border: 1px solid #2BB6C4;
  padding: 34px; }

.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

button.mfp-close {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  text-align: center;
  background: #C42B31;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 5px;
  font-style: normal;
  font-size: 32px;
  font-family: Arial, Baskerville, monospace;
  border-radius: 0 4px 0 4px;
  color: #000;
  display: block; }

button.mfp-close:before {
  content: '\00d7';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  line-height: 2rem;
  text-align: center;
  color: #000;
  display: block; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.js-removing {
  background-color: rgba(255, 41, 41, 0.35); }

.loggedinonly {
  display: none; }

body.logged-in .loggedinonly {
  display: inline; }

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

input::placeholder {
  color: #545454; }

table.stack thead {
  display: table-header-group !important; }

table.order-history {
  margin-bottom: 2.0rem; }
  table.order-history thead {
    background: #EAEADE;
    border-color: #EAEADE;
    border: 2px solid #EAEADE;
    color: #545454; }
    table.order-history thead tr.order {
      background: #EAEADE; }
  table.order-history tbody {
    color: #545454; }
    table.order-history tbody tr {
      border: 2px solid #EAEADE; }
      table.order-history tbody tr td {
        vertical-align: top; }
        table.order-history tbody tr td.order-details {
          padding-top: 2.0rem; }
          table.order-history tbody tr td.order-details h4 {
            font-weight: bold;
            margin-bottom: 0; }
          table.order-history tbody tr td.order-details p {
            margin-bottom: 0; }
            table.order-history tbody tr td.order-details p.expired {
              color: #879596;
              font-size: 1.2rem; }
            table.order-history tbody tr td.order-details p.hanging-indent {
              text-indent: -60px;
              padding-left: 60px; }
          table.order-history tbody tr td.order-details a.dropdown-link {
            display: inline-block; }
            table.order-history tbody tr td.order-details a.dropdown-link:after {
              content: "";
              display: inline-block;
              width: 0;
              height: 0;
              border-left: 5px solid transparent;
              border-right: 5px solid transparent;
              border-top: 5px solid #61A534;
              margin-left: 5px;
              margin-bottom: 3px; }
          table.order-history tbody tr td.order-details span.resent:before {
            content: "\e93a";
            font-family: ous-icons; }
        table.order-history tbody tr td.re-order {
          padding-top: 2.0rem; }

span.edit-link, a.edit-link {
  font-size: 1.2rem; }

.account-profile .welcome-message span {
  font-size: 1.6rem;
  font-style: italic; }

.account-profile ul {
  list-style: none;
  padding-left: 0; }
  .account-profile ul li {
    padding-bottom: 20px; }
  .account-profile ul#deleteOption {
    margin-bottom: 0; }

.account-profile .account-information ul, .account-profile .social-information ul {
  margin-bottom: 20px; }
  @media print, screen and (min-width: 48em) {
    .account-profile .account-information ul, .account-profile .social-information ul {
      /*columns: 2;
                -webkit-columns: 2;
                -moz-columns: 2;*/ } }
  .account-profile .account-information ul.display-only, .account-profile .social-information ul.display-only {
    margin-bottom: 0; }

@media print, screen and (min-width: 48em) {
  .account-profile .account-information #accountEditView ul, .account-profile .social-information #accountEditView ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2; }
    .account-profile .account-information #accountEditView ul li, .account-profile .social-information #accountEditView ul li {
      display: inline-block;
      width: 100%;
      margin-top: 0;
      margin-bottom: 2.0rem; }
      .account-profile .account-information #accountEditView ul li:last-of-type, .account-profile .social-information #accountEditView ul li:last-of-type {
        margin-bottom: 0; } }

@media print, screen and (min-width: 48em) {
  .account-profile .account-information #accountEditView ul.display-only, .account-profile .social-information #accountEditView ul.display-only {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1; }
    .account-profile .account-information #accountEditView ul.display-only li, .account-profile .social-information #accountEditView ul.display-only li {
      margin-bottom: 1.0rem; } }

.account-profile .account-information #accountEditView .gform_wrapper:first-of-type, .account-profile .social-information #accountEditView .gform_wrapper:first-of-type {
  margin-top: 0; }
  .account-profile .account-information #accountEditView .gform_wrapper:first-of-type label.gfield_label_before_complex, .account-profile .social-information #accountEditView .gform_wrapper:first-of-type label.gfield_label_before_complex {
    display: none; }
  .account-profile .account-information #accountEditView .gform_wrapper:first-of-type .ginput_complex label, .account-profile .social-information #accountEditView .gform_wrapper:first-of-type .ginput_complex label {
    margin-top: 0 !important; }
  .account-profile .account-information #accountEditView .gform_wrapper:first-of-type .ginput_complex input, .account-profile .social-information #accountEditView .gform_wrapper:first-of-type .ginput_complex input {
    margin-bottom: 10px !important; }
  .account-profile .account-information #accountEditView .gform_wrapper:first-of-type .gform_footer, .account-profile .social-information #accountEditView .gform_wrapper:first-of-type .gform_footer {
    margin-top: 0;
    padding-top: 0; }

.account-profile .account-information .display-view ul li:last-of-type, .account-profile .social-information .display-view ul li:last-of-type {
  margin-bottom: 40px; }

.account-profile .account-information .gform_body ul .registration div > span, .account-profile .social-information .gform_body ul .registration div > span {
  width: 100% !important; }
  .account-profile .account-information .gform_body ul .registration div > span > input, .account-profile .account-information .gform_body ul .registration div > span > select, .account-profile .social-information .gform_body ul .registration div > span > input, .account-profile .social-information .gform_body ul .registration div > span > select {
    width: 100% !important;
    margin-bottom: 0; }
  .account-profile .account-information .gform_body ul .registration div > span > label, .account-profile .social-information .gform_body ul .registration div > span > label {
    letter-spacing: 0;
    font-size: 1.6rem !important; }

.account-profile .account-information .gform_body ul .registration div, .account-profile .social-information .gform_body ul .registration div {
  margin-top: 0;
  width: 100% !important; }
  .account-profile .account-information .gform_body ul .registration div > input, .account-profile .social-information .gform_body ul .registration div > input {
    width: 100% !important;
    margin-bottom: 0; }

.account-profile .account-information .gform_body ul .registration div.gfield_password_strength, .account-profile .social-information .gform_body ul .registration div.gfield_password_strength {
  max-width: 320px;
  max-height: 30px;
  padding: 0 5px; }

.account-profile .account-information .gform_body ul .registration label, .account-profile .social-information .gform_body ul .registration label {
  color: #545454; }

.account-profile .account-information .gform_body ul .registration:first-of-type.gfield, .account-profile .social-information .gform_body ul .registration:first-of-type.gfield {
  margin-top: 0; }

.account-profile .account-information .gform_footer input[type=submit], .account-profile .social-information .gform_footer input[type=submit] {
  background: #61A534;
  border: 0;
  color: #FFF;
  cursor: pointer;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-weight: bold;
  padding: 10px;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  transition: all 200ms ease-in-out;
  width: auto !important;
  font-size: 1.8rem !important;
  line-height: 2.8rem !important; }
  .account-profile .account-information .gform_footer input[type=submit]:after, .account-profile .social-information .gform_footer input[type=submit]:after {
    border: 5px solid transparent;
    border-left-color: #FFF;
    content: " ";
    height: 0;
    right: 7px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0; }
  .account-profile .account-information .gform_footer input[type=submit]:hover, .account-profile .account-information .gform_footer input[type=submit]:active, .account-profile .account-information .gform_footer input[type=submit]:focus, .account-profile .social-information .gform_footer input[type=submit]:hover, .account-profile .social-information .gform_footer input[type=submit]:active, .account-profile .social-information .gform_footer input[type=submit]:focus {
    background: #44841a;
    color: #FFF; }
    .account-profile .account-information .gform_footer input[type=submit]:hover:after, .account-profile .account-information .gform_footer input[type=submit]:active:after, .account-profile .account-information .gform_footer input[type=submit]:focus:after, .account-profile .social-information .gform_footer input[type=submit]:hover:after, .account-profile .social-information .gform_footer input[type=submit]:active:after, .account-profile .social-information .gform_footer input[type=submit]:focus:after {
      transition: all 200ms ease-in-out; }

.account-profile .account-information .css-fbl, .account-profile .social-information .css-fbl {
  margin-left: 0px; }

.account-profile .status-information p {
  margin-bottom: 10px; }

.address-book .card {
  background-color: #FFF;
  border: 1px solid #EAEADE;
  color: #545454; }
  .address-book .card:hover {
    border: 1px solid #e0e0ce; }

.address-book .card-section p.ab-name {
  margin-bottom: 0.4rem;
  font-weight: bold; }

.address-book .inline-links {
  list-style: none;
  padding-left: 0; }
  .address-book .inline-links li {
    display: inline;
    margin-right: 20px;
    font-size: 1.2rem; }

.address-book .addnew .card {
  border: 1px dashed #e0e0ce; }
  .address-book .addnew .card:hover {
    border: 1px dashed #ccccaf; }
  .address-book .addnew .card p {
    text-align: center; }
    .address-book .addnew .card p a {
      display: block; }
    .address-book .addnew .card p span.plus {
      font-size: 8.0rem;
      display: block; }

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"] {
  width: auto !important;
  font-size: 1.8rem !important; }

.gform_wrapper .gform_footer input[type=submit] {
  background: #61A534;
  border: 0;
  color: #FFF;
  cursor: pointer;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-weight: bold;
  padding: 10px;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  transition: all 200ms ease-in-out;
  width: auto !important;
  font-size: 1.8rem !important;
  line-height: 2.8rem !important; }
  .gform_wrapper .gform_footer input[type=submit]:after {
    border: 5px solid transparent;
    border-left-color: #FFF;
    content: " ";
    height: 0;
    right: 7px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0; }
  .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=submit]:active, .gform_wrapper .gform_footer input[type=submit]:focus {
    background: #44841a;
    color: #FFF; }
    .gform_wrapper .gform_footer input[type=submit]:hover:after, .gform_wrapper .gform_footer input[type=submit]:active:after, .gform_wrapper .gform_footer input[type=submit]:focus:after {
      transition: all 200ms ease-in-out; }

.gform_wrapper .register .gfield_required,
.gform_wrapper .login .gfield_required,
.gform_wrapper .addressbook .gfield_required {
  display: none; }

.gform_wrapper .login .gform_body ul li,
.gform_wrapper .register .gform_body ul li,
.gform_wrapper .addressbook .gform_body ul li {
  margin-top: 10px !important; }
  .gform_wrapper .login .gform_body ul li .gfield_label_before_complex,
  .gform_wrapper .register .gform_body ul li .gfield_label_before_complex,
  .gform_wrapper .addressbook .gform_body ul li .gfield_label_before_complex {
    display: none; }
  .gform_wrapper .login .gform_body ul li div > span,
  .gform_wrapper .register .gform_body ul li div > span,
  .gform_wrapper .addressbook .gform_body ul li div > span {
    width: 100% !important;
    padding-top: 10px !important;
    display: inline-block !important; }
    .gform_wrapper .login .gform_body ul li div > span:first-of-type,
    .gform_wrapper .register .gform_body ul li div > span:first-of-type,
    .gform_wrapper .addressbook .gform_body ul li div > span:first-of-type {
      padding-top: 0 !important; }
    .gform_wrapper .login .gform_body ul li div > span > input, .gform_wrapper .login .gform_body ul li div > span > select,
    .gform_wrapper .register .gform_body ul li div > span > input,
    .gform_wrapper .register .gform_body ul li div > span > select,
    .gform_wrapper .addressbook .gform_body ul li div > span > input,
    .gform_wrapper .addressbook .gform_body ul li div > span > select {
      width: 100% !important;
      margin-bottom: 0; }
    .gform_wrapper .login .gform_body ul li div > span > label,
    .gform_wrapper .register .gform_body ul li div > span > label,
    .gform_wrapper .addressbook .gform_body ul li div > span > label {
      font-weight: bold !important;
      font-size: 1.6rem !important;
      letter-spacing: 0;
      margin-top: 0 !important; }
  .gform_wrapper .login .gform_body ul li div,
  .gform_wrapper .register .gform_body ul li div,
  .gform_wrapper .addressbook .gform_body ul li div {
    margin-top: 0;
    width: 100% !important; }
    .gform_wrapper .login .gform_body ul li div > input,
    .gform_wrapper .register .gform_body ul li div > input,
    .gform_wrapper .addressbook .gform_body ul li div > input {
      width: 100% !important;
      margin-bottom: 0; }
  .gform_wrapper .login .gform_body ul li div.gfield_password_strength,
  .gform_wrapper .register .gform_body ul li div.gfield_password_strength,
  .gform_wrapper .addressbook .gform_body ul li div.gfield_password_strength {
    max-width: 320px;
    max-height: 30px;
    padding: 0 5px;
    margin-top: 30px; }
  .gform_wrapper .login .gform_body ul li.field_sublabel_above,
  .gform_wrapper .register .gform_body ul li.field_sublabel_above,
  .gform_wrapper .addressbook .gform_body ul li.field_sublabel_above {
    margin-top: 0; }
  .gform_wrapper .login .gform_body ul li.disclaimer label.gfield_label,
  .gform_wrapper .register .gform_body ul li.disclaimer label.gfield_label,
  .gform_wrapper .addressbook .gform_body ul li.disclaimer label.gfield_label {
    display: none; }
  .gform_wrapper .login .gform_body ul li label,
  .gform_wrapper .register .gform_body ul li label,
  .gform_wrapper .addressbook .gform_body ul li label {
    color: #545454; }
  .gform_wrapper .login .gform_body ul li:first-of-type.gfield,
  .gform_wrapper .register .gform_body ul li:first-of-type.gfield,
  .gform_wrapper .addressbook .gform_body ul li:first-of-type.gfield {
    margin-top: 0; }

.gform_wrapper select, .gform_wrapper.gf_browser_gecko select {
  padding-right: 22px !important;
  max-width: 320px; }

.mfp-content {
  border-radius: 0;
  border-color: #EAEADE; }
  .mfp-content h1 {
    font-family: Arial, sans-serif;
    font-weight: bold; }
  .mfp-content button.mfp-close {
    background: transparent; }

.lost-password_wrapper, .password-reset_wrapper {
  width: 100%; }

/* TRIBUTE SECTION THEME */
@media only screen and (min-width: 700px) {
  .theme-tribute {
    background: url("../img/patterns/strip-green-desktop.png") repeat-x left top;
    padding-top: 14px; } }

.theme-tribute div div {
  /* Sidebar components */
  /* Footer */ }
  .theme-tribute div div #PageHeader {
    /* Header */ }
    @media only screen and (min-width: 700px) {
      .theme-tribute div div #PageHeader #SecondaryNav a:hover:after,
      .theme-tribute div div #PageHeader #SecondaryNav a:active:after,
      .theme-tribute div div #PageHeader #SecondaryNav a:focus:after,
      .theme-tribute div div #PageHeader #SecondaryNav a.current:after {
        border-top-color: #61A534; } }
  .theme-tribute div div .fancy-bottom {
    background-image: url("/assets/img/patterns/strip-green-desktop.png"); }
  .theme-tribute div div .cmpnt-sidebar {
    background: #FFF url("../img/patterns/sidebar-green-mobile.png") repeat-x 0 0;
    padding: 32px 20px 20px; }
    @media only screen and (min-width: 1024px) {
      .theme-tribute div div .cmpnt-sidebar {
        background-image: url("../img/patterns/sidebar-green-desktop.png");
        padding: 50px 40px 40px; } }
  .theme-tribute div div .cmpnt-related-action {
    background: #FFF;
    padding: 20px; }
  .theme-tribute div div .cmpnt-related-action-title {
    background: #E43989 url("../img/patterns/related-action-mobile.png") no-repeat right top;
    color: #FFF;
    font-family: OxfamHeadline, Arial, sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0 -20px;
    padding: 10px 20px;
    position: relative;
    top: -20px; }
  .theme-tribute div div .cmpnt-related-action-transparent {
    background: transparent;
    background-image: none;
    padding: 20px;
    box-shadow: none; }
  .theme-tribute div div .cmpnt-related-action-nopad {
    background: transparent;
    background-image: none;
    padding: 0;
    box-shadow: none; }
  .theme-tribute div div .cmpnt-button-pink:link,
  .theme-tribute div div .cmpnt-button-pink:visited,
  .theme-tribute div div .cmpnt-button-pink {
    background: #FFF; }
    .theme-tribute div div .cmpnt-button-pink:link:after,
    .theme-tribute div div .cmpnt-button-pink:visited:after,
    .theme-tribute div div .cmpnt-button-pink:after {
      border-left-color: #E43989; }
    .theme-tribute div div .cmpnt-button-pink:link:hover, .theme-tribute div div .cmpnt-button-pink:link:active, .theme-tribute div div .cmpnt-button-pink:link:focus,
    .theme-tribute div div .cmpnt-button-pink:visited:hover,
    .theme-tribute div div .cmpnt-button-pink:visited:active,
    .theme-tribute div div .cmpnt-button-pink:visited:focus,
    .theme-tribute div div .cmpnt-button-pink:hover,
    .theme-tribute div div .cmpnt-button-pink:active,
    .theme-tribute div div .cmpnt-button-pink:focus {
      background: #FFF;
      outline: none; }
      .theme-tribute div div .cmpnt-button-pink:link:hover:after, .theme-tribute div div .cmpnt-button-pink:link:active:after, .theme-tribute div div .cmpnt-button-pink:link:focus:after,
      .theme-tribute div div .cmpnt-button-pink:visited:hover:after,
      .theme-tribute div div .cmpnt-button-pink:visited:active:after,
      .theme-tribute div div .cmpnt-button-pink:visited:focus:after,
      .theme-tribute div div .cmpnt-button-pink:hover:after,
      .theme-tribute div div .cmpnt-button-pink:active:after,
      .theme-tribute div div .cmpnt-button-pink:focus:after {
        border-left-color: #630235; }
  .theme-tribute div div .cmpnt-hero-section {
    background: #0C884A url("../img/patterns/section-header-green-mobile.png") no-repeat right top;
    background-size: cover;
    color: #FFF;
    padding: 5px 10px; }
    @media only screen and (min-width: 1024px) {
      .theme-tribute div div .cmpnt-hero-section {
        background-image: url("../img/patterns/section-header-green-desktop.png"); } }
  .theme-tribute div div .cmpnt-product-list-product .cmpnt-product-list-price {
    display: none; }
  .theme-tribute div div #PageFooter {
    background-image: url("../img/patterns/strip-green-desktop.png"); }

/* for position fixed elements using skrollr */
html.skrollr,
html.skrollr body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden; }

.skrollable {
  /* First-level skrollables are positioned relative to window */
  position: fixed;
  /* Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable */
  z-index: 100; }
  .skrollable .skrollable {
    /* Second-level skrollables are positioned relative their parent skrollable */
    position: absolute; }
    .skrollable .skrollable .skrollable {
      /* Third-level (and below) skrollables are positioned static */
      position: static; }

.skrollr-mobile .skrollable {
  /* May cause issues on Android default browser (see #331 on GitHub). */
  position: absolute; }

fade {
  animation: fade 0.5s infinite ease-in-out alternate; }

@keyframes fade {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 0.25; } }

.rotate {
  animation: spin 1.2s infinite ease-in-out alternate; }

@keyframes spin {
  0% {
    transform: rotate(15deg); }
  20% {
    transform: rotate(15deg); }
  30% {
    transform: rotate(30deg); }
  35% {
    transform: rotate(0deg); }
  40% {
    transform: rotate(30deg); }
  50% {
    transform: rotate(0deg); }
  55% {
    transform: rotate(30deg); }
  60% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(15deg); }
  100% {
    transform: rotate(15deg); } }

@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    transform: scale3d(1, 1, 1); } }

.pulse {
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

.pointDown {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: bounce; }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px); }
  40% { }
  60% {
    transform: translateY(16px);
    -webkit-transform: translateY(16px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px); }
  40% {
    transform: translateY(8px);
    -webkit-transform: translateY(8px); }
  60% {
    transform: translateY(16px);
    -webkit-transform: translateY(16px); } }

.pointUp {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: bounceup; }

@keyframes bounceup {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px); }
  40% { }
  60% {
    transform: translateY(16px);
    -webkit-transform: translateY(-16px); } }

@keyframes bounceup {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px); }
  40% {
    transform: translateY(8px);
    -webkit-transform: translateY(-8px); }
  60% {
    transform: translateY(16px);
    -webkit-transform: translateY(-16px); } }

.theme-memory {
  /************ segment0 ***********/
  /********************************
************ segment1 ***********
*********************************/
  /********************************
************ segment2 ***********
*********************************/
  /********************************
************ segment3 ***********
*********************************/
  /********************************
************ segment4 ***********
*********************************/
  /*horizontal preview */
  /*vertical tablet */
  /*horizontal tablet */
  /*horizontal mobile*/
  /********************************
************ segment5 ***********
*********************************/ }
  .theme-memory #segment0 {
    background: #61A534 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/memory/pattern.png") repeat-x bottom;
    color: #FFF;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .theme-memory #segment0 {
        min-height: 200px; } }
    @media only screen and (min-width: 768px) {
      .theme-memory #segment0 {
        background-color: #61A534;
        background-image: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/memory/pattern.png");
        background-repeat: repeat-x;
        background-position: bottom center;
        text-align: left; } }
    .theme-memory #segment0 h1 {
      color: #53297D; }
    .theme-memory #segment0 p.subhead {
      color: #e8eadd; }
    .theme-memory #segment0 #giftbox_closed {
      max-width: 100px;
      margin-top: 20px;
      margin-bottom: 40px; }
      @media only screen and (min-width: 768px) {
        .theme-memory #segment0 #giftbox_closed {
          max-width: 200px;
          margin-top: 185px; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-memory #segment0 #giftbox_closed {
          max-width: 150px; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-memory #segment0 #giftbox_closed {
          max-width: 175px; } }
    .theme-memory #segment0 .scroll {
      text-align: center;
      margin: -22px auto 0;
      clear: both;
      float: left;
      width: 100%;
      position: absolute; }
      @media only screen and (max-width: 767px) {
        .theme-memory #segment0 .scroll {
          padding-top: 20px;
          padding-bottom: 20px;
          position: relative; } }
      @media only screen and (min-width: 768px) {
        .theme-memory #segment0 .scroll {
          margin-left: -50px; } }
      .theme-memory #segment0 .scroll img {
        max-width: 50px; }
  @media only screen and (max-width: 767px) {
    .theme-memory .ishorizontal.skrollr-mobile #segment0 h1 {
      font-size: 2.2em; }
    .theme-memory .ishorizontal.skrollr-mobile #segment0 p {
      font-size: 1.1em; }
    .theme-memory .ishorizontal.skrollr-mobile #segment0 .sroll {
      padding-top: 0px; } }
  .theme-memory #segment1 {
    background: #61A534;
    color: #53297D; }
    @media only screen and (min-width: 768px) {
      .theme-memory #segment1 {
        background: #61A534;
        min-width: 550px; } }
    .theme-memory #segment1 h3 {
      color: #53297D; }
      @media only screen and (min-width: 768px) {
        .theme-memory #segment1 h3 {
          color: #53297D; } }
  .theme-memory #segment2 {
    background: #53297D; }
    @media only screen and (min-width: 768px) {
      .theme-memory #segment2 {
        background: transparent url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/memory/split_70-30.png") center repeat-y; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-memory #segment2 {
        background-position-x: -390px; } }
    @media only screen and (min-width: 970px) and (max-width: 1025px) {
      .theme-memory #segment2 {
        background-position-x: -150px; } }
    .theme-memory #segment2 p.message_name {
      color: #61A534; }
    .theme-memory #segment2 pre {
      color: #fff;
      font-size: 1.4em;
      width: 100%;
      line-height: 1.3em;
      white-space: pre-wrap; }
      @media only screen and (max-width: 767px) {
        .theme-memory #segment2 pre {
          font-size: 1.2em; } }
      @media only screen and (min-width: 768px) {
        .theme-memory #segment2 pre {
          font-size: 1.6em; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-memory #segment2 pre {
          font-size: 1.175em; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-memory #segment2 pre {
          font-size: 1.4em;
          line-height: 1.4em; } }
    .theme-memory #segment2 .alignleft {
      margin-top: 0;
      text-align: left; }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-memory #segment2 .alignleft {
          width: 60%; } }
    @media only screen and (max-width: 767px) {
      .theme-memory #segment2 .alignright {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-memory #segment2 .alignright {
        width: 40%; } }
  .theme-memory #segment3 {
    background: #61A534 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/memory/pattern.png") no-repeat bottom; }
    @media only screen and (max-width: 767px) {
      .theme-memory #segment3 {
        min-height: 200px; } }
    @media only screen and (min-width: 768px) {
      .theme-memory #segment3 {
        background: #61A534;
        padding: 0px 0px 0px 50px; } }
    .theme-memory #segment3 .alignleft {
      float: left;
      width: 100%;
      padding-right: 0;
      text-align: left;
      margin-top: 0; }
      @media only screen and (max-width: 767px) {
        .theme-memory #segment3 .alignleft {
          width: 100%; } }
      @media only screen and (min-width: 768px) {
        .theme-memory #segment3 .alignleft {
          width: 45%;
          padding-right: 5%; } }
      @media only screen and (max-width: 767px) {
        .theme-memory #segment3 .alignleft .cmpnt-gift-info {
          margin-bottom: 0; } }
    .theme-memory #segment3 .alignright {
      float: left;
      width: 100%;
      padding-right: 0;
      padding: 0;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .theme-memory #segment3 .alignright {
          width: 50%; } }
      @media only screen and (min-width: 768px) {
        .theme-memory #segment3 .alignright {
          float: right;
          width: 50%;
          text-align: right;
          line-height: 1px; } }
      .theme-memory #segment3 .alignright img {
        width: 100%; }
    .theme-memory #segment3 h1 {
      font-size: 3.2em;
      color: #53297D;
      margin-bottom: 0.25em; }
      @media only screen and (max-width: 767px) {
        .theme-memory #segment3 h1 {
          font-size: 2.8em; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-memory #segment3 h1 {
          font-size: 3.0em; } }
    .theme-memory #segment3 .product-copy p {
      width: auto;
      font-size: 1.2em;
      line-height: 1.25em;
      color: #fff;
      padding-bottom: 0px;
      margin-bottom: 1em; }
      @media only screen and (min-width: 768px) {
        .theme-memory #segment3 .product-copy p {
          width: auto;
          font-size: 1.2em;
          line-height: 1.3em;
          color: #fff;
          padding-bottom: 0px;
          margin-bottom: 1em; } }
      .theme-memory #segment3 .product-copy p .p_break {
        display: none; }
        @media only screen and (min-width: 768px) {
          .theme-memory #segment3 .product-copy p .p_break {
            display: none; } }
    @media only screen and (max-width: 767px) {
      .theme-memory #segment3 #product1 {
        display: none; } }
  .theme-memory #segment4 {
    background: #61A534 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/memory/vertical-split.png") repeat-x center center; }
    @media only screen and (max-width: 767px) {
      .theme-memory #segment4 {
        min-height: 200px;
        height: auto; } }
    @media only screen and (min-width: 768px) {
      .theme-memory #segment4 {
        background-image: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/memory/split_50-50.png");
        background-repeat: repeat-y;
        background-position: center bottom;
        background-color: #61A534;
        min-height: 700px;
        padding-top: 150px; } }
    .theme-memory #segment4 .centerfloat {
      text-align: center;
      margin: 0px auto; }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-memory #segment4 .centerfloat {
          margin-top: 35%; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-memory #segment4 .centerfloat {
          margin-top: 18%; } }
      .theme-memory #segment4 .centerfloat div {
        float: left;
        width: 100%;
        padding-top: 0px; }
        @media only screen and (max-width: 767px) {
          .theme-memory #segment4 .centerfloat div {
            /*padding-top:75px;
                 padding-top:35%;*/ } }
        @media only screen and (min-width: 768px) {
          .theme-memory #segment4 .centerfloat div {
            float: left;
            width: 10%; } }
        @media only screen and (min-width: 970px) and (max-width: 1025px) {
          .theme-memory #segment4 .centerfloat div {
            padding-top: 25px; } }
        .theme-memory #segment4 .centerfloat div:first-of-type {
          float: left;
          width: 100%;
          padding: 20px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .theme-memory #segment4 .centerfloat div:first-of-type {
              padding: 25% 0; } }
          @media only screen and (min-width: 768px) {
            .theme-memory #segment4 .centerfloat div:first-of-type {
              width: 45%;
              text-align: left; } }
        .theme-memory #segment4 .centerfloat div:last-of-type {
          float: left;
          width: 100%;
          padding: 20px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .theme-memory #segment4 .centerfloat div:last-of-type {
              padding: 25% 0; } }
          @media only screen and (min-width: 768px) {
            .theme-memory #segment4 .centerfloat div:last-of-type {
              width: 45%;
              text-align: left; } }
    @media only screen and (min-width: 768px) {
      .theme-memory #segment4 .alignleft.half {
        float: left;
        width: 50%;
        padding: 0 20px 20px;
        text-align: left; } }
    @media only screen and (min-width: 768px) {
      .theme-memory #segment4 .alignright.half {
        float: right;
        width: 50%;
        padding: 0px 20px 20px 40px;
        text-align: left; } }
    .theme-memory #segment4 p {
      font-family: "OxfamHeadline";
      color: #fff;
      font-size: 1.8em;
      margin-bottom: 0; }
      @media only screen and (max-width: 400px) {
        .theme-memory #segment4 p {
          font-size: 1.25em; } }
      @media only screen and (max-width: 767px) {
        .theme-memory #segment4 p {
          font-size: 1.4em; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-memory #segment4 p {
          font-family: Arial;
          color: #fff;
          font-size: 1.2em;
          margin-bottom: 0; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-memory #segment4 p {
          font-size: 1.4em; } }
    .theme-memory #segment4 a {
      text-decoration: none;
      font-size: 1.4em; }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-memory #segment4 a {
          font-family: "OxfamHeadline"; } }
      .theme-memory #segment4 a:hover, .theme-memory #segment4 a:active, .theme-memory #segment4 a:focus {
        color: #61A534; }
    .theme-memory #segment4 a.oalink {
      color: #53297D; }
    .theme-memory #segment4 a.oglink {
      color: #61A534; }
    .theme-memory #segment4 #orcircle_wrap, .theme-memory #segment4 #orcircle {
      display: none; }
    .theme-memory #segment4 #or_wrap {
      width: 10%;
      display: block; }
      @media only screen and (max-width: 767px) {
        .theme-memory #segment4 #or_wrap {
          width: 100%; } }
      .theme-memory #segment4 #or_wrap #orcircle_div {
        text-align: center;
        margin: 0 auto;
        float: none;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: transparent url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/sm_circle.png") no-repeat center;
        background-size: contain;
        padding: 0; }
        .theme-memory #segment4 #or_wrap #orcircle_div p {
          padding: 0;
          margin: 0 auto;
          text-align: center;
          width: 100%;
          color: #53297D;
          font-family: "OxfamHeadline";
          font-size: 2.3em; }
          @media only screen and (min-width: 768px) and (max-width: 969px) {
            .theme-memory #segment4 #or_wrap #orcircle_div p {
              font-size: 1.8em; } }
        @media only screen and (min-width: 768px) and (max-width: 969px) {
          .theme-memory #segment4 #or_wrap #orcircle_div {
            width: 50px;
            height: 50px;
            line-height: 50px; } }
  .theme-memory html.ispreview.skrollr-desktop #segment4 .centerfloat {
    margin-top: 0 !important; }
  .theme-memory .isvertical.skrollr-mobile #segment4 {
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .theme-memory .isvertical.skrollr-mobile #segment4 {
        min-height: 300px;
        background: #e70052; }
        .theme-memory .isvertical.skrollr-mobile #segment4 .centerfloat {
          margin: 0;
          padding: 0; }
          .theme-memory .isvertical.skrollr-mobile #segment4 .centerfloat div {
            text-align: center;
            padding: 0; }
            .theme-memory .isvertical.skrollr-mobile #segment4 .centerfloat div:nth-child(2) {
              z-index: 102;
              position: relative;
              margin-top: -25px; }
            .theme-memory .isvertical.skrollr-mobile #segment4 .centerfloat div:first-of-type {
              /*padding: 30% 0;*/
              background: #630235; }
            .theme-memory .isvertical.skrollr-mobile #segment4 .centerfloat div:last-of-type {
              /*padding: 40% 0;*/
              background: #e70052; } }
    @media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 969px) {
      .theme-memory .isvertical.skrollr-mobile #segment4 .centerfloat {
        margin-top: 18%; } }
    @media only screen and (max-width: 767px) {
        .theme-memory .isvertical.skrollr-mobile #segment4 p {
          font-size: 1.2em;
          font-family: Arial; }
          .theme-memory .isvertical.skrollr-mobile #segment4 p a {
            font-family: "OxfamHeadline"; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-memory .isvertical.skrollr-mobile #segment4 .centerfloat {
        margin-top: 35%; } }
  .theme-memory .ishorizontal.skrollr-mobile #segment4 {
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .theme-memory .ishorizontal.skrollr-mobile #segment4 {
        background: #e70052;
        min-height: 300px; }
        .theme-memory .ishorizontal.skrollr-mobile #segment4 .centerfloat {
          margin: 0;
          padding: 0; }
          .theme-memory .ishorizontal.skrollr-mobile #segment4 .centerfloat div {
            text-align: center;
            padding: 0; }
            .theme-memory .ishorizontal.skrollr-mobile #segment4 .centerfloat div:nth-child(2) {
              z-index: 102;
              position: relative;
              margin-top: -25px; }
            .theme-memory .ishorizontal.skrollr-mobile #segment4 .centerfloat div:first-of-type {
              padding: 10% 0;
              background: #630235; }
            .theme-memory .ishorizontal.skrollr-mobile #segment4 .centerfloat div:last-of-type {
              padding: 5% 0;
              background: #e70052; }
        .theme-memory .ishorizontal.skrollr-mobile #segment4 p {
          font-size: 1.2em;
          font-family: Arial; }
          .theme-memory .ishorizontal.skrollr-mobile #segment4 p a {
            font-family: "OxfamHeadline"; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-memory .ishorizontal.skrollr-mobile #segment4 .centerfloat {
        margin-top: 18%; } }
  .theme-memory .ishorizontal.no-skrollr #segment4 .centerfloat {
    margin: 0;
    padding: 0; }
    .theme-memory .ishorizontal.no-skrollr #segment4 .centerfloat div {
      text-align: center;
      padding: 0; }
      .theme-memory .ishorizontal.no-skrollr #segment4 .centerfloat div:nth-child(2) {
        z-index: 102;
        position: relative;
        margin-top: -25px; }
      .theme-memory .ishorizontal.no-skrollr #segment4 .centerfloat div:first-of-type {
        padding: 10% 0; }
      .theme-memory .ishorizontal.no-skrollr #segment4 .centerfloat div:last-of-type {
        padding: 5% 0; }
  .theme-memory #segment5 {
    min-height: 300px;
    background: #fff url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/memory/pattern.png") no-repeat top; }
    @media only screen and (max-width: 767px) {
      .theme-memory #segment5 {
        padding-top: 75px;
        min-height: 200px; } }
    @media only screen and (min-width: 768px) {
      .theme-memory #segment5 {
        background-image: none;
        border-bottom: 15px solid #53297D;
        min-height: auto;
        -ms-flex-align: start;
        align-items: flex-start; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-memory #segment5 {
        padding-top: 10%; } }
    .theme-memory #segment5 h1 {
      text-align: left;
      color: #e70052;
      font-family: "OxfamHeadline";
      font-size: 1.8em;
      margin-bottom: 20px; }
    .theme-memory #segment5 p {
      color: #333; }
    .theme-memory #segment5 #oxfamlogo {
      width: 150px; }
    .theme-memory #segment5 .column .subcol, .theme-memory #segment5 .columns .subcol {
      padding: 20px; }
      .theme-memory #segment5 .column .subcol.left, .theme-memory #segment5 .columns .subcol.left {
        padding-left: 60px; }
      .theme-memory #segment5 .column .subcol.right, .theme-memory #segment5 .columns .subcol.right {
        float: right; }
    .theme-memory #segment5 .sharrre .share:before {
      font-size: 18px; }
    .theme-memory #segment5 .sharrre .share {
      font-size: 11px; }
    .theme-memory #segment5 .alignleft {
      text-align: left; }
      @media only screen and (min-width: 768px) {
        .theme-memory #segment5 .alignleft {
          margin-top: 0px;
          padding: 10px; } }
      .theme-memory #segment5 .alignleft p {
        margin: 0;
        text-align: left; }
        @media only screen and (max-width: 767px) {
          .theme-memory #segment5 .alignleft p {
            padding-top: 20px; } }
      .theme-memory #segment5 .alignleft .alignleft {
        padding: 20px 0;
        text-align: left;
        font-weight: bold; }
      .theme-memory #segment5 .alignleft #oxfamlogo {
        width: 100px; }
    .theme-memory #segment5 .alignright {
      text-align: right;
      padding: 20px 10px; }
      @media only screen and (min-width: 768px) {
        .theme-memory #segment5 .alignright {
          clear: none; } }
      .theme-memory #segment5 .alignright .rightfloat {
        float: left;
        width: 100%;
        padding: 20px 0; }
        @media only screen and (min-width: 768px) {
          .theme-memory #segment5 .alignright .rightfloat {
            float: right;
            width: 30%;
            padding-top: 30%; } }
        @media only screen and (min-width: 768px) and (max-width: 969px) {
          .theme-memory #segment5 .alignright .rightfloat {
            padding-top: 0; } }

.theme-holiday {
  /************ segment0 ***********/
  /********************************
************ segment1 ***********
*********************************/
  /********************************
************ segment2 ***********
*********************************/
  /********************************
************ segment3 ***********
*********************************/
  /********************************
************ segment4 ***********
*********************************/
  /*horizontal preview */
  /*vertical tablet */
  /*horizontal tablet */
  /*horizontal mobile*/
  /********************************
************ segment5 ***********
*********************************/ }
  .theme-holiday #segment0 {
    background: #630235 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/holiday/pattern.png") repeat-x bottom;
    color: #FFF;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .theme-holiday #segment0 {
        min-height: 200px; } }
    @media only screen and (min-width: 768px) {
      .theme-holiday #segment0 {
        background-color: #630235;
        background-image: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/holiday/pattern.png");
        background-repeat: repeat-x;
        background-position: bottom center;
        text-align: left; } }
    .theme-holiday #segment0 h1 {
      color: #F16E22; }
    .theme-holiday #segment0 p.subhead {
      color: #e8eadd; }
    .theme-holiday #segment0 #giftbox_closed {
      max-width: 100px;
      margin-top: 20px;
      margin-bottom: 40px; }
      @media only screen and (min-width: 768px) {
        .theme-holiday #segment0 #giftbox_closed {
          max-width: 200px;
          margin-top: 185px; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-holiday #segment0 #giftbox_closed {
          max-width: 150px; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-holiday #segment0 #giftbox_closed {
          max-width: 175px; } }
    .theme-holiday #segment0 .scroll {
      text-align: center;
      margin: -22px auto 0;
      clear: both;
      float: left;
      width: 100%;
      position: absolute; }
      @media only screen and (max-width: 767px) {
        .theme-holiday #segment0 .scroll {
          padding-top: 20px;
          padding-bottom: 20px;
          position: relative; } }
      @media only screen and (min-width: 768px) {
        .theme-holiday #segment0 .scroll {
          margin-left: -50px; } }
      .theme-holiday #segment0 .scroll img {
        max-width: 50px; }
  @media only screen and (max-width: 767px) {
    .theme-holiday .ishorizontal.skrollr-mobile #segment0 h1 {
      font-size: 2.2em; }
    .theme-holiday .ishorizontal.skrollr-mobile #segment0 p {
      font-size: 1.1em; }
    .theme-holiday .ishorizontal.skrollr-mobile #segment0 .sroll {
      padding-top: 0px; } }
  .theme-holiday #segment1 {
    background: #630235;
    color: #F16E22; }
    @media only screen and (min-width: 768px) {
      .theme-holiday #segment1 {
        background: #630235;
        min-width: 550px; } }
    .theme-holiday #segment1 h3 {
      color: #F16E22; }
      @media only screen and (min-width: 768px) {
        .theme-holiday #segment1 h3 {
          color: #F16E22; } }
  .theme-holiday #segment2 {
    background: #F16E22; }
    @media only screen and (min-width: 768px) {
      .theme-holiday #segment2 {
        background: transparent url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/holiday/split_70-30.png") center repeat-y; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-holiday #segment2 {
        background-position-x: -390px; } }
    @media only screen and (min-width: 970px) and (max-width: 1025px) {
      .theme-holiday #segment2 {
        background-position-x: -150px; } }
    .theme-holiday #segment2 p.message_name {
      color: #630235; }
    .theme-holiday #segment2 pre {
      color: #fff;
      font-size: 1.4em;
      width: 100%;
      line-height: 1.3em;
      white-space: pre-wrap; }
      @media only screen and (max-width: 767px) {
        .theme-holiday #segment2 pre {
          font-size: 1.2em; } }
      @media only screen and (min-width: 768px) {
        .theme-holiday #segment2 pre {
          font-size: 1.6em; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-holiday #segment2 pre {
          font-size: 1.175em; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-holiday #segment2 pre {
          font-size: 1.4em;
          line-height: 1.4em; } }
    .theme-holiday #segment2 .alignleft {
      margin-top: 0;
      text-align: left; }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-holiday #segment2 .alignleft {
          width: 60%; } }
    @media only screen and (max-width: 767px) {
      .theme-holiday #segment2 .alignright {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-holiday #segment2 .alignright {
        width: 40%; } }
  .theme-holiday #segment3 {
    background: #630235 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/holiday/pattern.png") no-repeat bottom; }
    @media only screen and (max-width: 767px) {
      .theme-holiday #segment3 {
        min-height: 200px; } }
    @media only screen and (min-width: 768px) {
      .theme-holiday #segment3 {
        background: #630235;
        padding: 0px 0px 0px 50px; } }
    .theme-holiday #segment3 .alignleft {
      float: left;
      width: 100%;
      padding-right: 0;
      text-align: left;
      margin-top: 0; }
      @media only screen and (max-width: 767px) {
        .theme-holiday #segment3 .alignleft {
          width: 100%; } }
      @media only screen and (min-width: 768px) {
        .theme-holiday #segment3 .alignleft {
          width: 45%;
          padding-right: 5%; } }
      @media only screen and (max-width: 767px) {
        .theme-holiday #segment3 .alignleft .cmpnt-gift-info {
          margin-bottom: 0; } }
    .theme-holiday #segment3 .alignright {
      float: left;
      width: 100%;
      padding-right: 0;
      padding: 0;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .theme-holiday #segment3 .alignright {
          width: 50%; } }
      @media only screen and (min-width: 768px) {
        .theme-holiday #segment3 .alignright {
          float: right;
          width: 50%;
          text-align: right;
          line-height: 1px; } }
      .theme-holiday #segment3 .alignright img {
        width: 100%; }
    .theme-holiday #segment3 h1 {
      font-size: 3.2em;
      color: #F16E22;
      margin-bottom: 0.25em; }
      @media only screen and (max-width: 767px) {
        .theme-holiday #segment3 h1 {
          font-size: 2.8em; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-holiday #segment3 h1 {
          font-size: 3.0em; } }
    .theme-holiday #segment3 .product-copy p {
      width: auto;
      font-size: 1.2em;
      line-height: 1.25em;
      color: #fff;
      padding-bottom: 0px;
      margin-bottom: 1em; }
      @media only screen and (min-width: 768px) {
        .theme-holiday #segment3 .product-copy p {
          width: auto;
          font-size: 1.2em;
          line-height: 1.3em;
          color: #fff;
          padding-bottom: 0px;
          margin-bottom: 1em; } }
      .theme-holiday #segment3 .product-copy p .p_break {
        display: none; }
        @media only screen and (min-width: 768px) {
          .theme-holiday #segment3 .product-copy p .p_break {
            display: none; } }
    @media only screen and (max-width: 767px) {
      .theme-holiday #segment3 #product1 {
        display: none; } }
  .theme-holiday #segment4 {
    background: #630235 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/holiday/vertical-split.png") repeat-x center center; }
    @media only screen and (max-width: 767px) {
      .theme-holiday #segment4 {
        min-height: 200px;
        height: auto; } }
    @media only screen and (min-width: 768px) {
      .theme-holiday #segment4 {
        background-image: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/holiday/split_50-50.png");
        background-repeat: repeat-y;
        background-position: center bottom;
        background-color: #630235;
        min-height: 700px;
        padding-top: 150px; } }
    .theme-holiday #segment4 .centerfloat {
      text-align: center;
      margin: 0px auto; }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-holiday #segment4 .centerfloat {
          margin-top: 35%; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-holiday #segment4 .centerfloat {
          margin-top: 18%; } }
      .theme-holiday #segment4 .centerfloat div {
        float: left;
        width: 100%;
        padding-top: 0px; }
        @media only screen and (max-width: 767px) {
          .theme-holiday #segment4 .centerfloat div {
            /*padding-top:75px;
                 padding-top:35%;*/ } }
        @media only screen and (min-width: 768px) {
          .theme-holiday #segment4 .centerfloat div {
            float: left;
            width: 10%; } }
        @media only screen and (min-width: 970px) and (max-width: 1025px) {
          .theme-holiday #segment4 .centerfloat div {
            padding-top: 25px; } }
        .theme-holiday #segment4 .centerfloat div:first-of-type {
          float: left;
          width: 100%;
          padding: 20px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .theme-holiday #segment4 .centerfloat div:first-of-type {
              padding: 25% 0; } }
          @media only screen and (min-width: 768px) {
            .theme-holiday #segment4 .centerfloat div:first-of-type {
              width: 45%;
              text-align: left; } }
        .theme-holiday #segment4 .centerfloat div:last-of-type {
          float: left;
          width: 100%;
          padding: 20px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .theme-holiday #segment4 .centerfloat div:last-of-type {
              padding: 25% 0; } }
          @media only screen and (min-width: 768px) {
            .theme-holiday #segment4 .centerfloat div:last-of-type {
              width: 45%;
              text-align: left; } }
    @media only screen and (min-width: 768px) {
      .theme-holiday #segment4 .alignleft.half {
        float: left;
        width: 50%;
        padding: 0 20px 20px;
        text-align: left; } }
    @media only screen and (min-width: 768px) {
      .theme-holiday #segment4 .alignright.half {
        float: right;
        width: 50%;
        padding: 0px 20px 20px 40px;
        text-align: left; } }
    .theme-holiday #segment4 p {
      font-family: "OxfamHeadline";
      color: #fff;
      font-size: 1.8em;
      margin-bottom: 0; }
      @media only screen and (max-width: 400px) {
        .theme-holiday #segment4 p {
          font-size: 1.25em; } }
      @media only screen and (max-width: 767px) {
        .theme-holiday #segment4 p {
          font-size: 1.4em; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-holiday #segment4 p {
          font-family: Arial;
          color: #fff;
          font-size: 1.2em;
          margin-bottom: 0; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-holiday #segment4 p {
          font-size: 1.4em; } }
    .theme-holiday #segment4 a {
      text-decoration: none;
      font-size: 1.4em; }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-holiday #segment4 a {
          font-family: "OxfamHeadline"; } }
      .theme-holiday #segment4 a:hover, .theme-holiday #segment4 a:active, .theme-holiday #segment4 a:focus {
        color: #61A534; }
    .theme-holiday #segment4 a.oalink {
      color: #F16E22; }
    .theme-holiday #segment4 a.oglink {
      color: #630235; }
    .theme-holiday #segment4 #orcircle_wrap, .theme-holiday #segment4 #orcircle {
      display: none; }
    .theme-holiday #segment4 #or_wrap {
      width: 10%;
      display: block; }
      @media only screen and (max-width: 767px) {
        .theme-holiday #segment4 #or_wrap {
          width: 100%; } }
      .theme-holiday #segment4 #or_wrap #orcircle_div {
        text-align: center;
        margin: 0 auto;
        float: none;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: transparent url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/sm_circle.png") no-repeat center;
        background-size: contain;
        padding: 0; }
        .theme-holiday #segment4 #or_wrap #orcircle_div p {
          padding: 0;
          margin: 0 auto;
          text-align: center;
          width: 100%;
          color: #630235;
          font-family: "OxfamHeadline";
          font-size: 2.3em; }
          @media only screen and (min-width: 768px) and (max-width: 969px) {
            .theme-holiday #segment4 #or_wrap #orcircle_div p {
              font-size: 1.8em; } }
        @media only screen and (min-width: 768px) and (max-width: 969px) {
          .theme-holiday #segment4 #or_wrap #orcircle_div {
            width: 50px;
            height: 50px;
            line-height: 50px; } }
  .theme-holiday html.ispreview.skrollr-desktop #segment4 .centerfloat {
    margin-top: 0 !important; }
  .theme-holiday .isvertical.skrollr-mobile #segment4 {
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .theme-holiday .isvertical.skrollr-mobile #segment4 {
        min-height: 300px;
        background: #e70052; }
        .theme-holiday .isvertical.skrollr-mobile #segment4 .centerfloat {
          margin: 0;
          padding: 0; }
          .theme-holiday .isvertical.skrollr-mobile #segment4 .centerfloat div {
            text-align: center;
            padding: 0; }
            .theme-holiday .isvertical.skrollr-mobile #segment4 .centerfloat div:nth-child(2) {
              z-index: 102;
              position: relative;
              margin-top: -25px; }
            .theme-holiday .isvertical.skrollr-mobile #segment4 .centerfloat div:first-of-type {
              /*padding: 30% 0;*/
              background: #630235; }
            .theme-holiday .isvertical.skrollr-mobile #segment4 .centerfloat div:last-of-type {
              /*padding: 40% 0;*/
              background: #e70052; }
        .theme-holiday .isvertical.skrollr-mobile #segment4 p {
          font-size: 1.2em;
          font-family: Arial; }
          .theme-holiday .isvertical.skrollr-mobile #segment4 p a {
            font-family: "OxfamHeadline"; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-holiday .isvertical.skrollr-mobile #segment4 .centerfloat {
        margin-top: 35%; } }
  .theme-holiday .ishorizontal.skrollr-mobile #segment4 {
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .theme-holiday .ishorizontal.skrollr-mobile #segment4 {
        background: #e70052;
        min-height: 300px; }
        .theme-holiday .ishorizontal.skrollr-mobile #segment4 .centerfloat {
          margin: 0;
          padding: 0; }
          .theme-holiday .ishorizontal.skrollr-mobile #segment4 .centerfloat div {
            text-align: center;
            padding: 0; }
            .theme-holiday .ishorizontal.skrollr-mobile #segment4 .centerfloat div:nth-child(2) {
              z-index: 102;
              position: relative;
              margin-top: -25px; }
            .theme-holiday .ishorizontal.skrollr-mobile #segment4 .centerfloat div:first-of-type {
              padding: 10% 0;
              background: #630235; }
            .theme-holiday .ishorizontal.skrollr-mobile #segment4 .centerfloat div:last-of-type {
              padding: 5% 0;
              background: #e70052; } }
    @media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 969px) {
      .theme-holiday .ishorizontal.skrollr-mobile #segment4 .centerfloat {
        margin-top: 18%; } }
    @media only screen and (max-width: 767px) {
        .theme-holiday .ishorizontal.skrollr-mobile #segment4 p {
          font-size: 1.2em;
          font-family: Arial; }
          .theme-holiday .ishorizontal.skrollr-mobile #segment4 p a {
            font-family: "OxfamHeadline"; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-holiday .ishorizontal.skrollr-mobile #segment4 .centerfloat {
        margin-top: 18%; } }
  .theme-holiday .ishorizontal.no-skrollr #segment4 .centerfloat {
    margin: 0;
    padding: 0; }
    .theme-holiday .ishorizontal.no-skrollr #segment4 .centerfloat div {
      text-align: center;
      padding: 0; }
      .theme-holiday .ishorizontal.no-skrollr #segment4 .centerfloat div:nth-child(2) {
        z-index: 102;
        position: relative;
        margin-top: -25px; }
      .theme-holiday .ishorizontal.no-skrollr #segment4 .centerfloat div:first-of-type {
        padding: 10% 0; }
      .theme-holiday .ishorizontal.no-skrollr #segment4 .centerfloat div:last-of-type {
        padding: 5% 0; }
  .theme-holiday #segment5 {
    min-height: 300px;
    background: #fff url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/holiday/pattern.png") no-repeat top; }
    @media only screen and (max-width: 767px) {
      .theme-holiday #segment5 {
        padding-top: 75px;
        min-height: 200px; } }
    @media only screen and (min-width: 768px) {
      .theme-holiday #segment5 {
        background-image: none;
        border-bottom: 15px solid #F16E22;
        min-height: auto; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-holiday #segment5 {
        padding-top: 10%; } }
    .theme-holiday #segment5 h1 {
      text-align: left;
      color: #e70052;
      font-family: "OxfamHeadline";
      font-size: 1.8em;
      margin-bottom: 20px; }
    .theme-holiday #segment5 p {
      color: #333; }
    .theme-holiday #segment5 .sharrre .share:before {
      font-size: 18px; }
    .theme-holiday #segment5 .sharrre .share {
      font-size: 11px; }
    @media only screen and (min-width: 768px) {
      .theme-holiday #segment5 .alignleft {
        margin-top: 0px; } }
    .theme-holiday #segment5 .alignleft p {
      margin: 0;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .theme-holiday #segment5 .alignleft p {
          padding-top: 20px; } }
    .theme-holiday #segment5 .alignleft .alignleft {
      padding: 20px 0;
      text-align: left;
      font-weight: bold; }
    @media only screen and (min-width: 768px) {
      .theme-holiday #segment5 .alignright {
        clear: none; } }
    .theme-holiday #segment5 .alignright .rightfloat {
      float: left;
      width: 100%;
      padding: 20px 0; }
      @media only screen and (min-width: 768px) {
        .theme-holiday #segment5 .alignright .rightfloat {
          float: right;
          width: 30%;
          padding-top: 30%; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-holiday #segment5 .alignright .rightfloat {
          padding-top: 0; } }
      .theme-holiday #segment5 .alignright .rightfloat #oxfamlogo {
        width: 120px;
        padding-right: 20px; }

.theme-tribute {
  /************ segment0 ***********/
  /********************************
************ segment1 ***********
*********************************/
  /********************************
************ segment2 ***********
*********************************/
  /********************************
************ segment3 ***********
*********************************/
  /********************************
************ segment4 ***********
*********************************/
  /*horizontal preview */
  /*vertical tablet */
  /*horizontal tablet */
  /*horizontal mobile*/
  /********************************
************ segment5 ***********
*********************************/ }
  .theme-tribute #segment0 {
    background: #E43989 url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/tribute/pattern.png") repeat-x bottom;
    color: #FFF;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .theme-tribute #segment0 {
        min-height: 200px; } }
    @media only screen and (min-width: 768px) {
      .theme-tribute #segment0 {
        background-color: #E43989;
        background-image: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/tribute/pattern.png");
        background-repeat: repeat-x;
        background-position: bottom center;
        text-align: left; } }
    .theme-tribute #segment0 h1 {
      color: #53297D; }
    .theme-tribute #segment0 p.subhead {
      color: #e8eadd; }
    .theme-tribute #segment0 #giftbox_closed {
      max-width: 100px;
      margin-top: 20px;
      margin-bottom: 40px; }
      @media only screen and (min-width: 768px) {
        .theme-tribute #segment0 #giftbox_closed {
          max-width: 200px;
          margin-top: 185px; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-tribute #segment0 #giftbox_closed {
          max-width: 150px; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-tribute #segment0 #giftbox_closed {
          max-width: 175px; } }
    .theme-tribute #segment0 .scroll {
      text-align: center;
      margin: -22px auto 0;
      clear: both;
      float: left;
      width: 100%;
      position: absolute; }
      @media only screen and (max-width: 767px) {
        .theme-tribute #segment0 .scroll {
          padding-top: 20px;
          padding-bottom: 20px;
          position: relative; } }
      @media only screen and (min-width: 768px) {
        .theme-tribute #segment0 .scroll {
          margin-left: -50px; } }
      .theme-tribute #segment0 .scroll img {
        max-width: 50px; }
  @media only screen and (max-width: 767px) {
    .theme-tribute .ishorizontal.skrollr-mobile #segment0 h1 {
      font-size: 2.2em; }
    .theme-tribute .ishorizontal.skrollr-mobile #segment0 p {
      font-size: 1.1em; }
    .theme-tribute .ishorizontal.skrollr-mobile #segment0 .sroll {
      padding-top: 0px; } }
  .theme-tribute #segment1 {
    display: none; }
  .theme-tribute #segment2 {
    background: #E43989; }
    @media only screen and (min-width: 768px) {
      .theme-tribute #segment2 {
        background: transparent url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/tribute/split_70-30.png") center repeat-y; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-tribute #segment2 {
        background-position-x: -390px; } }
    @media only screen and (min-width: 970px) and (max-width: 1025px) {
      .theme-tribute #segment2 {
        background-position-x: -150px; } }
    .theme-tribute #segment2 p.message_name {
      color: #53297D; }
    .theme-tribute #segment2 pre {
      color: #fff;
      font-size: 1.4em;
      width: 100%;
      line-height: 1.3em;
      white-space: pre-wrap; }
      @media only screen and (max-width: 767px) {
        .theme-tribute #segment2 pre {
          font-size: 1.2em; } }
      @media only screen and (min-width: 768px) {
        .theme-tribute #segment2 pre {
          font-size: 1.6em; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-tribute #segment2 pre {
          font-size: 1.175em; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-tribute #segment2 pre {
          font-size: 1.4em;
          line-height: 1.4em; } }
    .theme-tribute #segment2 .alignleft {
      margin-top: 0;
      text-align: left; }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-tribute #segment2 .alignleft {
          width: 60%; } }
    @media only screen and (max-width: 767px) {
      .theme-tribute #segment2 .alignright {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-tribute #segment2 .alignright {
        width: 40%; } }
  .theme-tribute #segment3 {
    background: #53297D url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/tribute/pattern.png") no-repeat bottom; }
    @media only screen and (max-width: 767px) {
      .theme-tribute #segment3 {
        min-height: 200px; } }
    @media only screen and (min-width: 768px) {
      .theme-tribute #segment3 {
        background: #53297D;
        padding: 0px 0px 0px 50px; } }
    .theme-tribute #segment3 .alignleft {
      float: left;
      width: 100%;
      padding-right: 0;
      text-align: left;
      margin-top: 0; }
      @media only screen and (max-width: 767px) {
        .theme-tribute #segment3 .alignleft {
          width: 100%; } }
      @media only screen and (min-width: 768px) {
        .theme-tribute #segment3 .alignleft {
          width: 45%;
          padding-right: 5%; } }
      @media only screen and (max-width: 767px) {
        .theme-tribute #segment3 .alignleft .cmpnt-gift-info {
          margin-bottom: 0; } }
    .theme-tribute #segment3 .alignright {
      float: left;
      width: 100%;
      padding-right: 0;
      padding: 0;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .theme-tribute #segment3 .alignright {
          width: 50%; } }
      @media only screen and (min-width: 768px) {
        .theme-tribute #segment3 .alignright {
          float: right;
          width: 50%;
          text-align: right;
          line-height: 1px; } }
      .theme-tribute #segment3 .alignright img {
        width: 100%; }
    .theme-tribute #segment3 h1 {
      font-size: 3.2em;
      color: #E43989;
      margin-bottom: 0.25em; }
      @media only screen and (max-width: 767px) {
        .theme-tribute #segment3 h1 {
          font-size: 2.8em; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-tribute #segment3 h1 {
          font-size: 3.0em; } }
    .theme-tribute #segment3 .product-copy p {
      width: auto;
      font-size: 1.2em;
      line-height: 1.25em;
      color: #fff;
      padding-bottom: 0px;
      margin-bottom: 1em; }
      @media only screen and (min-width: 768px) {
        .theme-tribute #segment3 .product-copy p {
          width: auto;
          font-size: 1.2em;
          line-height: 1.3em;
          color: #fff;
          padding-bottom: 0px;
          margin-bottom: 1em; } }
      .theme-tribute #segment3 .product-copy p .p_break {
        display: none; }
        @media only screen and (min-width: 768px) {
          .theme-tribute #segment3 .product-copy p .p_break {
            display: none; } }
    @media only screen and (max-width: 767px) {
      .theme-tribute #segment3 #product1 {
        display: none; } }
  .theme-tribute #segment4 {
    background: #53297D url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/tribute/vertical-split.png") repeat-x center center; }
    @media only screen and (max-width: 767px) {
      .theme-tribute #segment4 {
        min-height: 200px;
        height: auto; } }
    @media only screen and (min-width: 768px) {
      .theme-tribute #segment4 {
        background-image: url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/tribute/split_50-50.png");
        background-repeat: repeat-y;
        background-position: center bottom;
        background-color: #53297D;
        min-height: 700px;
        padding-top: 150px; } }
    .theme-tribute #segment4 .centerfloat {
      text-align: center;
      margin: 0px auto; }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-tribute #segment4 .centerfloat {
          margin-top: 35%; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-tribute #segment4 .centerfloat {
          margin-top: 18%; } }
      .theme-tribute #segment4 .centerfloat div {
        float: left;
        width: 100%;
        padding-top: 0px; }
        @media only screen and (max-width: 767px) {
          .theme-tribute #segment4 .centerfloat div {
            /*padding-top:75px;
                 padding-top:35%;*/ } }
        @media only screen and (min-width: 768px) {
          .theme-tribute #segment4 .centerfloat div {
            float: left;
            width: 10%; } }
        @media only screen and (min-width: 970px) and (max-width: 1025px) {
          .theme-tribute #segment4 .centerfloat div {
            padding-top: 25px; } }
        .theme-tribute #segment4 .centerfloat div:first-of-type {
          float: left;
          width: 100%;
          padding: 20px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .theme-tribute #segment4 .centerfloat div:first-of-type {
              padding: 25% 0; } }
          @media only screen and (min-width: 768px) {
            .theme-tribute #segment4 .centerfloat div:first-of-type {
              width: 45%;
              text-align: left; } }
        .theme-tribute #segment4 .centerfloat div:last-of-type {
          float: left;
          width: 100%;
          padding: 20px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .theme-tribute #segment4 .centerfloat div:last-of-type {
              padding: 25% 0; } }
          @media only screen and (min-width: 768px) {
            .theme-tribute #segment4 .centerfloat div:last-of-type {
              width: 45%;
              text-align: left; } }
    @media only screen and (min-width: 768px) {
      .theme-tribute #segment4 .alignleft.half {
        float: left;
        width: 50%;
        padding: 0 20px 20px;
        text-align: left; } }
    @media only screen and (min-width: 768px) {
      .theme-tribute #segment4 .alignright.half {
        float: right;
        width: 50%;
        padding: 0px 20px 20px 40px;
        text-align: left; } }
    .theme-tribute #segment4 p {
      font-family: "OxfamHeadline";
      color: #fff;
      font-size: 1.8em;
      margin-bottom: 0; }
      @media only screen and (max-width: 400px) {
        .theme-tribute #segment4 p {
          font-size: 1.25em; } }
      @media only screen and (max-width: 767px) {
        .theme-tribute #segment4 p {
          font-size: 1.4em; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-tribute #segment4 p {
          font-family: Arial;
          color: #fff;
          font-size: 1.2em;
          margin-bottom: 0; } }
      @media only screen and (min-width: 970px) and (max-width: 1025px) {
        .theme-tribute #segment4 p {
          font-size: 1.4em; } }
    .theme-tribute #segment4 a {
      text-decoration: none;
      font-size: 1.4em; }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-tribute #segment4 a {
          font-family: "OxfamHeadline"; } }
      .theme-tribute #segment4 a:hover, .theme-tribute #segment4 a:active, .theme-tribute #segment4 a:focus {
        color: #61A534; }
    .theme-tribute #segment4 a.oalink {
      color: #E43989; }
    .theme-tribute #segment4 a.oglink {
      color: #53297D; }
    .theme-tribute #segment4 #orcircle_wrap, .theme-tribute #segment4 #orcircle {
      display: none; }
    .theme-tribute #segment4 #or_wrap {
      width: 10%;
      display: block; }
      @media only screen and (max-width: 767px) {
        .theme-tribute #segment4 #or_wrap {
          width: 100%; } }
      .theme-tribute #segment4 #or_wrap #orcircle_div {
        text-align: center;
        margin: 0 auto;
        float: none;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: transparent url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/sm_circle.png") no-repeat center;
        background-size: contain;
        padding: 0; }
        .theme-tribute #segment4 #or_wrap #orcircle_div p {
          padding: 0;
          margin: 0 auto;
          text-align: center;
          width: 100%;
          color: #E43989;
          font-family: "OxfamHeadline";
          font-size: 2.3em; }
          @media only screen and (min-width: 768px) and (max-width: 969px) {
            .theme-tribute #segment4 #or_wrap #orcircle_div p {
              font-size: 1.8em; } }
        @media only screen and (min-width: 768px) and (max-width: 969px) {
          .theme-tribute #segment4 #or_wrap #orcircle_div {
            width: 50px;
            height: 50px;
            line-height: 50px; } }
  .theme-tribute html.ispreview.skrollr-desktop #segment4 .centerfloat {
    margin-top: 0 !important; }
  .theme-tribute .isvertical.skrollr-mobile #segment4 {
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .theme-tribute .isvertical.skrollr-mobile #segment4 {
        min-height: 300px;
        background: #e70052; }
        .theme-tribute .isvertical.skrollr-mobile #segment4 .centerfloat {
          margin: 0;
          padding: 0; }
          .theme-tribute .isvertical.skrollr-mobile #segment4 .centerfloat div {
            text-align: center;
            padding: 0; }
            .theme-tribute .isvertical.skrollr-mobile #segment4 .centerfloat div:nth-child(2) {
              z-index: 102;
              position: relative;
              margin-top: -25px; }
            .theme-tribute .isvertical.skrollr-mobile #segment4 .centerfloat div:first-of-type {
              /*padding: 30% 0;*/
              background: #630235; }
            .theme-tribute .isvertical.skrollr-mobile #segment4 .centerfloat div:last-of-type {
              /*padding: 40% 0;*/
              background: #e70052; }
        .theme-tribute .isvertical.skrollr-mobile #segment4 p {
          font-size: 1.2em;
          font-family: Arial; }
          .theme-tribute .isvertical.skrollr-mobile #segment4 p a {
            font-family: "OxfamHeadline"; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-tribute .isvertical.skrollr-mobile #segment4 .centerfloat {
        margin-top: 35%; } }
  .theme-tribute .ishorizontal.skrollr-mobile #segment4 {
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .theme-tribute .ishorizontal.skrollr-mobile #segment4 {
        background: #e70052;
        min-height: 300px; }
        .theme-tribute .ishorizontal.skrollr-mobile #segment4 .centerfloat {
          margin: 0;
          padding: 0; }
          .theme-tribute .ishorizontal.skrollr-mobile #segment4 .centerfloat div {
            text-align: center;
            padding: 0; }
            .theme-tribute .ishorizontal.skrollr-mobile #segment4 .centerfloat div:nth-child(2) {
              z-index: 102;
              position: relative;
              margin-top: -25px; }
            .theme-tribute .ishorizontal.skrollr-mobile #segment4 .centerfloat div:first-of-type {
              padding: 10% 0;
              background: #630235; }
            .theme-tribute .ishorizontal.skrollr-mobile #segment4 .centerfloat div:last-of-type {
              padding: 5% 0;
              background: #e70052; } }
    @media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 969px) {
      .theme-tribute .ishorizontal.skrollr-mobile #segment4 .centerfloat {
        margin-top: 18%; } }
    @media only screen and (max-width: 767px) {
        .theme-tribute .ishorizontal.skrollr-mobile #segment4 p {
          font-size: 1.2em;
          font-family: Arial; }
          .theme-tribute .ishorizontal.skrollr-mobile #segment4 p a {
            font-family: "OxfamHeadline"; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-tribute .ishorizontal.skrollr-mobile #segment4 .centerfloat {
        margin-top: 18%; } }
  .theme-tribute .ishorizontal.no-skrollr #segment4 .centerfloat {
    margin: 0;
    padding: 0; }
    .theme-tribute .ishorizontal.no-skrollr #segment4 .centerfloat div {
      text-align: center;
      padding: 0; }
      .theme-tribute .ishorizontal.no-skrollr #segment4 .centerfloat div:nth-child(2) {
        z-index: 102;
        position: relative;
        margin-top: -25px; }
      .theme-tribute .ishorizontal.no-skrollr #segment4 .centerfloat div:first-of-type {
        padding: 10% 0; }
      .theme-tribute .ishorizontal.no-skrollr #segment4 .centerfloat div:last-of-type {
        padding: 5% 0; }
  .theme-tribute #segment5 {
    min-height: 300px;
    background: #fff url("https://s3.amazonaws.com/oxfamamericaunwrapped.com/www_static/img/ecard/tribute/pattern.png") no-repeat top; }
    @media only screen and (max-width: 767px) {
      .theme-tribute #segment5 {
        padding-top: 75px;
        min-height: 200px; } }
    @media only screen and (min-width: 768px) {
      .theme-tribute #segment5 {
        background-image: none;
        border-bottom: 15px solid #E43989;
        min-height: auto; } }
    @media only screen and (min-width: 768px) and (max-width: 969px) {
      .theme-tribute #segment5 {
        padding-top: 10%; } }
    .theme-tribute #segment5 h1 {
      text-align: left;
      color: #e70052;
      font-family: "OxfamHeadline";
      font-size: 1.8em;
      margin-bottom: 20px; }
    .theme-tribute #segment5 p {
      color: #333; }
    .theme-tribute #segment5 .sharrre .share:before {
      font-size: 18px; }
    .theme-tribute #segment5 .sharrre .share {
      font-size: 11px; }
    @media only screen and (min-width: 768px) {
      .theme-tribute #segment5 .alignleft {
        margin-top: 0px; } }
    .theme-tribute #segment5 .alignleft p {
      margin: 0;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .theme-tribute #segment5 .alignleft p {
          padding-top: 20px; } }
    .theme-tribute #segment5 .alignleft .alignleft {
      padding: 20px 0;
      text-align: left;
      font-weight: bold; }
    @media only screen and (min-width: 768px) {
      .theme-tribute #segment5 .alignright {
        clear: none; } }
    .theme-tribute #segment5 .alignright .rightfloat {
      float: left;
      width: 100%;
      padding: 20px 0; }
      @media only screen and (min-width: 768px) {
        .theme-tribute #segment5 .alignright .rightfloat {
          float: right;
          width: 30%;
          padding-top: 30%; } }
      @media only screen and (min-width: 768px) and (max-width: 969px) {
        .theme-tribute #segment5 .alignright .rightfloat {
          padding-top: 0; } }
      .theme-tribute #segment5 .alignright .rightfloat #oxfamlogo {
        width: 120px;
        padding-right: 20px; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 

EXAMPLE 
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning 
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/ }

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }