/***********************
    Mixins
***********************/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 11, ../sass/normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 29, ../sass/normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

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

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 49, ../sass/normalize.scss */
[hidden], template {
  display: none;
}

/* line 52, ../sass/normalize.scss */
script {
  display: none !important;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 65, ../sass/normalize.scss */
html {
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 73, ../sass/normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 84, ../sass/normalize.scss */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 91, ../sass/normalize.scss */
a:focus {
  outline: thin dotted;
}

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

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 117, ../sass/normalize.scss */
b,
strong {
  font-weight: 700;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 125, ../sass/normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 132, ../sass/normalize.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 141, ../sass/normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 160, ../sass/normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 167, ../sass/normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 174, ../sass/normalize.scss */
small {
  font-size: 80%;
}

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

/* line 188, ../sass/normalize.scss */
sup {
  top: -0.5em;
}

/* line 191, ../sass/normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 202, ../sass/normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 209, ../sass/normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 220, ../sass/normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 231, ../sass/normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 241, ../sass/normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 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.
 */
/* line 251, ../sass/normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 264, ../sass/normalize.scss */
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.
 */
/* line 275, ../sass/normalize.scss */
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.
 */
/* line 287, ../sass/normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 298, ../sass/normalize.scss */
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.
 */
/* line 307, ../sass/normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  float: left;
}

/**
 * 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).
 */
/* line 318, ../sass/normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

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

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 338, ../sass/normalize.scss */
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.
 */
/* line 347, ../sass/normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 359, ../sass/normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Additional Base Styles */
/* line 364, ../sass/normalize.scss */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* line 371, ../sass/normalize.scss */
/* line 377, ../sass/normalize.scss */
object,
embed {
  height: 100%;
}

/* line 381, ../sass/normalize.scss */
img {
  -ms-interpolation-mode: bicubic;
}

/* line 384, ../sass/normalize.scss */
.left {
  float: left;
}

/* line 387, ../sass/normalize.scss */
.right {
  float: right;
}

/* Typography */
/* Typography resets */
/* line 392, ../sass/normalize.scss */
.text-left {
  text-align: left;
}

/* line 395, ../sass/normalize.scss */
.text-right {
  text-align: right;
}

/* line 398, ../sass/normalize.scss */
.text-center {
  text-align: center;
}

/* line 401, ../sass/normalize.scss */
.text-justify {
  text-align: justify;
}

/****************************
    Default Styles 
*****************************
/* Helpful Typography Defaults */
/* line 418, ../sass/normalize.scss */
em,
i {
  font-style: italic;
  line-height: inherit;
}

/* line 423, ../sass/normalize.scss */
strong,
b {
  line-height: inherit;
}

/* line 427, ../sass/normalize.scss */
small {
  font-size: 60%;
  line-height: inherit;
}

/* Lists */
/* line 433, ../sass/normalize.scss */
ul,
ol,
dl {
  list-style-position: outside;
  font-family: inherit;
}

/* line 440, ../sass/normalize.scss */
ul, ol {
  margin: 10px 0 10px 35px;
  padding: 0;
  line-height: 1.4;
}

/* line 452, ../sass/normalize.scss */
ul.no-bullet {
  list-style: none;
}

/* Definition Lists */
/* line 462, ../sass/normalize.scss */
dl dt {
  margin-bottom: 3px;
  font-weight: 600;
}

/* line 466, ../sass/normalize.scss */
dl dd {
  margin-bottom: 7.5px;
}

/* Abbreviations */
/* line 468, ../sass/normalize.scss */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help;
}

/* line 476, ../sass/normalize.scss */
abbr {
  text-transform: none;
}

/* Blockquotes */
/* line 478, ../sass/normalize.scss */
blockquote {
  margin: 0 0 12.5px;
  padding: 5.625px 12.5px 0 11.875px;
  border-left: 1px solid #dddddd;
}

/* line 483, ../sass/normalize.scss */
blockquote cite {
  display: block;
  font-size: 8.125px;
  color: #633c9a;
}

/* line 488, ../sass/normalize.scss */
blockquote cite:before {
  content: "\2014 \0020";
}

/* line 491, ../sass/normalize.scss */
blockquote cite a,
blockquote cite a:visited {
  color: #633c9a;
}

/* line 495, ../sass/normalize.scss */
blockquote,
blockquote p {
  line-height: 1.6;
  color: #222;
}

/* line 500, ../sass/normalize.scss */
.clearfix {
  *zoom: 1;
  clear: both;
}

/* line 504, ../sass/normalize.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

/* line 509, ../sass/normalize.scss */
.clearfix:after {
  clear: both;
}

/* line 510, ../sass/normalize.scss */
.hide, .hidden {
  display: none;
}

/* line 511, ../sass/normalize.scss */
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 515, ../sass/normalize.scss */
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

/* line 519, ../sass/normalize.scss */
textarea {
  height: auto;
  min-height: 50px;
}

/* line 523, ../sass/normalize.scss */
select {
  width: auto;
  max-width: 100%;
}

/* Form Styles */
/* We use this to get basic styling on all basic form elements */
/* line 529, ../sass/normalize.scss */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  font-size: 16px;
  font-size: 1.6rem;
  padding: 8px 5px;
  border-radius: 3px;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

/* line 563, ../sass/normalize.scss */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  box-shadow: 0 0 5px #999999;
  border-color: #999999;
}

/* line 582, ../sass/normalize.scss */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  background: #fafafa;
  border-color: #999999;
  outline: none;
}

/* line 600, ../sass/normalize.scss */
input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
  background-color: #dddddd;
}

/* line 616, ../sass/normalize.scss */
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
textarea.radius {
  border-radius: 0px;
}

/* Add height value for select elements to match text input height */
/* line 634, ../sass/normalize.scss */
select {
  height: auto;
  padding: 3.5px 0;
}

/* Adjust margin for form elements below */
/* line 639, ../sass/normalize.scss */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 5px 0;
}

/* line 643, ../sass/normalize.scss */
input[type="checkbox"] + label,
input[type="radio"] + label,
input[type='hidden'] + label {
  vertical-align: baseline;
  position: relative;
  top: -1px;
}

/* Normalize file input width */
/* line 653, ../sass/normalize.scss */
input[type="file"] {
  width: 100%;
}

/* Add spacing to password field characters */
/* line 655, ../sass/normalize.scss */
input[type="password"] {
  letter-spacing: 1px;
}

/* We add basic fieldset styling */
/* line 657, ../sass/normalize.scss */
fieldset {
  border: solid 1px #dddddd;
  padding: 0;
  margin: 0 0 5px 0;
}

/* line 662, ../sass/normalize.scss */
fieldset legend {
  font-weight: 600;
  background: white;
  padding: 0 1.875px;
  margin: 0;
  margin-left: -1.875px;
}

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

@font-face {
  font-family: 'brownPro';
  src: url("fonts/BrownPro.eot");
  src: url("fonts/BrownPro.eot?#iefix") format("embedded-opentype"), url("fonts/BrownPro.woff") format("woff"), url("fonts/BrownPro.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'brownProBold';
  src: url("fonts/BrownPro-Bold.eot");
  src: url("fonts/BrownPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/BrownPro-Bold.woff") format("woff"), url("fonts/BrownPro-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'brownProItalic';
  src: url("fonts/BrownPro-BoldItalic.eot");
  src: url("fonts/BrownPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/BrownPro-BoldItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'brownProLight';
  src: url("fonts/BrownPro-Light.eot");
  src: url("fonts/BrownPro-Light.eot?#iefix") format("embedded-opentype"), url("fonts/BrownPro-Light.woff") format("woff"), url("fonts/BrownPro-Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

/* *****************************  
    Base Typography Styles 
***************************** */
html {
  font-size: 62.5%;
}

body {
  color: #222;
  padding: 0;
  margin: 0;
  font-family: "brownPro", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  background: #FFF;
}

a {
  color: #441155;
  text-decoration: none;
  line-height: inherit;
  transition: color .25s ease-in-out;
  -moz-transition: color .25s ease-in-out;
  -webkit-transition: color .25s ease-in-out;
}

a:visited {
  color: #441155;
}

a:hover, a:focus {
  color: #e72e2f;
  cursor: pointer;
  text-decoration: none;
}

a:hover img, a:focus img {
  border: none;
}

p {
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  margin: 10px 0;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "brownProBold", sans-serif;
  color: #881133;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  margin: 10px 0;
  line-height: 1.1;
}

h1.border, h2.border, h3.border, h4.border, h5.border, h6.border {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 15px;
  margin-top: 0;
  padding-bottom: 10px;
}

h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey {
  color: #666;
}

h1.black, h2.black, h3.black, h4.black, h5.black, h6.black {
  color: #222;
}

h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
  color: #DECCE3;
}

h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow {
  color: #441155;
}

h1 {
  font-size: 46px;
  font-size: 4.6rem;
  font-family: "brownProLight", sans-serif;
}

h2 {
  font-size: 24px;
  font-size: 2.4rem;
}

h3 {
  font-size: 34px;
  font-size: 3.4rem;
  color: #222;
  font-family: "brownProLight", sans-serif;
}

h4 {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "blackjack", sans-serif;
}

h5 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #222;
  font-family: "brownProBold", sans-serif;
}

h6 {
  font-size: 18px;
  font-size: 1.8rem;
}

h1.styled, h2.styled, h3.styled, h4.styled, h5.styled, h6.styled {
  font-family: "blackjack", sans-serif;
}

h1.light, h2.light, h3.light, h4.light, h5.light, h6.light {
  font-family: "brownProLight", sans-serif;
  font-weight: 300;
}

strong {
  font-family: "brownProBold", sans-serif;
  font-weight: 400;
}

.smallText h1 {
  font-size: 21px;
  font-size: 2.1rem;
}

.smallText h2 {
  font-size: 11px;
  font-size: 1.1rem;
}

.smallText h3 {
  font-size: 10px;
  font-size: 1rem;
}

.smallText h4 {
  font-size: 9px;
  font-size: 0.9rem;
}

.smallText h5 {
  font-size: 8px;
  font-size: 0.8rem;
}

.smallText h6 {
  font-size: 8px;
  font-size: 0.8rem;
}

.largeText h1 {
  font-size: 29px;
  font-size: 2.9rem;
}

.largeText h2 {
  font-size: 19px;
  font-size: 1.9rem;
}

.largeText h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.largeText h4 {
  font-size: 17px;
  font-size: 1.7rem;
}

.largeText h5 {
  font-size: 15px;
  font-size: 1.5rem;
}

.largeText h6 {
  font-size: 15px;
  font-size: 1.5rem;
}

hr {
  border: solid #ccc;
  border-width: 1px 0 0;
  clear: both;
  margin: 25px 0;
  height: 0;
}

ul li {
  list-style-type: disc;
}

ul ul, ul ul ul, ul ul ul ul, ul ul ul ul ul {
  margin: 5px;
}

ul li li, ul li li li, ul li li li li, ul li li li li {
  list-style: none;
}

ul li, ul li ul li {
  margin-bottom: 7px;
  line-height: 1.4;
}

ul, dl {
  list-style-position: outside;
  list-style-type: disc;
  margin: 5px 0 5px 35px;
}

ul.fa-ul {
  margin-left: 35px;
}

ul.fa-ul li {
  list-style-type: none;
}

input[type="checkbox"] + label {
  margin-right: 5px;
}

textarea {
  width: 100%;
}

@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    font-size: 3.2rem;
  }
  ul, ol, dl {
    margin: 5px 0 5px 15px;
  }
}

.clearfix {
  *zoom: 1;
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.hidden, .hide {
  display: none;
}

ul.no-bullets, ul.no-bullets li, ol.no-bullets, ol.no-bullets li {
  list-style-type: none;
}

.clearUL {
  margin: 0;
  padding: 0;
}

ul.list-inline > li, ul.inline-list > li {
  float: left;
}

ul.list-inline > li:last-child, ul.inline-list > li:last-child {
  margin-right: 0;
}

.videoContainer {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.leftJustified {
  text-align: left;
}

.centerJustified {
  text-align: center;
}

.rightJustified {
  text-align: right;
}

.underline {
  text-decoration: underline;
}

img.left {
  margin: 0 10px 10px 0;
}

img.right {
  margin: 10px 0 0 10px;
}

.iframeWrapper {
  width: 100%;
  min-height: 260px;
  border: 1px solid #ccc;
}

.iframeWrapper iframe {
  width: 100%;
  min-height: 260px;
}

ul.noMarg {
  margin: 0;
}

ul.list-inline, ul.inline-list {
  display: inline-block;
}

.giveBtn {
  position: fixed;
  top: 40%;
  right: 0;
  z-index: 100;
  opacity: .9;
}

.giveBtn:hover {
  opacity: 1;
}

.center {
  text-align: center;
}

.jumpTo {
  margin-top: 10px;
}

.jumpTo span {
  font-family: "brownProBold", sans-serif;
}

.jumpTo ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-left: 5px;
}

.jumpTo li {
  list-style-type: none;
  display: inline-block;
}

.jumpTo li:after {
  content: '|';
  padding-left: 5px;
  font-family: "brownProBold", sans-serif;
}

.jumpTo li:last-child:after {
  display: none;
}

.jumpTo li a {
  color: #70b3c1;
}

.jumpTo li a:hover {
  color: #e72e2f;
}

.pageTitle {
  margin-bottom: 30px;
}

.pageTitle h1 {
  margin: 0;
}

.spanField {
  display: block;
  overflow: hidden;
  padding-right: 5px;
  padding-left: 10px;
}

.spanField > select, .spanField > input {
  width: 100%;
}

.error.postback {
  color: #dd0000;
  padding: 10px 0;
}

.error label, .error p {
  color: #dd0000;
}

.error input, .error input:focus, .error select, .error select:focus {
  background: #e05b5b;
  color: #FFF;
}

@media (max-width: 1024px) {
  .pageTitle {
    padding: 0 15px;
  }
}

@media (max-width: 640px) {
  .sm-auto-height, .sm-auto-height > article, .sm-auto-height > div {
    height: auto !important;
  }
  .whiteBG {
    padding: 15px;
  }
  .greyBox {
    padding: 15px;
  }
  .tipso_bubble {
    width: 85% !important;
    left: 25px !important;
  }
  .tipso_arrow {
    display: none !important;
  }
  .giveBtn {
    display: none;
  }
  .jumpTo ul {
    margin-left: 0;
  }
  .pageTitle.row {
    margin: 0 auto 5px auto;
    padding: 0;
  }
  .spanField {
    padding-left: 0;
  }
  .pageTitle {
    margin-bottom: 15px;
  }
  .pageTitle.row {
    margin: 0 auto 15px auto;
  }
}

/***********************
   Grid Layouts
***********************/
.pageWrapper {
  width: 100%;
  max-width: 1192px;
  margin: 0 auto;
}

.row {
  width: 100%;
  max-width: 992px;
  margin: 0 auto;
}

.large-1 {
  width: 8.33333%;
}

.large-2 {
  width: 16.66667%;
}

.large-3 {
  width: 25%;
}

.large-4 {
  width: 33.33333%;
}

.large-5 {
  width: 41.66667%;
}

.large-6 {
  width: 50%;
}

.large-7 {
  width: 58.33333%;
}

.large-8 {
  width: 66.66667%;
}

.large-9 {
  width: 75%;
}

.large-10 {
  width: 83.33333%;
}

.large-11 {
  width: 91.66667%;
}

.large-12 {
  width: 100%;
}

.column, .columns {
  float: left;
  padding-right: 20px;
  box-sizing: border-box;
}

.column:last-child, .columns:last-child {
  padding-right: 0;
}

ul.block-grid-3 li {
  width: 33%;
}

ul.block-grid-4 li {
  width: 25%;
}

.swapCols {
  float: left;
}

.swapCols .middleCol, .swapCols .mainPageContent {
  float: right;
}

.swapCols .sidebarLeft {
  padding-right: 30px;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.show-on-small-only, .show-for-small-only, .show-on-small, .show-for-small {
  display: none !important;
}

.show-for-mediumSmall {
  display: none;
}

.show-on-medium-down {
  display: none;
}

@media (max-width: 768px) {
  .hide-for-mediumSmall {
    display: none;
  }
  .show-for-mediumSmall {
    display: block;
  }
}

/* Medium Screens - Tablets */
@media (max-width: 1024px) {
  /* Grid Layout */
  .medium-1 {
    width: 8.33333%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-12.column, .medium-12.columns {
    float: none;
  }
  .column, .columns {
    padding: 0 10px;
  }
  .swapCols .sidebarLeft {
    padding-right: 10px;
    padding-left: 0;
  }
  .hide-on-medium-down, .hide-on-medium {
    display: none;
  }
  .show-on-medium-down, .show-on-medium {
    display: block;
  }
  .genericPage {
    padding: 0 15px;
  }
}

@media (max-width: 1280px) {
  .mainContent {
    top: 0;
    padding: 0;
  }
}

@media (max-width: 1130px) {
  .mainContent.homepage {
    padding: 0 10px;
  }
  .contentWrapper {
    margin: 0 10px 0 10px;
  }
}

/* Small Screens - Mobile */
@media (max-width: 640px) {
  /* Grid Layout */
  .small-1 {
    width: 8.33333%;
  }
  .small-2 {
    width: 16.66667%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.33333%;
  }
  .small-5 {
    width: 41.66667%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.33333%;
  }
  .small-8 {
    width: 66.66667%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.33333%;
  }
  .small-11 {
    width: 91.66667%;
  }
  .small-12 {
    width: 100%;
  }
  .small-12.column, .small-12.columns {
    float: none;
    margin-bottom: 10px;
    clear: both;
  }
  .show-on-small-only, .show-for-small-only, .show-on-small, .show-for-small {
    display: block !important;
  }
  .hide-on-small-only, .hide-for-small-only, .hide-on-small, .hide-for-small {
    display: none !important;
  }
  .column, .columns {
    padding: 0;
    margin: 0;
  }
  .swapCols .sidebarLeft {
    padding-right: 0;
  }
  .mainContent {
    width: 100%;
    padding: 15px;
    height: auto !important;
    border-radius: 5px;
  }
  .mainContent.homepage {
    padding: 0;
  }
  .mainContent.homepage .mainContentBG {
    padding: 0 15px;
  }
  .mainContent .mainContentBG {
    padding: 0;
  }
  .mainContent.innerContent {
    padding: 0 15px 15px 15px;
    background: url(../images/innerBG.png);
    background-repeat: repeat;
    background-size: cover;
    border-radius: 0;
  }
  .contentWrapper {
    border-radius: 5px;
    margin: 10px 10px 5px 10px;
    background: none;
  }
  .padding-bottom-small {
    padding-bottom: 10px;
  }
  .padding-left-small {
    padding-left: 10px !important;
  }
}

header {
  margin-bottom: 10px;
  position: relative;
  z-index: 12;
}

header .socialIcons {
  float: left;
  width: 20%;
}

header .logo {
  text-align: center;
  width: 60%;
  float: left;
  margin-top: 20px;
  box-sizing: border-box;
}

header .logo a {
  display: inline-block;
  margin: 0 auto;
}

header .logo span {
  text-indent: -9999px;
  display: block;
  height: 0;
}

header .quickLinks {
  float: right;
  text-align: right;
  width: 20%;
}

.headerWrapper.sticky {
  background: #FFF;
  border-bottom: 1px solid #441155;
}

.headerWrapper.loggedIn .socialIcons {
  width: 25%;
}

.headerWrapper.loggedIn .logo {
  width: 50%;
}

.headerWrapper.loggedIn .quickLinks {
  width: 25%;
}

.touchevents header {
  margin: 0;
  padding: 0;
  background: #FFF;
}

.touchevents header.sticky {
  border-bottom: 1px solid #ccc;
}

.touchevents header .logo {
  width: 85%;
  float: left;
  clear: none;
  margin: 0;
  padding: 5px 0 5px 0;
}

.touchevents header .logo img {
  max-height: 45px;
}

.touchevents header .socialIcons {
  display: none;
}

.touchevents header .quickLinks {
  display: none;
}

.touchevents .headerWrapper.loggedIn .logo {
  width: 65%;
}

@media (max-width: 1024px) {
  header .logo {
    width: 100%;
    float: none;
    clear: both;
    margin-top: 0;
  }
  header .socialIcons {
    width: 35%;
  }
  header .socialIcons ul {
    margin: 10px 0 0 10px;
  }
  header .quickLinks {
    width: 35%;
    margin-bottom: 0;
  }
  header .quickLinks ul {
    margin: 10px 10px 0 0;
  }
  .headerWrapper.loggedIn .socialIcons {
    width: 40%;
  }
  .headerWrapper.loggedIn .quickLinks {
    width: 40%;
  }
  .headerWrapper.loggedIn .logo {
    width: 100%;
  }
}

@media (max-width: 640px) {
  header {
    margin: 0;
    padding: 0;
  }
  header .logo {
    width: 60%;
    float: left;
    clear: none;
    margin: 0;
    padding: 12px 0 15px 0;
  }
  header .logo img {
    max-height: 45px;
  }
  header .socialIcons {
    display: none;
  }
  header .quickLinks {
    display: none;
  }
  .headerWrapper.loggedIn .logo {
    width: 65%;
  }
  .pageTitle.row {
    padding: 0 15px;
  }
  .touchevents header .logo {
    width: 60%;
  }
}

@media (min-width: 640px) {
  html:not('.touchevents') .mainMenu {
    display: block !important;
  }
}

footer {
  background: #441155;
  padding: 30px 0 0 0;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  border-top: 5px solid #DECCE3;
}

footer .logo {
  text-align: center;
  width: 100%;
  float: none;
  box-sizing: border-box;
  margin: 0;
}

footer .logo a {
  display: inline-block;
  margin: 0 auto;
}

footer .logo span {
  text-indent: -9999px;
  display: block;
  height: 0;
}

footer .socialIcons {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

footer .socialIcons ul {
  margin: 30px 0 0 0;
}

footer .socialIcons li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
}

footer .socialIcons li:last-child {
  margin-right: 0;
}

footer .socialIcons li a {
  background: url(../images/sprites.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
}

footer .socialIcons li.facebook a {
  background-position: 0 -269px;
  width: 26px;
  height: 25px;
}

footer .socialIcons li.facebook a:hover {
  background-position: 0 -235px;
}

footer .socialIcons li.twitter a {
  background-position: -37px -269px;
  width: 29px;
  height: 25px;
}

footer .socialIcons li.twitter a:hover {
  background-position: -37px -235px;
}

footer .socialIcons li.pinterest a {
  background-position: -78px -269px;
  width: 19px;
  height: 26px;
}

footer .socialIcons li.pinterest a:hover {
  background-position: -78px -235px;
}

footer .socialIcons li.instagram a {
  background-position: -109px -269px;
  width: 25px;
  height: 25px;
}

footer .socialIcons li.instagram a:hover {
  background-position: -109px -235px;
}

footer .socialIcons li.youtube a {
  background-position: -146px -269px;
  width: 25px;
  height: 25px;
}

footer .socialIcons li.youtube a:hover {
  background-position: -146px -235px;
}

footer .footerLinks {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

footer .footerLinks ul {
  margin: 0;
}

footer .footerLinks li {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
}

footer .footerLinks li:after {
  content: '|';
  padding-left: 10px;
  margin-right: 10px;
}

footer .footerLinks li:last-child:after {
  display: none;
}

footer .footerLinks a {
  color: #FFF;
}

footer .footerLinks a:hover {
  color: #DECCE3;
}

footer .copyright {
  background: #9B5AAD;
  color: #FFF;
  padding: 10px 0;
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  footer {
    padding: 15px 0 0 0;
  }
  footer .logo {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 15px;
  }
  footer .socialIcons {
    padding: 0 15px;
  }
  footer .footerLinks {
    padding: 0 15px;
  }
  footer .footerLinks li {
    font-size: 14px;
    font-size: 1.4rem;
  }
  footer .footerLinks li:after {
    padding-left: 5px;
    margin-right: 5px;
  }
  footer .copyright {
    line-height: 1.7;
    padding: 15px;
  }
}

.sidebar.border {
  border-left: 1px solid #ccc;
  padding-left: 65px;
}

@media (max-width: 640px) {
  .sidebar.border {
    border-left: none;
    padding-left: 0;
  }
}

.mobileMenuIcon {
  font-size: 30px;
  float: left;
  width: 17%;
  margin-right: 3%;
  display: none;
  cursor: pointer;
}

.mobileMenuIcon:hover {
  opacity: .8;
}

.mobileMenuIcon.open {
  color: #FFF;
  background: #441155;
}

.mobileLoginIcon {
  display: none;
  float: right;
  width: 20%;
  background: url(../images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -175px;
  width: 19px;
  height: 23px;
  cursor: pointer;
}

.mobileLoginIcon:hover {
  background-position: 0 -203px;
}

.loggedIn .mobileLoginIcon {
  background: initial;
  color: #881133;
  font-size: 25px;
}

.menuWrapper {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.menuWrapper.sticky {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
  background: #FFF;
}

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  border-top: 0;
}

.menu {
  position: relative;
  z-index: 10;
  text-align: center;
}

.menu .mobileArrow {
  display: none;
  float: right;
  background: url(../images/sprites.png);
  background-repeat: no-repeat;
  background-position: -220px -53px;
  width: 45px;
  height: 35px;
}

.menu .mobileArrow.open {
  background-position: -249px -51px;
  width: 45px;
  height: 37px;
}

.menu ul {
  margin: 0;
  display: inline-block;
  text-align: center;
}

.menu li {
  list-style-type: none;
  display: inline-block;
  margin-bottom: 0;
}

.menu li a {
  font-family: "brownProBold", sans-serif;
  margin-right: 30px;
  padding: 10px;
  display: inline-block;
  transition: initial;
}

.menu li.topLevel {
  color: #441155;
}

.menu li.topLevel:hover > a {
  background: #441155;
  color: #DECCE3;
}

.menu .search {
  position: relative;
  float: right;
  height: 39px;
  z-index: 9;
}

.menu .search .searchIcon {
  cursor: pointer;
  height: 39px;
  display: inline-block;
  padding: 10px;
}

.menu .search .searchIcon.open {
  background: #441155;
  color: #DECCE3;
}

.menu .search .searchDropdown {
  display: none;
  position: absolute;
  right: 0;
  background: #441155;
  padding: 10px;
  width: 350px;
}

.menu .search .searchDropdown .searchBox {
  position: relative;
}

.menu .search .searchDropdown .searchBox input {
  border-radius: 25px;
  height: 27px;
  font-size: 13px;
  font-size: 1.3rem;
  width: 100%;
  padding: 3px 35px 3px 15px;
  border: 2px solid #808384;
}

.menu .search .searchDropdown .searchBox .searchBtn {
  position: absolute;
  right: 0;
  top: 0;
  background: #f0f0f0;
  height: 27px;
  border-radius: 0 25px 25px 0;
  padding: 5px 10px;
  color: #8a9194;
  border-top: 2px solid #808384;
  border-right: 2px solid #808384;
  border-bottom: 2px solid #808384;
}

.menu .subMenu {
  display: none;
}

.menu .subMenu {
  position: absolute;
  z-index: 10;
  top: 100%;
  background: #441155;
  opacity: .9;
  padding: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5), 0px 2px 5px 0px rgba(0, 0, 0, 0.5), 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
}

.menu .subMenu li {
  display: block;
}

.menu .subMenu a {
  color: #FFF;
  padding: 10px 0;
}

.menu .subMenu a:hover {
  color: #DECCE3;
}

.touchevents .menuWrapper {
  display: none;
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  overflow-y: auto;
  height: 85%;
  border-top: none;
  z-index: 500;
}

.touchevents .mobileMenuIcon {
  display: block;
  padding: 17px 15px;
  width: auto;
}

.touchevents .mobileMenuIcon:hover {
  opacity: 1;
}

.touchevents .mobileLoginIcon {
  display: block;
  margin: 20px 15px 15px 0;
}

.touchevents .menu {
  position: absolute;
  top: 0;
  background: #441155;
  opacity: .98;
  width: 50%;
  display: none;
  box-shadow: 0 4px 2px -2px gray;
}

.touchevents .menu > .search {
  display: none;
}

.touchevents .menu ul.menuUL {
  padding: 0 0 0 15px;
  text-align: left;
}

.touchevents .menu li {
  width: 100%;
}

.touchevents .menu li.topLevel.hover .mobileArrow {
  background-color: #DECCE3;
  color: #441155;
}

.touchevents .menu li.topLevel:last-child {
  margin-bottom: 0;
}

.touchevents .menu li .mobileArrow {
  display: inline-block;
  font-size: 17px;
  z-index: 11;
  position: relative;
  padding: 10px;
  position: relative;
  top: -8px;
}

.touchevents .menu li a {
  color: #FFF;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
  margin-right: 0;
  padding: 10px 0;
}

.touchevents .menu .subMenu {
  position: relative;
  background: #DECCE3;
  padding: 0 0 0 15px;
  margin-left: -15px;
  box-shadow: none;
}

.touchevents .menu .subMenu li a {
  color: #441155;
  text-transform: initial;
}

.touchevents .menu .subMenu li:hover a {
  color: #881133;
}

.touchevents .menu .searchIcon {
  padding: 10px 10px 0 0;
}

.touchevents .menu .quickLinks {
  color: #FFF;
  border-bottom: 1px solid #FFF;
  padding: 0 15px 15px 15px;
}

.touchevents .menu .quickLinks li {
  margin-bottom: 10px;
  height: auto;
  text-align: left;
}

.touchevents .menu .quickLinks li a {
  background: none;
  width: auto !important;
  height: auto !important;
  display: inline-block;
}

.touchevents .menu .quickLinks li .icon {
  background: url(../images/sprites.png);
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.touchevents .menu .quickLinks li.search .icon {
  background-position: -190px -318px;
  width: 27px;
  height: 19px;
  margin-left: 5px;
}

.touchevents .menu .quickLinks li.search .openIcon {
  display: none;
  margin-left: 5px;
}

.touchevents .menu .quickLinks li.search.open {
  height: auto;
}

.touchevents .menu .quickLinks li.search.open .openIcon {
  display: inline-block;
}

.touchevents .menu .quickLinks li.search .searchDropdown {
  position: relative;
  width: 100%;
}

.touchevents .menu .quickLinks li.search .searchDropdown .searchBox input {
  height: 33px;
}

.touchevents .menu .quickLinks li.search .searchDropdown .searchBox .searchBtn {
  right: -10px;
}

.touchevents .menu .quickLinks li.give .icon {
  background-position: -1px -315px;
  width: 27px;
  height: 24px;
}

.touchevents .menu .quickLinks li.payFees .icon {
  background-position: -46px -315px;
  width: 27px;
  height: 24px;
}

.touchevents .menu .quickLinks li.chapter .icon {
  background-position: -98px -315px;
  width: 27px;
  height: 24px;
}

.touchevents .menu .quickLinks li.login .icon {
  background-position: -149px -315px;
  width: 27px;
  height: 24px;
}

.touchevents .menu .quickLinks li.login a {
  position: relative;
  top: -4px;
}

.touchevents .menu .quickLinks {
  padding: 0 15px;
  display: block !important;
  text-align: left;
}

.touchevents .menu .quickLinks ul {
  text-align: left;
  display: block;
}

.touchevents .menu .quickLinks li {
  padding-left: 0;
}

.touchevents .menu .quickLinks li.search {
  float: none;
}

.touchevents .menu .quickLinks li a:hover {
  color: #DECCE3;
}

.touchevents .menu.loggedIn {
  opacity: 1;
}

.touchevents .menu.loggedIn .quickLinks {
  padding: 0 0 0 15px;
}

.touchevents .menu.loggedIn .quickLinks li {
  width: 100%;
}

.touchevents .menu.loggedIn .quickLinks li.member {
  margin-bottom: 10px;
}

.touchevents .menu.loggedIn .quickLinks li.member .icon {
  font-size: 25px;
  background: initial;
  margin-right: 15px;
}

.touchevents .menu.loggedIn .quickLinks li.member a {
  display: block;
  padding: 0 0 10px 0;
}

.touchevents .menu.loggedIn .quickLinks li.member .mobileArrow {
  position: relative;
  top: -1px;
  float: right;
}

.touchevents .menu.loggedIn .quickLinks li.member .subMenu {
  padding: 5px 0 0 55px;
  box-shadow: none;
}

.touchevents .menu.loggedIn .quickLinks li.member .memberList {
  border-bottom: 1px solid #441155;
  margin-bottom: 15px;
  margin-right: 10px;
}

.touchevents .menu.loggedIn .quickLinks li.member .memberList ul {
  margin: 15px 0 0 0;
}

.touchevents .menu.loggedIn .quickLinks li.member .memberList li {
  margin-bottom: 5px;
}

.touchevents .menu.loggedIn .quickLinks li.member .logoutBtn {
  color: #441155;
}

.touchevents .menu.loggedIn .quickLinks li.member .logoutBtn .fa {
  margin-right: 5px;
}

@media (max-width: 1024px) {
  .menu ul {
    text-align: left;
  }
  .menu ul.menuUL {
    padding: 0 15px;
  }
  .menu li a {
    margin-right: 5px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .menu .searchIcon {
    padding: 10px 10px 0 0;
  }
  .menu .quickLinks {
    color: #FFF;
    border-bottom: 1px solid #FFF;
    padding: 0 15px 15px 15px;
  }
  .menu .quickLinks li {
    margin-bottom: 10px;
    height: auto;
  }
  .menu .quickLinks li a {
    background: none;
    width: auto !important;
    height: auto !important;
  }
  .menu .quickLinks li .icon {
    background: url(../images/sprites.png);
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 4px;
  }
  .menu .quickLinks li.search .icon {
    background-position: -190px -318px;
    width: 27px;
    height: 19px;
    margin-left: 5px;
  }
  .menu .quickLinks li.search .openIcon {
    display: none;
    margin-left: 5px;
  }
  .menu .quickLinks li.search.open {
    height: auto;
  }
  .menu .quickLinks li.search.open .openIcon {
    display: inline-block;
  }
  .menu .quickLinks li.search .searchDropdown {
    position: relative;
    width: 100%;
  }
  .menu .quickLinks li.search .searchDropdown .searchBox input {
    height: 33px;
  }
  .menu .quickLinks li.search .searchDropdown .searchBox .searchBtn {
    right: -10px;
  }
  .menu .quickLinks li.give .icon {
    background-position: -1px -315px;
    width: 27px;
    height: 24px;
  }
  .menu .quickLinks li.payFees .icon {
    background-position: -46px -315px;
    width: 27px;
    height: 24px;
  }
  .menu .quickLinks li.chapter .icon {
    background-position: -98px -315px;
    width: 27px;
    height: 24px;
  }
  .menu .quickLinks li.login .icon {
    background-position: -149px -315px;
    width: 27px;
    height: 24px;
  }
  .menu .quickLinks li.login a {
    position: relative;
    top: -4px;
  }
  .menu.loggedIn .quickLinks li {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .menu ul {
    text-align: left;
  }
  .menu li a {
    margin-right: 10px;
    padding: 13px 5px 10px 5px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .menu .searchIcon {
    padding: 5px 10px 0 0;
  }
}

@media (max-width: 640px) {
  .menuWrapper {
    position: fixed;
    top: 70px;
    overflow-y: auto;
    height: 85%;
    border-top: none;
    z-index: 500;
  }
  .menuWrapper.sticky {
    position: relative !important;
  }
  .mobileMenuIcon {
    display: block;
    padding: 17px 15px;
    width: auto;
  }
  .mobileMenuIcon:hover {
    opacity: 1;
  }
  .mobileLoginIcon {
    display: block;
    margin: 20px 15px 15px 0;
  }
  .menu {
    position: relative;
    top: 0;
    background: #441155;
    opacity: .98;
    width: 100%;
    display: none;
    box-shadow: 0 4px 2px -2px gray;
  }
  .menu > .search {
    display: none;
  }
  .menu ul.menuUL {
    padding: 0 0 0 15px;
  }
  .menu li {
    width: 100%;
  }
  .menu li.topLevel.hover .mobileArrow {
    background-color: #DECCE3;
    color: #441155;
  }
  .menu li.topLevel:last-child {
    margin-bottom: 0;
  }
  .menu li .mobileArrow {
    display: inline-block;
    font-size: 17px;
    z-index: 11;
    position: relative;
    padding: 10px;
    position: relative;
    top: -8px;
  }
  .menu li a {
    color: #FFF;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    margin-right: 0;
    padding: 10px 0;
  }
  .menu .subMenu {
    position: relative;
    background: #DECCE3;
    padding: 0 0 0 15px;
    margin-left: -15px;
  }
  .menu .subMenu li a {
    color: #441155;
    text-transform: initial;
  }
  .menu .subMenu li:hover a {
    color: #881133;
  }
  .menu .quickLinks {
    padding: 0 15px;
  }
  .menu .quickLinks li {
    padding-left: 0;
  }
  .menu .quickLinks li.search {
    float: none;
  }
  .menu .quickLinks li a:hover {
    color: #DECCE3;
  }
  .menu.loggedIn {
    opacity: 1;
  }
  .menu.loggedIn .quickLinks {
    padding: 0 0 0 15px;
  }
  .menu.loggedIn .quickLinks li.member {
    margin-bottom: 10px;
  }
  .menu.loggedIn .quickLinks li.member .icon {
    font-size: 25px;
    background: initial;
    margin-right: 15px;
  }
  .menu.loggedIn .quickLinks li.member a {
    display: block;
    padding: 0 0 10px 0;
  }
  .menu.loggedIn .quickLinks li.member .mobileArrow {
    position: relative;
    top: -1px;
    float: right;
  }
  .menu.loggedIn .quickLinks li.member .subMenu {
    padding: 0 0 0 60px;
  }
  .menu.loggedIn .quickLinks li.member .memberList {
    border-bottom: 1px solid #441155;
    margin-bottom: 15px;
    margin-right: 10px;
  }
  .menu.loggedIn .quickLinks li.member .memberList ul {
    margin: 15px 0 0 0;
  }
  .menu.loggedIn .quickLinks li.member .memberList li {
    margin-bottom: 5px;
  }
  .menu.loggedIn .quickLinks li.member .logoutBtn {
    color: #441155;
  }
  .menu.loggedIn .quickLinks li.member .logoutBtn .fa {
    margin-right: 5px;
  }
  .touchevents .menu {
    width: 100%;
  }
}

.breadcrumbs {
  background: #f8f5f9;
  border-top: 1px solid #e5e5e5;
  padding: 15px 0;
  margin-bottom: 20px;
}

.breadcrumbs li {
  float: left;
  list-style-type: none;
  color: #881133;
  margin-bottom: 0;
}

.breadcrumbs li a {
  color: #881133;
}

.breadcrumbs li a:hover {
  color: #e72e2f;
}

.breadcrumbs li:after {
  content: '>';
  padding-left: 5px;
  margin-right: 5px;
}

.breadcrumbs li:last-child:after {
  display: none;
  padding-left: 0;
  margin-right: 0;
}

@media (max-width: 1024px) {
  .breadcrumbs {
    padding: 15px;
  }
  .breadcrumbs li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.pagination {
  margin: 20px;
  text-align: center;
}

.pagination .showingResults {
  display: inline-block;
  padding: 5px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "brownProBold", sans-serif;
  color: #881133;
}

.pagination .paginationLinks {
  color: #222;
  text-align: center;
  font-family: "brownProBold", sans-serif;
}

.pagination .paginationLinks ul {
  display: inline-block;
  margin: 0;
}

.pagination .paginationLinks li {
  float: left;
  margin-right: 15px;
  list-style-type: none;
}

.pagination .paginationLinks li:last-child {
  margin-right: 0;
}

.pagination .paginationLinks li a, .pagination .paginationLinks li a:visited {
  color: #222;
  font-family: "brownProBold", sans-serif;
}

.pagination .paginationLinks li a:hover, .pagination .paginationLinks li a:visited:hover {
  color: #881133;
  text-decoration: underline;
}

.pagination .paginationLinks li.prev {
  margin-right: 0;
}

.pagination .paginationLinks li.prev:after {
  content: '|';
  padding-right: 15px;
  margin-left: 10px;
  font-size: 18px;
  display: inline-block;
  margin-top: -4px;
}

.pagination .paginationLinks li.prev .fa {
  padding-right: 3px;
}

.pagination .paginationLinks li.next {
  margin-left: 0;
}

.pagination .paginationLinks li.next .fa {
  padding-left: 3px;
}

.pagination .paginationLinks li.next:before {
  content: '|';
  padding-right: 15px;
  margin-left: 5px;
  font-size: 18px;
  display: inline-block;
  margin-top: -4px;
}

.pagination .paginationLinks li.current a {
  color: #881133;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .pagination {
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .pagination .paginationLinks {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .pagination .paginationLinks .pipe {
    padding: 0 5px;
  }
}

.button, button {
  padding: 15px;
  font-size: 28px;
  font-size: 2.8rem;
  color: #441155;
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: all 300ms ease-out;
  -webkit-appearance: none;
}

.button:hover, button:hover {
  color: #e72e2f;
}

.button.outline, button.outline {
  border: 1px solid #e6e6e6;
  padding: 15px 60px;
}

.button.thin, button.thin {
  padding: 10px 15px;
}

.button.thin.wide, button.thin.wide {
  padding: 10px 60px;
}

.button.wide, button.wide {
  padding: 15px 60px;
}

.button.small, button.small {
  padding: 5px 8px;
}

.button.small.wide, button.small.wide {
  padding: 5px 25px;
}

.button.clear, button.clear {
  background: none;
}

.button.navigation, button.navigation {
  text-transform: uppercase;
  font-weight: 700;
  color: #441155;
}

.button.navigation:hover, button.navigation:hover {
  color: #e72e2f;
}

.button.shadow, button.shadow {
  box-shadow: 1px 1px 0px #ccc;
}

button {
  padding: 0;
}

@media (max-width: 640px) {
  .button {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .button.wide {
    padding: 15px;
  }
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  width: 100%;
  border-radius: 0;
  padding: 7.5px 30px 7.5px 15px;
  box-shadow: inset 0 10px 20px -20px rgba(0, 0, 0, 0.8);
}

select {
  background: #eee;
  border: 1px solid #ccc;
  padding: 8px 15px;
  box-sizing: border-box;
  box-shadow: inset 0 13px 20px -20px rgba(0, 0, 0, 0.8);
}

.inputBox {
  position: relative;
}

.inputBox .icon {
  position: absolute;
  right: 10px;
  top: 20%;
  font-size: 19px;
  font-size: 1.9rem;
  color: #a7a7a7;
}

label {
  font-family: "brownProBold", sans-serif;
  position: relative;
  top: 10px;
}

input[type='checkbox'] + label, input[type='radio'] + label {
  margin-left: 5px;
}

.validation {
  font-family: "brownProBold", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 15px;
  color: #dd0000;
  background: #f7f7f7;
  line-height: 1.7;
  margin-bottom: 30px;
  position: relative;
}

.validation a {
  color: #70b3c1;
}

.validation a:hover {
  color: #881133;
}

.validation .icon {
  position: absolute;
  top: 19px;
  left: 15px;
}

.validation span {
  margin-left: 25px;
  float: left;
  display: block;
}

button.submit {
  float: right;
  font-size: 28px;
  font-size: 2.8rem;
  color: #441155;
  background: none;
  border: none;
}

button.submit .fa {
  margin-left: 5px;
}

.success {
  font-family: "brownProBold", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px;
  color: #222;
  background: #f7f7f7;
  line-height: 1.7;
  margin-bottom: 30px;
  position: relative;
}

.success h2 {
  color: #278b00;
  font-size: 30px;
  font-size: 3rem;
  font-family: "brownProLight", sans-serif;
  font-weight: 300;
  margin-top: 0;
}

.success a {
  color: #70b3c1;
}

.success a:hover {
  color: #881133;
}

.genericForm .item {
  margin-bottom: 15px;
}

.genericForm select {
  width: 100%;
}

input[type="file"] {
  display: none;
}

.FormFileUpload__Input {
  background: none;
  border: 1px solid #ccc;
  color: #441155;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .validation {
    margin-bottom: 15px;
  }
  .formSuccess {
    padding: 0 15px;
  }
}

@media (max-width: 640px) {
  label {
    margin-bottom: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    top: 0;
    display: block;
  }
  input[type='checkbox'] + label, input[type='radio'] + label {
    margin-left: 20px;
  }
}

.genericAccordion {
  border: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

.genericAccordion .title {
  padding: 15px;
  color: #441155;
  font-family: "brownProBold", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}

.genericAccordion .title:hover {
  color: #e72e2f;
  cursor: pointer;
}

.genericAccordion .content {
  display: none;
  background: #FFF;
  padding: 15px;
}

.genericAccordion.open .title {
  background: #faf7fb;
}

.tableBorder {
  border: 1px solid #ccc;
  margin-bottom: 30px;
}

table {
  width: 100%;
  border: 1px solid #cccccc;
}

table thead {
  border-bottom: 1px solid #ccc;
}

table thead th {
  background: #eee;
  color: #441155;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "brownProBold", sans-serif;
  font-weight: 400;
  text-align: left;
  padding: 15px;
}

table td {
  padding: 15px;
  border: 1px solid #ccc;
}

table td:last-child {
  border-right: none;
  padding: 15px;
}

table td a, table td a:visited {
  color: #70b3c1;
  text-decoration: underline;
}

table tr:last-child td {
  border-bottom: none;
}

@media (max-width: 640px) {
  .tableBorder {
    border: none;
    border-radius: 0;
  }
  table.small-only {
    border: none;
  }
  table.small-only tr.evenRow + tr.oddRow + tr.oddRow td.st-key,
  table.small-only tr:first-child + tr.oddRow td.st-key,
  table.small-only tr.oddRow + tr.evenRow + tr.evenRow td.st-key {
    border-top: 1px solid #ccc;
  }
  table.small-only tr:first-child + tr.oddRow + tr.oddRow.state td.st-key {
    border-top: none;
  }
  table.small-only tr:last-child td.st-key, table.small-only tr:last-child td.st-val {
    border-bottom: 1px solid #ccc;
  }
  table.small-only tr td {
    padding: 15px;
  }
  table.small-only tr td.st-key {
    border-bottom: none;
    border-top: none;
    color: #441155;
  }
  table.small-only tr td.st-val {
    border-right: 1px solid #ccc;
  }
  table.small-only tr.state td {
    border: none;
  }
  table.small-only tr.state td.st-key {
    border-top: 1px solid #ccc;
    background: #FFF;
    color: #FFF;
  }
  table.small-only tr.state td.st-val {
    border-right: none;
    color: #881133;
    font-family: "brownProBold", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    text-align: right;
    background: #FFF;
    padding: 30px 0 10px 0;
  }
}

.owl-controls .owl-dots {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
}

.owl-controls .owl-dots .owl-dot {
  border: 2px solid #FFF;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 25px;
  margin-right: 5px;
}

.owl-controls .owl-dots .owl-dot:last-child {
  margin-right: 0;
}

.owl-controls .owl-dots .owl-dot.active {
  background: #FFF;
}

.owl-controls .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
}

.owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-next {
  position: absolute;
  font-size: 66px;
  background: url(../images/sprites.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 38px;
}

.owl-controls .owl-nav .owl-prev:hover, .owl-controls .owl-nav .owl-next:hover {
  opacity: .8;
}

.owl-controls .owl-nav .owl-prev {
  left: -40px;
  background-position: -221px -4px;
}

.owl-controls .owl-nav .owl-next {
  right: -40px;
  background-position: -246px -4px;
}

.sliderMargin {
  margin: 0 55px;
}

.hero {
  position: relative;
  z-index: 1;
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
}

@media (max-width: 640px) {
  .sliderMargin {
    margin: 0 40px;
  }
  .owl-controls .owl-nav .owl-prev {
    left: -25px;
  }
  .owl-controls .owl-nav .owl-next {
    right: -25px;
  }
}

.featuredStories {
  border-bottom: 1px solid #ccc;
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}

.featuredStories article {
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  padding: 30px 30px 45px 15px;
  text-align: center;
  position: relative;
}

.featuredStories article h2 {
  font-size: 18px;
  font-size: 1.8rem;
}

.featuredStories article:last-child {
  border-right: none;
}

.featuredStories article .thumbnail img {
  border-radius: 90px;
  width: 100px;
  height: 100px;
  border: 3px solid #e6e6e6;
}

.featuredStories article .blurb {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 30px;
}

.featuredStories article .moreBtn {
  font-size: 20px;
  font-size: 2rem;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.featuredStories article .moreBtn .fa {
  margin-right: 5px;
}

.featuredStories article .hoverBox {
  background: #441155;
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  opacity: 0;
  border: 3px solid #deddda;
  transition: all 0.5s;
}

.featuredStories article .hoverBox h2 {
  color: #FFF;
  padding: 0 15px;
}

.featuredStories article .hoverBox .fullText {
  padding: 0 15px;
}

.featuredStories article .hoverBox a {
  color: #FFF;
}

.featuredStories article:hover .hoverBox {
  top: -40px;
  opacity: 1;
}

@media (max-width: 640px) {
  .featuredStories {
    padding: 0;
  }
  .featuredStories article .thumbnail img {
    margin: 0 auto;
  }
  .featuredStories h2 {
    font-size: 19px;
    font-size: 1.9rem;
  }
}

.contentArea {
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  margin-bottom: 30px;
  font-family: "brownProLight", sans-serif;
}

.contentArea h1 {
  font-size: 60px;
  font-size: 6rem;
  margin: 0 0 15px 0;
  font-family: "blackjack", sans-serif;
  font-weight: 400;
}

.contentArea p {
  font-size: 26px;
  font-size: 2.6rem;
}

.contentArea .moreInfoBtn {
  font-size: 28px;
  font-size: 2.8rem;
  margin-top: 10px;
  display: inline-block;
}

.contentArea .moreInfoBtn:hover {
  color: #DECCE3;
}

@media (max-width: 1024px) {
  .contentArea {
    padding: 0 15px;
  }
}

@media (max-width: 640px) {
  .contentArea {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .contentArea h1 {
    font-size: 30px;
    font-size: 3rem;
  }
  .contentArea p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .contentArea .moreInfoBtn {
    font-size: 18px;
    font-size: 1.8rem;
    background: none;
  }
}

.quickLinks {
  margin-bottom: 30px;
}

.quickLinks .item {
  position: relative;
  float: left;
  width: 33.33%;
  box-sizing: border-box;
}

.quickLinks .item:hover .photo .overlay {
  opacity: 0;
}

.quickLinks .item .photo {
  position: relative;
}

.quickLinks .item .photo img {
  width: 100%;
}

.quickLinks .item .photo .overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: opacity 1s;
}

.quickLinks .item .icon {
  position: absolute;
  top: 25%;
  left: 25%;
  z-index: 2;
}

.quickLinks .item .icon:hover {
  opacity: .8;
}

.quickLinks ul {
  margin: 30px 0 0 0;
}

.quickLinks li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
}

.quickLinks li:last-child {
  margin-right: 0;
}

.quickLinks li a {
  background: url(../images/sprites.png);
  background-repeat: no-repeat;
  display: inline-block;
}

.quickLinks li.give a {
  background-position: -1px 0;
  width: 24px;
  height: 41px;
  position: relative;
  top: -3px;
}

.quickLinks li.give a:hover {
  background-position: -1px -47px;
}

.quickLinks li.payFees a {
  background-position: -46px 0;
  width: 22px;
  height: 41px;
  position: relative;
  top: -5px;
}

.quickLinks li.payFees a:hover {
  background-position: -46px -47px;
}

.quickLinks li.chapter a {
  background-position: -93px 0;
  width: 33px;
  height: 43px;
  position: relative;
  top: -2px;
}

.quickLinks li.chapter a:hover {
  background-position: -93px -47px;
}

.quickLinks li.login a {
  background-position: -149px 0;
  width: 21px;
  height: 33px;
  position: relative;
  top: -10px;
}

.quickLinks li.login a:hover {
  background-position: -149px -47px;
}

.loggedIn .quickLinks ul {
  position: relative;
}

.loggedIn .quickLinks li {
  margin-right: 5%;
  width: 20%;
  text-align: center;
}

.loggedIn .quickLinks li:last-child {
  margin-right: 0;
}

.loggedIn .quickLinks li.memberIcon {
  color: #881133;
  z-index: 2;
  padding: 5px;
  position: relative;
  top: -2px;
}

.loggedIn .quickLinks li.memberIcon.open {
  background: #441155;
  color: #FFF;
}

.loggedIn .quickLinks li.memberIcon.open a {
  color: #FFF;
}

.loggedIn .quickLinks li.memberIcon.open a:hover {
  color: #FFF;
}

.loggedIn .quickLinks li.memberIcon.open .arrow {
  color: #FFF;
}

.loggedIn .quickLinks li.memberIcon a {
  background: initial;
  color: #881133;
  font-family: "brownProBold", sans-serif;
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 1.1;
  text-align: left;
  background: none;
}

.loggedIn .quickLinks li.memberIcon a:hover {
  color: #441155;
}

.loggedIn .quickLinks li.memberIcon .icon {
  float: left;
  font-size: 24px;
}

.loggedIn .quickLinks li.memberIcon .arrow {
  position: absolute;
  top: 9px;
  right: 5px;
  color: #881133;
  cursor: pointer;
  z-index: 3;
}

.loggedIn .quickLinks li.memberIcon .arrow:hover {
  opacity: .8;
}

.loggedIn .quickLinks li.memberIcon .dropdown {
  display: none;
  z-index: 4;
  position: absolute;
  background: #441155;
  right: 0;
  top: 29px;
  color: #FFF;
  width: 140px;
}

.loggedIn .quickLinks li.memberIcon .dropdown ul {
  padding: 0;
  margin: 15px;
  border-bottom: 1px solid #ccc;
}

.loggedIn .quickLinks li.memberIcon .dropdown li {
  width: 100%;
  margin-bottom: 10px;
}

.loggedIn .quickLinks li.memberIcon .dropdown a {
  display: block;
  color: #FFF;
  font-family: "brownProBold", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}

.loggedIn .quickLinks li.memberIcon .dropdown .logoutBtn {
  padding: 0 15px;
  margin-bottom: 20px;
}

.loggedIn .quickLinks li.memberIcon .dropdown .logoutBtn .fa {
  margin-right: 5px;
}

.loggedIn .touchevents .quickLinks {
  margin: 0 0 30px 0;
}

.loggedIn .touchevents .quickLinks .item {
  width: 100%;
  float: none;
  padding: 0 10px;
}

.loggedIn .touchevents .quickLinks .item .photo img {
  width: 100%;
}

.loggedIn .touchevents .loggedIn .quickLinks li {
  text-align: left;
}

@media (max-width: 1024px) {
  .quickLinks .item .icon {
    width: 40%;
    top: 30%;
    left: 30%;
  }
}

@media (max-width: 640px) {
  .quickLinks {
    margin: 0 0 30px 0;
  }
  .quickLinks .item {
    width: 100%;
    float: none;
    padding: 0 10px;
  }
  .quickLinks .item .photo img {
    width: 100%;
  }
  .loggedIn .quickLinks li {
    text-align: left;
  }
}

.instagramFeed {
  padding: 0 0 30px 0;
}

.instagramFeed .header {
  float: left;
  position: relative;
}

.instagramFeed h1 {
  margin: 0 0 30px 0;
  text-align: center;
  font-family: "blackjack", sans-serif;
  font-weight: 400;
  font-size: 60px;
  font-size: 6rem;
}

.instagramFeed .accountInfo {
  position: relative;
  left: 55px;
  top: -18px;
}

.instagramFeed .accountInfo ul {
  margin: 0;
}

.instagramFeed .accountInfo li {
  list-style-type: none;
  display: inline-block;
  margin-right: 30px;
}

.instagramFeed .accountInfo li:last-child {
  margin-right: 0;
}

.instagramFeed .instagramLogo {
  float: right;
}

.instagramFeed .instagramSlider .item {
  position: relative;
  border: 2px solid #decce3;
}

.instagramFeed .instagramSlider .item:hover .hoverBox {
  display: block;
}

.instagramFeed .instagramSlider .item .hoverBox {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.instagramFeed .instagramSlider .item .hoverBox .overlay {
  height: 100%;
  text-align: center;
  color: #DECCE3;
  font-size: 20px;
  font-size: 2rem;
  padding: 35% 20%;
}

.instagramFeed .instagramSlider .item .hoverBox .overlay a {
  color: #DECCE3;
}

.instagramFeed .instagramSlider .item .hoverBox .overlay a:hover {
  color: #881133;
}

@media (max-width: 640px) {
  .instagramFeed h1 {
    font-size: 30px;
    font-size: 3rem;
  }
}

.socialIcons ul {
  margin: 30px 0 0 0;
}

.socialIcons li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}

.socialIcons li:last-child {
  margin-right: 0;
}

.socialIcons li a {
  background: url(../images/sprites.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
}

.socialIcons li.facebook a {
  background-position: 0 -102px;
  width: 26px;
  height: 25px;
}

.socialIcons li.facebook a:hover {
  background-position: 0 -136px;
}

.socialIcons li.twitter a {
  background-position: -37px -102px;
  width: 29px;
  height: 25px;
}

.socialIcons li.twitter a:hover {
  background-position: -37px -136px;
}

.socialIcons li.pinterest a {
  background-position: -78px -102px;
  width: 19px;
  height: 25px;
}

.socialIcons li.pinterest a:hover {
  background-position: -78px -136px;
}

.socialIcons li.instagram a {
  background-position: -109px -102px;
  width: 25px;
  height: 25px;
}

.socialIcons li.instagram a:hover {
  background-position: -109px -136px;
}

.socialIcons li.youtube a {
  background-position: -146px -102px;
  width: 25px;
  height: 25px;
}

.socialIcons li.youtube a:hover {
  background-position: -146px -136px;
}

.loginForm {
  padding-right: 55px;
  margin: 35px 0;
}

.loginForm .item {
  margin-bottom: 15px;
}

.loginForm .loginBtn {
  float: right;
}

.loginForm .forgotLogin a {
  color: #70b3c1;
}

.loginForm .forgotLogin a:hover {
  color: #e72e2f;
}

.login h1 {
  margin: 0;
}

.login .sidebar h1 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 400;
}

.login .sidebar .claimAccountBtn {
  font-size: 18px;
  font-size: 1.8rem;
  color: #441155;
}

.login input[type='checkbox'] + label {
  font-family: "brownPro", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}

@media (max-width: 640px) {
  .leftCol, .sidebar {
    height: auto !important;
  }
  h1 {
    font-weight: 300;
  }
  .login {
    padding: 0 15px;
  }
  .login .sidebar h1, .login .sidebar p {
    text-align: center;
  }
  .loginForm {
    padding-right: 0;
    margin: 20px 0 30px 0;
    border-bottom: 1px solid #ccc;
  }
  .loginForm .inputBox {
    margin-bottom: 0;
  }
  .loginForm .small-12.column, .loginForm .small-12.columns {
    margin-bottom: 0;
  }
}

.forgotUserPass {
  padding-left: 50px;
}

.forgotUserPass h1 {
  color: #881133;
}

.forgotUserPass h3 {
  color: #222;
  font-family: "brownProBold", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 0;
}

.forgotUserPass .forgotUsername {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 30px 30px 20px;
  margin-bottom: 20px;
}

.forgotUserPass .inputBox {
  margin-bottom: 15px;
}

.forgotUserPass .sendMyPwd, .forgotUserPass .sendMyUsername {
  float: right;
}

.forgotUserPass .forgotPassword {
  padding: 0 30px 25px 20px;
}

.forgotUserPass .validation {
  margin: 15px 0;
}

.forgotUserPass .instructions {
  margin-bottom: 25px;
}

@media (max-width: 640px) {
  .forgotUserPass {
    padding-left: 15px;
    margin-top: 5px;
  }
  .forgotUserPass .forgotUsername {
    padding: 0 30px 30px 0;
  }
  .forgotUserPass .forgotPassword {
    padding: 0 30px 30px 0;
  }
  .forgotUserPass .sendMyPwd, .forgotUserPass .sendMyUsername {
    font-size: 20px;
    font-size: 2rem;
  }
  .forgotUserPass .leftCol, .forgotUserPass .sidebar {
    height: auto !important;
  }
}

.claimAccountWrapper .ctaBtn {
  color: #441155;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 30px;
  float: right;
  background: none;
  border: none;
}

.claimAccountWrapper .ctaBtn.noMarg {
  margin-bottom: 0;
}

.claimAccount {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.claimAccount.noBorder {
  border-bottom: none;
  margin-bottom: 30px;
  padding-bottom: 0;
}

.claimAccount h1 {
  display: inline-block;
  float: left;
  margin: 0 0 20px 0;
}

.claimAccount .currentStep {
  color: #441155;
  font-family: "brownProBold", sans-serif;
  margin-bottom: 30px;
  float: right;
  margin-top: 20px;
}

.claimAccount .item {
  margin-bottom: 30px;
}

.claimAccount .item:last-child {
  margin-bottom: 0;
}

.claimAccount label {
  float: left;
  width: 20%;
}

.claimAccount input {
  float: left;
  width: 80%;
}

.claimAccount select[id='chapterJoined'] {
  width: 40%;
}

.claimAccount select[id='yearJoined'] {
  width: 15%;
}

.claimAccount .accountInfo {
  background: #f8f5f9;
  padding: 20px 15px;
  margin-bottom: 30px;
}

.claimAccount .accountInfo .item {
  margin-bottom: 10px;
}

.claimAccount .accountInfo .item:last-child {
  margin-bottom: 0;
}

.claimAccount .accountInfo .title {
  float: left;
  width: 20%;
  font-family: "brownProBold", sans-serif;
}

.claimAccount .accountInfo .info {
  float: left;
  width: 80%;
}

@media (max-width: 1024px) {
  .claimAccountWrapper {
    padding: 0 15px;
  }
  .claimAccount label {
    width: 35%;
  }
  .claimAccount input {
    width: 65%;
  }
}

@media (max-width: 640px) {
  .claimAccount label {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .claimAccount input, .claimAccount select {
    float: none;
    width: 100%;
  }
  .claimAccount select[id='chapterJoined'], .claimAccount select[id='yearJoined'] {
    width: 100%;
  }
  .claimAccount .item {
    margin-bottom: 15px;
  }
  .claimAccount h1 {
    display: block;
    float: none;
    margin-bottom: 20px;
  }
  .claimAccount .currentStep {
    float: none;
    margin-bottom: 25px;
    display: block;
  }
  .claimAccount .accountInfo {
    padding: 20px 10px 20px 10px;
  }
  .claimAccount .accountInfo .title {
    width: 45%;
  }
  .claimAccount .accountInfo .info {
    width: 55%;
  }
}

.privateDashboard {
  margin-top: 30px;
}

.privateDashboard .sidebar {
  background: #faf7fb;
  padding-right: 0;
  border: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

.privateDashboard .sidebar .memberPic {
  width: 100%;
}

.privateDashboard .sidebar .buttonLinks ul {
  margin: 0;
}

.privateDashboard .sidebar .buttonLinks li {
  list-style-type: none;
  font-size: 24px;
  font-size: 2.4rem;
  color: #441155;
}

.privateDashboard .sidebar .buttonLinks li .fa {
  float: right;
}

.privateDashboard .sidebar .buttonLinks li.border {
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
}

.privateDashboard .sidebar .buttonLinks li:last-child {
  margin-bottom: 0;
}

.privateDashboard .sidebar article {
  padding: 15px 0;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 15px;
  font-size: 13px;
  font-size: 1.3rem;
}

.privateDashboard .sidebar article:last-child {
  border-bottom: none;
  padding: 5px 0 0 0;
}

.privateDashboard .sidebar article h3 {
  color: #222;
  font-family: "brownProBold", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
}

.privateDashboard .profile {
  padding-left: 30px;
  margin-top: 0;
}

.privateDashboard .profile h1 {
  color: #441155;
  margin: 0 0 15px 0;
}

.privateDashboard .profile .item {
  margin-bottom: 20px;
}

.privateDashboard .profile .item:last-child {
  margin-bottom: 0;
}

.privateDashboard .profile article {
  margin-bottom: 20px;
}

.privateDashboard .profile article h2 {
  border-bottom: 1px solid #e6e6e6;
  font-family: "brownPro", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  padding-bottom: 10px;
  margin: 0 0 10px 0;
  color: #881133;
}

.privateDashboard .profile article .address .title {
  float: left;
  width: 65px;
}

.privateDashboard .profile article .address address {
  float: left;
  font-style: normal;
}

.privateDashboard .profile article .active {
  color: #0a6700;
}

.privateDashboard .profile article .active strong {
  color: #222;
}

@media (max-width: 640px) {
  .privateDashboard {
    margin: 15px 10px;
  }
  .privateDashboard .sidebar {
    height: auto !important;
  }
  .privateDashboard .sidebar h1 {
    margin: 15px 10px 0 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
  }
  .privateDashboard .sidebar article {
    padding: 5px 0;
  }
  .privateDashboard .sidebar .buttonLinks li.border {
    padding-top: 10px;
  }
  .privateDashboard .profile {
    padding: 0;
    margin-bottom: 0;
    height: auto !important;
  }
  .privateDashboard .profile article:last-child {
    margin-bottom: 15px;
  }
}

.giveNow {
  padding-left: 40px;
}

.giveNow .introText {
  font-family: "brownProLight", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 30px;
}

.giveNow .column, .giveNow .columns {
  padding-right: 30px;
}

.giveNow .pageTitle h1 {
  display: inline-block;
  float: left;
  margin-top: 0;
}

.giveNow .pageTitle .requiredFields {
  display: inline-block;
  float: right;
  margin-top: 25px;
}

.giveNow h3 {
  color: #441155;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "brownPro", sans-serif;
}

.giveNow .giftAmount ul {
  margin: 0;
  padding: 0;
}

.giveNow .giftAmount li {
  display: inline-block;
  margin-right: 30px;
  list-style-type: none;
}

.giveNow .giftAmount li:last-child {
  margin-right: 0;
}

.giveNow .giftAmount input, .giveNow .giftAmount select {
  width: auto;
}

.giveNow .giftAmount label {
  font-family: "brownPro", sans-serif;
  width: auto;
}

.giveNow .giftAmount .giftAmountOther {
  display: none;
  margin-bottom: 20px;
}

.giveNow .giftAmount .giftAmountOther label {
  margin-right: 5px;
}

.giveNow .giftAmount .giftAmount1874 {
  display: none;
}

.giveNow .giftAmount .giftAmount1874 p {
  margin: 0;
}

.giveNow .giftAmount .giftAmount1874 .dangleReference {
  margin: 15px 0 15px 0;
}

.giveNow .giftAmount .giftAmount1874 ul.givingCircleYears li {
  width: 50%;
  float: left;
  margin-right: 0;
  box-sizing: border-box;
}

.giveNow .giftAmount .giftAmount1874 .additionalGiftAmount1874 {
  margin-bottom: 15px;
}

.giveNow .giftAmount .giftAmount1874 .additionalGiftAmount1874 p {
  margin-top: 10px;
}

.giveNow .giftAmount .giftAmount1874 .additionalGiftAmount1874 input {
  width: 100%;
  margin-top: 5px;
}

.giveNow .giftAmount .giftAmount1874 .dangleTone p {
  margin-bottom: 5px;
}

.giveNow .giftAmount .giftAmount1874 .giftMembership p {
  margin-bottom: 5px;
}

.giveNow .giftAmount .giftAmount1874 .giftMembership li {
  display: block;
  clear: both;
}

.giveNow .giftAmount .giftAmount1874 .sendDangle p {
  margin-bottom: 5px;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo label {
  font-family: "brownProBold", sans-serif;
  margin-right: 15px;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .item {
  float: left;
  width: 50%;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .item:first-child {
  padding-right: 30px;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .item input, .giveNow .giftAmount .giftAmount1874 .memberInfo .item select {
  width: 100%;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .item.schoolOrChapter {
  width: 100%;
  float: none;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberSchoolChapter {
  float: left;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .memberStreet {
  width: 100%;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .memberStreet label {
  width: 15%;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item {
  width: auto;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item input {
  width: 100%;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.cityItem {
  width: 50%;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.cityItem label {
  width: 34.5%;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.cityItem .spanField {
  padding-left: 0;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.stateItem {
  width: 25%;
  padding-right: 15px;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.stateItem label {
  width: auto;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.zipItem {
  width: 25%;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.zipItem label {
  width: auto;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .countryItem {
  width: 47%;
}

.giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .countryItem label {
  width: 32%;
}

.giveNow .giftReccurence .postback {
  padding-top: 0;
  margin-bottom: 10px;
}

.giveNow .total {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem;
}

.giveNow .choosePayment {
  text-align: center;
  border-top: 1px solid #ccc;
  padding-top: 15px;
  font-size: 24px;
  font-size: 2.4rem;
}

.giveNow .choosePayment ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.giveNow .choosePayment li {
  float: left;
  display: inline-block;
  list-style-type: none;
}

.giveNow .choosePayment li:first-child:after {
  content: '|';
  padding-left: 30px;
  margin-right: 30px;
  color: #ccc;
  font-size: 40px;
  position: relative;
  float: right;
}

.giveNow .choosePayment li:hover {
  opacity: .8;
}

.giveNow .formCategory h2 {
  clear: both;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "brownPro", sans-serif;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.giveNow .cardCode input {
  width: 15%;
  float: left;
  margin-right: 15px;
}

.giveNow .cardCode img {
  margin-top: -5px;
  float: left;
  width: 45%;
}

.giveNow .item {
  margin-bottom: 30px;
}

.giveNow .item .amountDue {
  float: right;
  color: #441155;
  font-family: "brownProBold", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

.giveNow label {
  float: left;
  width: 35%;
}

.giveNow label small {
  font-size: 12px;
  font-size: 1.2rem;
}

.giveNow input, .giveNow select {
  float: left;
  width: 65%;
}

.giveNow input[type='radio'], .giveNow input[type='checkbox'] {
  width: auto;
}

.giveNow .selectBoxes {
  width: 65%;
  float: left;
}

.giveNow select.expMonth {
  width: 40%;
  float: left;
  margin-right: 10%;
  box-sizing: border-box;
}

.giveNow select.expYear {
  width: 40%;
  float: left;
  box-sizing: border-box;
}

.giveNow .paymentInfo, .giveNow .billingInfo {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0;
  margin-bottom: 15px;
}

.giveNow .billingInfo .shipping {
  display: none;
}

.giveNow .stateZip .billingState, .giveNow .stateZip .shippingState {
  width: 35%;
  box-sizing: border-box;
}

.giveNow .stateZip input.billingState, .giveNow .stateZip input.shippingState {
  width: 15%;
  margin-right: 5%;
  float: left;
  box-sizing: border-box;
}

.giveNow .stateZip .billingZip, .giveNow .stateZip .shippingZip {
  width: 25%;
  float: left;
  box-sizing: border-box;
}

.giveNow .stateZip input.billingZip, .giveNow .stateZip input.shippingZip {
  width: 20%;
  float: left;
  box-sizing: border-box;
}

.giveNow .formCategory.billingInfo h2, .giveNow .formCategory.shippingInfo h2 {
  color: #441155;
  border-bottom: none;
  margin-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
}

.giveNow .shippingDiffThanBilling input {
  width: auto;
}

.giveNow .shippingDiffThanBilling label {
  width: 90%;
  font-family: "brownPro", sans-serif;
}

.giveNow .giveNowSubmit {
  margin-bottom: 30px;
}

.giveNow .giveNowSubmit .previous {
  float: left;
}

.giveNow .giveNowSubmit .previous .fa {
  padding-right: 5px;
}

.giveNow .giveNowSubmit .giveNowBtn {
  float: right;
}

.giveNow .giveNowSubmit .giveNowBtn .fa {
  padding-left: 5px;
}

.giveNow .giveNowSubmit:hover {
  color: #e72e2f;
}

.giveNow .giftRecurrence .item {
  float: left;
  margin-right: 30px;
  margin-bottom: 15px;
}

.giveNow .giftRecurrence .monthlyNotice {
  display: none;
  margin-bottom: 30px;
}

.giveNow .giftRecurrence .monthlyNotice a {
  color: #70b3c1;
}

.giveNow .giftRecurrence .monthlyNotice a.phone {
  color: #222;
}

.giveNow .giftRecurrence .monthlyNotice a:hover {
  color: #e72e2f;
}

.giveNow .matchingGift p {
  margin-bottom: 5px;
  margin-top: 0;
}

.giveNow .matchingGift .companyMatch {
  margin-top: 15px;
}

.giveNow .matchingGift .companyNameForMatch {
  display: none;
  padding-left: 20px;
}

.giveNow .matchingGift .companyNameForMatch label {
  font-family: "brownProBold", sans-serif;
  margin-right: 5px;
}

.giveNow .matchingGift .companyNameForMatch input {
  width: 50%;
  margin-bottom: 30px;
}

.giveNow .giftDesignation {
  margin-bottom: 15px;
}

.giveNow .giftDesignation .item {
  margin-bottom: 15px;
}

.giveNow .giftDesignation label {
  width: 95%;
  margin-left: 10px;
  font-family: "brownPro", sans-serif;
}

.giveNow .giftDesignation input.supportOtherBox {
  margin-left: 10px;
  width: 55%;
}

.giveNow .iAm {
  margin-bottom: 15px;
}

.giveNow .iAm .iAmDropdown {
  width: 45%;
  margin-bottom: 15px;
}

.giveNow .iAm .iAmMemberName {
  float: left;
  width: 45%;
  margin-right: 5%;
}

.giveNow .iAm .iAmMemberName input {
  width: 100%;
}

.giveNow .iAm .initiationCDropdown {
  float: left;
  width: 50%;
}

.giveNow .iAm .initiationCDropdown select {
  width: 100%;
}

.giveNow .allThatApply .item {
  float: none;
  margin-bottom: 10px;
}

.giveNow .allThatApply label {
  font-family: "brownPro", sans-serif;
}

.giveNow .tributeInfo {
  display: none;
  margin-top: 20px;
}

.giveNow .tributeInfo p {
  margin-top: 0;
  margin-bottom: 5px;
}

.giveNow .tributeInfo .item {
  width: auto;
  margin-right: 30px;
  display: inline-block;
}

.giveNow .tributeInfo label {
  width: auto;
}

.giveNow .tributeInfo .name {
  margin-bottom: 15px;
}

.giveNow .tributeInfo .sendNoticeToWrapper {
  display: none;
}

.giveNow .tributeInfo .notice {
  margin-bottom: 15px;
}

.giveNow .tributeInfo .noticeName {
  margin-bottom: 15px;
}

.giveNow .tributeInfo .noticeName label {
  margin-right: 10px;
}

.giveNow .tributeInfo .sendNoticeAddress .item {
  margin-bottom: 30px;
}

.giveNow .tributeInfo .sendNoticeAddress .street {
  width: 100%;
}

.giveNow .tributeInfo .sendNoticeAddress .street input {
  width: 100%;
}

.giveNow .tributeInfo .sendNoticeAddress .street label {
  width: 16.5%;
}

.giveNow .tributeInfo .sendNoticeAddress .street .spanField {
  padding-left: 0;
}

.giveNow .tributeInfo .sendNoticeAddress .address .item {
  width: auto;
  margin-right: 0;
  box-sizing: border-box;
}

.giveNow .tributeInfo .sendNoticeAddress .address .item input {
  width: 100%;
}

.giveNow .tributeInfo .sendNoticeAddress .address .item.cityItem {
  width: 50%;
  padding-right: 15px;
}

.giveNow .tributeInfo .sendNoticeAddress .address .item.cityItem label {
  width: 34%;
}

.giveNow .tributeInfo .sendNoticeAddress .address .item.cityItem .spanField {
  padding-left: 0;
}

.giveNow .tributeInfo .sendNoticeAddress .address .item.stateItem {
  width: 25%;
  padding-right: 15px;
}

.giveNow .tributeInfo .sendNoticeAddress .address .item.stateItem label {
  width: auto;
}

.giveNow .tributeInfo .sendNoticeAddress .address .item.zipItem {
  width: 24%;
}

.giveNow .tributeInfo .sendNoticeAddress .address .item.zipItem label {
  width: auto;
}

.giveNow .tributeInfo .sendNoticeAddress .countryItem {
  width: 47%;
}

.giveNow .tributeInfo .sendNoticeAddress .countryItem label {
  width: 35%;
}

.giveNow .tributeInfo .sendNoticeAddress .countryItem .spanField {
  padding-left: 0;
}

.giveNow .additionalComments {
  margin-bottom: 20px;
}

.giveNow .additionalComments .comments {
  margin-bottom: 10px;
  min-height: 165px;
}

.giveNow .additionalComments .characterLimit {
  font-size: 13px;
  font-size: 1.3rem;
}

.giveNow .nextStep {
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .giveNow {
    padding: 0 15px;
  }
  .giveNow .giftAmount .giftMembership li label {
    width: 95%;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item input {
    padding: 5px;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.cityItem {
    width: 46%;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.zipItem {
    width: 29%;
  }
  .giveNow .allThatApply label {
    width: auto;
  }
  .giveNow .tributeInfo .sendNoticeAddress .street {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
  }
  .giveNow .tributeInfo .sendNoticeAddress .street label {
    float: none;
    width: 100%;
    display: block;
    margin-bottom: 15px;
  }
  .giveNow .tributeInfo .sendNoticeAddress .street .spanField {
    padding-left: 0;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item {
    margin-bottom: 15px;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item.cityItem {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item.cityItem label {
    float: none;
    width: 100%;
    display: block;
    margin-bottom: 15px;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item.cityItem .spanField {
    padding-left: 0;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item.stateItem {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item.stateItem label {
    float: none;
    width: 100%;
    display: block;
    margin-bottom: 15px;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item.stateItem .spanField {
    padding-left: 0;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item.zipItem {
    float: none;
    width: 100%;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item.zipItem label {
    float: none;
    width: 100%;
    display: block;
    margin-bottom: 15px;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item.zipItem .spanField {
    padding-left: 0;
  }
  .giveNow .tributeInfo .sendNoticeAddress .countryItem {
    float: none;
    width: 100%;
  }
  .giveNow .tributeInfo .sendNoticeAddress .countryItem label {
    float: none;
    width: 100%;
    display: block;
    margin-bottom: 15px;
  }
  .giveNow .tributeInfo .sendNoticeAddress .countryItem .spanField {
    padding-left: 0;
  }
  .giveNow .tributeInfo .sendNoticeAddress .countryItem select {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .memberStreet {
    margin-bottom: 15px;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .memberStreet label {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    display: block;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .memberStreet .spanField {
    padding-left: 0;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item {
    margin-bottom: 15px;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item:first-child {
    padding-right: 0;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item input {
    padding: 5px;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item label {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item .spanField {
    padding-left: 0;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.cityItem {
    width: 100%;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.cityItem input {
    float: none;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.cityItem label {
    width: 100%;
    margin-bottom: 15px;
    display: block;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.stateItem {
    width: 100%;
    padding-right: 0;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.stateItem input {
    float: none;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.stateItem label {
    width: 100%;
    margin-bottom: 15px;
    display: block;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.zipItem {
    width: 100%;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.zipItem input {
    float: none;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.zipItem label {
    width: 100%;
    margin-bottom: 15px;
    display: block;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .countryItem {
    width: 100%;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .countryItem input {
    float: none;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .countryItem label {
    width: 100%;
    margin-bottom: 15px;
    display: block;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .countryItem .spanField {
    padding-left: 0;
  }
  .giveNow .choosePayment {
    text-align: left;
  }
  .giveNow .choosePayment ul {
    display: block;
  }
  .giveNow .choosePayment li {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .giveNow .choosePayment li:first-child:after {
    display: none;
  }
}

@media (max-width: 640px) {
  .giveNow .column, .giveNow .columns {
    padding-right: 0;
  }
  .giveNow .introText {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .giveNow label {
    margin-bottom: 10px;
    float: none;
    width: 100%;
  }
  .giveNow input, .giveNow select {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .giveNow .item {
    margin-bottom: 0;
  }
  .giveNow h1 {
    margin-bottom: 15px;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .giveNow h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .giveNow .pageTitle .requiredFields {
    margin-top: 15px;
  }
  .giveNow .formCategory h2 {
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
  .giveNow .item .amountDue {
    margin: 15px 0 10px 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .giveNow .cardCode input {
    width: 20%;
  }
  .giveNow .cardCode img {
    margin-top: 0;
    width: 70%;
  }
  .giveNow .selectBoxes {
    float: none;
    width: 100%;
  }
  .giveNow select.expYear {
    width: 50%;
  }
  .giveNow .stateZip input.billingState, .giveNow .stateZip input.shippingState, .giveNow .stateZip .billingZip, .giveNow .stateZip .shippingZip, .giveNow .stateZip input.billingZip, .giveNow .stateZip input.shippingZip {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .giveNow .shippingDiffThanBilling input {
    float: left;
  }
  .giveNow .giveNowSubmit {
    margin-bottom: 20px;
  }
  .giveNow .introText h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin: 0 0 20px 0;
  }
  .giveNow .giftAmount li {
    display: block;
    margin-right: 0;
    clear: both;
  }
  .giveNow .giftAmount input {
    float: left;
  }
  .giveNow .giftAmount .giftAmountOther label {
    float: left;
    font-size: 20px;
    font-size: 2rem;
    margin-top: 5px;
  }
  .giveNow .giftAmount .giftAmountOther input {
    margin-bottom: 0;
  }
  .giveNow .giftAmount .giftAmount1874 ul.givingCircleYears li {
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .item {
    float: none;
    width: 100%;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .item:first-child {
    padding-right: 0;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberSchoolChapter {
    float: none;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .memberStreet label {
    width: 100%;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.cityItem, .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.stateItem, .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item.zipItem, .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .address .item input {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .giveNow .giftAmount .giftAmount1874 .memberInfo .memberShippingAddress .countryItem {
    width: 100%;
  }
  .giveNow .giftDesignation label {
    float: left;
    width: 90%;
  }
  .giveNow .giftDesignation input[type='radio'] {
    float: left;
  }
  .giveNow .giftDesignation input.supportOtherBox {
    margin-bottom: 0;
  }
  .giveNow .iAm .iAmDropdown, .giveNow .iAm .initiationCDropdown {
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .giveNow .iAm .iAmMemberName {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .giveNow .iAm .iAmMemberName input {
    margin-bottom: 0;
  }
  .giveNow .iAm .iAmMemberName p {
    margin-top: 0;
  }
  .giveNow input[type='radio'], .giveNow input[type='checkbox'] {
    float: left;
  }
  .giveNow .matchingGift .companyNameForMatch {
    padding-left: 0;
  }
  .giveNow .matchingGift .companyNameForMatch input {
    float: none;
    width: 100%;
  }
  .giveNow .giftRecurrence .item {
    margin-bottom: 10px;
  }
  .giveNow .allThatApply .item {
    margin-bottom: 0;
  }
  .giveNow .tributeInfo .sendNoticeAddress .item {
    margin-bottom: 15px;
  }
  .giveNow .tributeInfo .sendNoticeAddress .street label {
    width: 100%;
  }
  .giveNow .tributeInfo .sendNoticeAddress .address .item.cityItem, .giveNow .tributeInfo .sendNoticeAddress .address .item.stateItem, .giveNow .tributeInfo .sendNoticeAddress .address .item.zipItem {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: 15px;
  }
  .giveNow .tributeInfo .sendNoticeAddress .countryItem {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .giveNow .tributeInfo .sendNoticeAddress .countryItem .spanField {
    padding-left: 0;
  }
  .giveNow .tributeInfo .sendNoticeAddress .countryItem select {
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.findSister {
  padding-left: 40px;
}

.findSister .findSisterForm {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  margin-top: 20px;
}

.findSister .findSisterForm ul {
  margin: 0;
  padding: 0;
}

.findSister .findSisterForm li {
  width: 50%;
  float: left;
  margin-bottom: 30px;
  list-style-type: none;
  box-sizing: border-box;
}

.findSister .findSisterForm li:nth-child(even) {
  padding-left: 30px;
}

.findSister .findSisterForm li label {
  float: left;
  width: 31%;
}

.findSister .findSisterForm li input, .findSister .findSisterForm li select {
  float: left;
  width: 69%;
}

.findSister .findSisterForm li select[id='yearJoined'] {
  width: 30%;
}

.findSister .findSisterForm li input[id='postalCode'] {
  width: 35%;
}

.findSister .ctaBtn {
  color: #441155;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 20px;
  float: right;
  background: none;
  border: none;
}

.findSister .ctaBtn.noMarg {
  margin-bottom: 0;
}

.findSister .sisterResults {
  margin-bottom: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

@media (max-width: 1024px) {
  .findSister {
    padding: 0 10px;
  }
  .findSister .findSisterForm li {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .findSister .findSisterForm li:nth-child(even) {
    padding-left: 0;
  }
  .findSister .findSisterForm li label {
    margin-bottom: 15px;
    display: block;
  }
  .findSister .findSisterForm li label, .findSister .findSisterForm li input, .findSister .findSisterForm li select {
    float: none;
    width: 100%;
  }
  .findSister .findSisterForm li select[id='yearJoined'] {
    width: 100%;
  }
  .findSister .findSisterForm li input[id='postalCode'] {
    width: 100%;
  }
  .findSister .sisterResults table thead th:not(:first-child) {
    display: none;
  }
  .findSister .sisterResults table tbody td:not(:first-child) {
    display: none;
  }
}

.profile {
  margin-bottom: 15px;
  margin-top: 30px;
}

.profile .sidebar {
  background: #faf7fb;
  padding-right: 0;
  border: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

.profile .sidebar .memberPic {
  width: 100%;
}

.profile .sidebar .buttonLinks ul {
  margin: 0;
}

.profile .sidebar .buttonLinks li {
  list-style-type: none;
  font-size: 24px;
  font-size: 2.4rem;
  color: #441155;
}

.profile .sidebar .buttonLinks li .fa {
  float: right;
}

.profile .sidebar .buttonLinks li.border {
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
}

.profile .sidebar .buttonLinks li:last-child {
  margin-bottom: 0;
}

.profile .sidebar article {
  padding: 15px 0;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 15px;
  font-size: 13px;
  font-size: 1.3rem;
}

.profile .sidebar article:last-child {
  border-bottom: none;
  padding: 5px 0 0 0;
}

.profile .sidebar article h3 {
  color: #222;
  font-size: 17px;
  font-size: 1.7rem;
}

.profile .profileMember {
  padding-left: 30px;
}

.profile .item {
  margin-bottom: 20px;
}

.profile .item:last-child {
  margin-bottom: 0;
}

.profile h1 {
  color: #441155;
  margin: 0;
}

.profile h2 {
  padding-top: 5px;
}

.profile article {
  margin-bottom: 20px;
}

.profile article h2 {
  border-bottom: 1px solid #e6e6e6;
  font-family: "brownPro", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  padding-bottom: 10px;
  margin: 0 0 10px 0;
  color: #881133;
}

.profile article .address .title {
  float: left;
  width: 65px;
}

.profile article .address address {
  float: left;
  font-style: normal;
}

.profile article .active {
  color: #0a6700;
}

.profile article .active strong {
  color: #222;
}

.profile .banner {
  margin-bottom: 30px;
}

.profile h2 {
  color: #441155;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "brownPro", sans-serif;
  margin: 0;
}

.profile h3 {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "brownPro", sans-serif;
}

.profile .memberHeader {
  margin-bottom: 15px;
}

.profile ul {
  margin: 0;
  padding: 0;
}

.profile li {
  list-style-type: none;
  clear: left;
  margin-bottom: 15px;
}

.profile li .title {
  font-family: "brownProBold", sans-serif;
  width: 25%;
  float: left;
}

.profile li .desc {
  float: left;
  width: 75%;
  word-wrap: break-word;
}

.profile .chapterFacts {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding-right: 15px;
}

.profile .chapterOfficers {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.profile .chapterOfficers li .title {
  width: 50%;
}

.profile .chapterOfficers li .desc {
  width: 50%;
}

.profile .chapterOfficers a {
  color: #70b3c1;
  text-decoration: underline;
}

.profile .chapterOfficers a:hover {
  color: #e72e2f;
}

.profile .affiliations a {
  color: #70b3c1;
  text-decoration: underline;
}

.profile .affiliations a:hover {
  color: #e72e2f;
}

@media (max-width: 1024px) {
  .profile .memberHeader {
    padding: 0 15px;
  }
  .profile .chapterFacts, .profile .chapterOfficers {
    padding: 0 15px;
  }
}

@media (max-width: 640px) {
  .profile .profileMember {
    padding: 0 15px;
    margin-bottom: 0;
  }
  .profile .sidebar {
    height: auto !important;
    margin-bottom: 20px;
  }
  .profile .sidebar h1 {
    margin: 15px 10px 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
  }
  .profile .sidebar article {
    padding: 5px 0;
  }
  .profile .sidebar .buttonLinks li.border {
    padding-top: 10px;
  }
  .profile article:last-child {
    margin-bottom: 15px;
  }
  .profile .banner {
    margin-bottom: 15px;
  }
  .profile .memberHeader {
    padding: 0 15px 0 15px;
  }
  .profile .chapterFacts, .profile .chapterOfficers {
    float: none;
    width: 100%;
  }
  .profile h1 {
    margin: 0;
  }
  .profile h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .profile h3 {
    margin-top: 20px;
  }
  .profile li .title {
    font-size: 13px;
    font-size: 1.3rem;
    width: 30%;
  }
  .profile li .desc {
    font-size: 13px;
    font-size: 1.3rem;
    width: 70%;
  }
  .profile .chapterOfficers li .title, .profile .chapterOfficers li .desc {
    float: none;
    width: 100%;
  }
}

.stories {
  margin-bottom: 30px;
}

.stories h1 {
  margin: 0 0 25px 0;
}

.stories .sidebar {
  padding-right: 30px;
}

.stories .sidebar .collapseFiltersBtn {
  display: none;
  background: #faf7fb;
  padding: 15px;
  border: 1px solid #e6e6e6;
  margin-bottom: 15px;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "brownProBold", sans-serif;
  cursor: pointer;
}

.stories .sidebar .collapseFiltersBtn:hover {
  color: #881133;
}

.stories .sidebar .collapseFiltersBtn .fa {
  margin-right: 5px;
}

.stories .sidebar article {
  background: #faf7fb;
  padding: 15px;
  border: 1px solid #e6e6e6;
  margin-bottom: 15px;
}

.stories .sidebar article h3 {
  color: #441155;
  font-size: 17px;
  font-size: 1.7rem;
  margin-top: 0;
}

.stories .sidebar article ul {
  padding: 0;
  margin: 0;
}

.stories .sidebar article li {
  list-style-type: none;
  margin-bottom: 10px;
}

.stories .sidebar article li:last-child {
  margin-bottom: 0;
}

.stories .sidebar article li a {
  color: #222;
}

.stories .sidebar article li a:hover {
  color: #881133;
  text-decoration: underline;
}

.stories .sidebar .submitStory a {
  color: #441155;
  font-family: "brownProBold", sans-serif;
}

.stories .sidebar .submitStory a:hover {
  color: #881133;
}

.stories .sidebar .submitStory a .fa {
  margin-right: 5px;
}

.stories .sidebar .olderBtn {
  color: #441155;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "brownProBold", sans-serif;
  display: block;
  margin-top: 10px;
}

.stories .sidebar .olderBtn .fa {
  margin-right: 5px;
}

.stories .storyHeadline {
  color: #441155;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 22px;
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: 0;
  font-family: "brownPro", sans-serif;
}

.stories .storyHeadline .date {
  color: #881133;
}

.stories .storiesList ul {
  padding: 0;
  margin: 0;
}

.stories .storiesList li {
  list-style-type: none;
  width: 33.33%;
  float: left;
  margin-bottom: 30px;
  box-sizing: border-box;
  padding-right: 5%;
  font-size: 13px;
  font-size: 1.3rem;
}

.stories .storiesList li h3 {
  color: #222;
  font-family: "brownProBold", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 15px 0 5px 0;
  line-height: 1.3;
}

.stories .storiesList li .pic {
  position: relative;
  height: 165px;
  overflow: hidden;
}

.stories .storiesList li .pic img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  margin-left: 50%;
  min-width: 100%;
}

.stories .storiesList li .timestamp {
  margin-bottom: 10px;
}

.stories .storiesList li .desc {
  margin-bottom: 5px;
}

.stories .storiesList li .readMore {
  font-size: 20px;
  font-size: 2rem;
  color: #441155;
  margin-bottom: 5px;
  display: block;
}

.stories .storiesList li .posted {
  font-family: "brownProBold", sans-serif;
}

.stories .storiesList li .posted span {
  font-family: "brownPro", sans-serif;
}

.stories .storiesList li .posted a {
  color: #222;
}

.stories .storiesList li .posted a:hover {
  color: #e72e2f;
}

@media (max-width: 1024px) {
  .stories {
    padding: 0 15px;
  }
  .stories .storiesList li .pic {
    height: 115px;
  }
}

@media (min-width: 641px) {
  .stories .filtersWrapper {
    display: block !important;
  }
}

@media (max-width: 640px) {
  .stories .sidebar {
    padding-right: 0;
  }
  .stories .sidebar .submitStory {
    text-align: center;
  }
  .stories .sidebar .collapseFiltersBtn {
    display: block;
  }
  .stories .sidebar .filtersWrapper {
    display: none;
  }
  .stories .storyHeadline {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .stories .storiesList li {
    width: 100%;
    float: none;
    height: auto !important;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
    padding-right: 0;
    height: auto !important;
  }
  .stories .storiesList li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .stories .storiesList li .pic {
    height: auto;
    width: 100%;
    overflow: auto;
  }
  .stories .storiesList li .pic img {
    position: relative;
    width: 100%;
    margin-left: 0;
    -webkit-transform: initial;
    -ms-transform: initial;
        transform: initial;
    min-width: 0;
    min-height: 0;
  }
  .stories .storiesList li h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .stories .storyHeadline {
    margin-top: 25px;
  }
  .stories .posted {
    margin-bottom: 0;
  }
}

.storyDetail .pic {
  float: left;
  padding: 0 15px 15px 0;
  max-width: 50%;
}

.storyDetail h3 {
  color: #222;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 0 0 5px 0;
  line-height: 1.3;
}

.storyDetail .timestamp {
  margin-bottom: 10px;
}

.storyDetail .desc {
  padding-bottom: 30px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

.storyDetail .desc a {
  color: #70b3c1;
}

.storyDetail .desc a:hover {
  color: #e72e2f;
}

.storyDetail .readMore {
  font-size: 20px;
  font-size: 2rem;
  color: #441155;
  margin-bottom: 10px;
  display: block;
}

.storyDetail .posted {
  font-family: "brownProBold", sans-serif;
}

.storyDetail .posted span {
  font-family: "brownPro", sans-serif;
}

.storyDetail .posted a {
  color: #222;
}

.storyDetail .posted a:hover {
  color: #e72e2f;
}

.storyDetail .posted {
  float: left;
  width: 45%;
}

.storyDetail .backToStories {
  float: right;
  width: 50%;
  font-family: "brownProBold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
}

.storyDetail .backToStories a {
  color: #222;
}

.storyDetail .backToStories a:hover {
  color: #e72e2f;
}

.storyDetail .backToStories .fa {
  margin-right: 5px;
}

@media (max-width: 640px) {
  .storyDetail .pic {
    float: none;
    height: auto;
    padding: 0 0 15px 0;
  }
  .storyDetail .pic img {
    position: relative;
    width: 100%;
  }
  .storyDetail h3 {
    line-height: 1;
    margin-bottom: 10px;
  }
  .storyDetail .desc {
    padding-bottom: 15px;
  }
  .storyDetail .posted {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.payDues {
  padding-left: 50px;
}

.payDues .column, .payDues .columns {
  padding-right: 30px;
}

.payDues .pageTitle h1 {
  display: inline-block;
  float: left;
  margin-top: 0;
}

.payDues .pageTitle .requiredFields {
  display: inline-block;
  float: right;
  margin-top: 25px;
}

.payDues .formCategory h2 {
  clear: both;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "brownPro", sans-serif;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.payDues .cardCode input {
  width: 17%;
  float: left;
  margin-right: 15px;
}

.payDues .cardCode img {
  margin-top: -5px;
  float: left;
  width: 43%;
}

.payDues .item {
  margin-bottom: 30px;
}

.payDues .item .amountDue {
  float: right;
  color: #441155;
  font-family: "brownProBold", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

.payDues label {
  float: left;
  width: 35%;
}

.payDues label small {
  font-size: 12px;
  font-size: 1.2rem;
}

.payDues input, .payDues select {
  float: left;
  width: 65%;
}

.payDues .selectBoxes {
  width: 65%;
  float: left;
}

.payDues select.expMonth {
  width: 40%;
  float: left;
  margin-right: 10%;
  box-sizing: border-box;
}

.payDues select.expYear {
  width: 40%;
  float: left;
  box-sizing: border-box;
}

.payDues .paymentInfo, .payDues .billingInfo {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0;
  margin-bottom: 15px;
}

.payDues .billingInfo .shipping {
  display: none;
}

.payDues .stateZip .billingState, .payDues .stateZip .shippingState {
  width: 35%;
  box-sizing: border-box;
}

.payDues .stateZip input.billingState, .payDues .stateZip input.shippingState {
  width: 15%;
  margin-right: 5%;
  float: left;
  box-sizing: border-box;
}

.payDues .stateZip .billingZip, .payDues .stateZip .shippingZip {
  width: 25%;
  float: left;
  box-sizing: border-box;
}

.payDues .stateZip input.billingZip, .payDues .stateZip input.shippingZip {
  width: 20%;
  float: left;
  box-sizing: border-box;
}

.payDues .formCategory.billingInfo h2, .payDues .formCategory.shippingInfo h2 {
  color: #441155;
  border-bottom: none;
  margin-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
}

.payDues .shippingDiffThanBilling input {
  width: auto;
}

.payDues .shippingDiffThanBilling label {
  width: 90%;
  font-family: "brownPro", sans-serif;
}

.payDues .payDuesSubmit {
  margin-bottom: 30px;
}

.payDues .introText {
  margin-bottom: 30px;
}

.payDues .introText h2 {
  color: #222;
  font-size: 34px;
  font-size: 3.4rem;
  margin: 0 0 30px 0;
  font-family: "brownProLight", sans-serif;
}

.payDues .introText h3 {
  color: #441155;
  margin: 15px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.payDues .introText ul {
  margin: 5px 0 5px 20px;
}

@media (max-width: 1024px) {
  .payDues {
    padding: 0 15px;
  }
  .payDues .pageTitle {
    padding: 0;
  }
  .payDues .cardCode input {
    width: 65%;
    float: none;
    margin-right: 0;
  }
  .payDues .cardCode img {
    margin-top: 15px;
    float: none;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .payDues .column, .payDues .columns {
    padding-right: 0;
  }
  .payDues label {
    margin-bottom: 10px;
    float: none;
    width: 100%;
  }
  .payDues input, .payDues select {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .payDues .item {
    margin-bottom: 0;
  }
  .payDues h1 {
    margin-bottom: 15px;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .payDues h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .payDues .pageTitle .requiredFields {
    margin-top: 15px;
  }
  .payDues .formCategory h2 {
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
  .payDues .item .amountDue {
    margin: 15px 0 10px 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .payDues .cardCode input {
    margin-bottom: 0;
  }
  .payDues .cardCode img {
    margin-bottom: 10px;
  }
  .payDues .selectBoxes {
    float: none;
    width: 100%;
  }
  .payDues select.expYear {
    width: 50%;
  }
  .payDues .stateZip input.billingState, .payDues .stateZip input.shippingState, .payDues .stateZip .billingZip, .payDues .stateZip .shippingZip, .payDues .stateZip input.billingZip, .payDues .stateZip input.shippingZip {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .payDues .shippingDiffThanBilling input {
    float: left;
  }
  .payDues .payDuesSubmit {
    margin-bottom: 20px;
  }
  .payDues .introText h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin: 0 0 20px 0;
  }
  .payDues .introText h3 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "brownProBold", sans-serif;
    margin: 10px 0 0 0;
  }
}

.catalogWrapper .pageBanner {
  margin: 0 0 15px 0;
}

.catalog {
  margin-top: 15px;
}

.catalog .genericHTML a {
  color: #70b3c1;
}

.catalog .genericHTML a:hover {
  color: #e72e2f;
}

.catalog .catalogWidget {
  margin-bottom: 30px;
}

.catalog .catalogWidget h2 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.catalog .catalogWidget article {
  margin-bottom: 15px;
}

.catalog .catalogWidget article .photo {
  margin-bottom: 15px;
}

.catalog .catalogWidget article .photo img {
  border: 1px solid #e6e6e6;
}

.catalog .catalogWidget article ul {
  padding: 0;
  margin: 0;
}

.catalog .catalogWidget article li {
  list-style-type: none;
}

.catalog .catalogWidget article a:hover {
  text-decoration: underline;
  color: #441155;
  font-family: "brownProBold", sans-serif;
}

.catalog .catalogWidget article a:after {
  content: '>';
  margin-left: 5px;
}

@media (max-width: 1024px) {
  .catalog {
    padding: 0 15px;
  }
  .catalog .catalogWidget article {
    padding: 0;
  }
}

@media (max-width: 640px) {
  .catalog .catalogWidget article {
    height: auto !important;
    margin-bottom: 25px;
  }
  .catalog .catalogWidget article:last-child {
    margin-bottom: 0;
  }
}

.featuredWorkshop {
  margin: 25px 0;
  border: 1px solid #ccc;
  background: #faf7fb;
}

.featuredWorkshop .logo {
  margin-right: 15px;
  float: left;
}

.featuredWorkshop .workshopInfo {
  padding: 15px 25px;
  box-sizing: border-box;
}

.featuredWorkshop .workshopInfo .workshopIcon {
  float: left;
  box-sizing: border-box;
  margin-right: 15px;
}

.featuredWorkshop .workshopInfo .details {
  box-sizing: border-box;
}

.featuredWorkshop .workshopInfo .details h2 {
  margin: 0 0 5px 0;
  font-size: 21px;
  font-size: 2.1rem;
  color: #441155;
}

.featuredWorkshop .workshopInfo .details .learnMore {
  float: right;
  color: #70b3c1;
  font-family: "brownProBold", sans-serif;
}

.featuredWorkshop .workshopInfo .details .learnMore:hover {
  color: #e72e2f;
}

.featuredWorkshop .workshopInfo .details .desc {
  line-height: 1.6;
}

@media (max-width: 640px) {
  .featuredWorkshop {
    margin: 20px 0;
  }
  .featuredWorkshop .logo {
    float: none;
    width: 100%;
  }
  .featuredWorkshop .logo img {
    width: 100%;
  }
  .featuredWorkshop .workshopInfo {
    float: none;
    width: 100%;
    padding: 15px;
  }
  .featuredWorkshop .workshopInfo .workshopIcon {
    width: 25%;
    margin-bottom: 10px;
  }
  .featuredWorkshop .workshopInfo .details h2 {
    margin: 0 0 0 30%;
  }
  .featuredWorkshop .workshopInfo .details .desc {
    clear: both;
    margin-top: 15px;
  }
  .featuredWorkshop .workshopInfo .details .desc .learnMore {
    clear: both;
    float: none;
    display: block;
    margin-top: 15px;
  }
}

.profileListing .introText {
  line-height: 1.5;
}

.profileListing h2 {
  font-size: 24px;
  font-size: 2.4rem;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 15px;
  margin-top: 0;
  padding-bottom: 15px;
  font-family: "brownPro", sans-serif;
}

.profileListing .employeeList .employee {
  width: 24.5%;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  padding-right: 15px;
  margin-bottom: 30px;
  box-sizing: border-box;
}

.profileListing .employeeList .employee img {
  border: 1px solid #e8e8e8;
  width: 100%;
}

.profileListing .employeeList .employee .name {
  color: #222;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 5px;
}

.profileListing .employeeList .employee .position {
  text-align: center;
  min-height: 30px;
}

.profileListing .employeeList .employee .email {
  text-align: center;
  word-break: break-all;
  margin-top: 5px;
}

.profileListing .employeeList .employee .email a {
  color: #70b3c1;
}

.profileListing .employeeList .employee .email a:hover {
  color: #e72e2f;
}

.profileListing .employeeList .employee .bioBtn {
  border: 1px solid #e8e8e8;
  text-align: center;
  padding: 10px 0;
  margin-top: 15px;
  font-family: "brownProBold", sans-serif;
  z-index: 2;
}

.profileListing .employeeList .employee .bioBtn:hover {
  color: #e72e2f;
  cursor: pointer;
}

.profileListing .employeeList .employee .bio {
  display: none;
}

.profileListing .employeeList .employee.active .bioBtn {
  border-bottom: 1px solid #FFF;
  padding-bottom: 30px;
}

.profileListing .employeeList .employee-bio {
  border: 1px solid #e8e8e8;
  padding: 15px;
  margin: -31px 24px 30px 0;
  z-index: 1;
}

.profileListing .employeeList .employee-bio .bio {
  display: block;
}

@media (max-width: 1024px) {
  .profileListing {
    padding: 0 15px;
  }
  .profileListing .employeeList .employee {
    width: 32.5%;
  }
  .profileListing .employeeList .employee-bio {
    margin: -31px 22px 30px 0;
  }
}

@media (max-width: 768px) {
  .profileListing {
    padding: 0 15px;
  }
  .profileListing .employeeList .employee-bio {
    margin: -31px 16px 30px 0;
  }
}

@media (max-width: 640px) {
  .profileListing .employeeList .employee {
    width: 100%;
    display: block;
    padding-right: 0;
  }
  .profileListing .employeeList .employee img {
    width: 100%;
  }
  .profileListing .employeeList .employee.active .bioBtn {
    border-bottom: none;
    padding-bottom: 0;
  }
  .profileListing .employeeList .employee-bio {
    border-top: none;
    margin: -31px 0px 30px 0;
  }
}

.gallery ul {
  margin: 0;
  padding: 0;
}

.gallery li {
  list-style-type: none;
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding-right: 30px;
  margin-bottom: 30px;
  text-align: center;
}

.gallery li .photo {
  position: relative;
  margin-bottom: 15px;
}

.gallery li .photo .overlay {
  display: none;
  background: #441155;
  color: #FFF;
  position: absolute;
  bottom: 0;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}

.gallery li .photo .overlay .fa {
  margin-right: 5px;
}

.gallery li .photo .overlay a {
  color: #FFF;
}

.gallery li .photo .overlay a:hover {
  color: #e72e2f;
}

.gallery li .photo:hover .overlay {
  cursor: pointer;
}

.gallery li .title {
  color: #441155;
  font-family: "brownProBold", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

.gallery .albumGrid li .picInfo {
  display: none;
}

.gallery .albumGrid li .modalContent {
  display: none;
}

.albumModal .picInfo {
  padding: 15px;
  position: relative;
}

.albumModal .picInfo .popupImage {
  width: 100%;
}

.albumModal .picInfo .title {
  color: #441155;
  font-family: "brownProBold", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
  display: inline-block;
  float: left;
}

.albumModal .picInfo .count {
  float: right;
  color: #441155;
  font-family: "brownProBold", sans-serif;
}

.albumModal .picInfo .desc {
  clear: both;
  line-height: 1.4;
}

.albumModal .fancybox-title {
  display: none;
}

@media (max-width: 1024px) {
  .gallery {
    padding: 0 15px;
  }
}

@media (max-width: 640px) {
  .gallery li {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
  .gallery img {
    width: 100%;
  }
}

.chapterMap .map {
  text-align: center;
  margin-bottom: 30px;
}

.chapterMap .jumpToStates {
  margin-bottom: 30px;
}

.chapterMap .jumpToStates span {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  font-family: "brownProBold", sans-serif;
}

.chapterMap .jumpToStates .selectWrapper {
  display: block;
  overflow: hidden;
  padding-left: 10px;
}

.chapterMap .jumpToStates .selectWrapper > select {
  width: 100%;
}

.chapterMap .responsiveTable {
  border: none;
}

.chapterMap .responsiveTable tbody tr.state td {
  background: #FFF;
  color: #881133;
  font-family: "brownProBold", sans-serif;
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}

.chapterMap .responsiveTable tbody td.chapterName a {
  color: #441155;
  text-decoration: none;
}

.chapterMap .responsiveTable tbody td.chapterName a:hover {
  color: #e72e2f;
}

.chapterMap .responsiveTable tbody td.website {
  color: #70b3c1;
}

.chapterMap .responsiveTable tbody td.website:hover {
  color: #e72e2f;
}

@media (max-width: 1024px) {
  .chapterMap {
    padding: 0 15px;
  }
}

@media (max-width: 640px) {
  .chapterMap .jumpToStates {
    margin-bottom: 0;
  }
  .chapterMap .jumpToStates .selectWrapper > select {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .chapterLink {
    color: #441155 !important;
    text-decoration: none;
  }
  .chapterLink:hover {
    color: #e72e2f;
  }
}

.iMis a {
  color: #70b3c1;
}

.iMis a:hover {
  color: #e72e2f;
}

.iMis .introText {
  margin-bottom: 30px;
}

.iMis .introText p:first-child {
  margin-top: 0;
}

.iMis .introText p:last-child {
  margin-bottom: 0;
}

.iMis .tabIntro {
  margin: 15px 0 30px 0;
  line-height: 1.4;
}

.iMis table {
  margin-bottom: 20px;
}

.iMis h2 {
  font-family: "brownPro", sans-serif;
}

.iMis .responsiveTable tbody tr td:first-child {
  width: 40%;
}

@media (max-width: 1024px) {
  .iMis {
    padding: 0 15px;
  }
}

.widget-social-icons {
  background: #faf7fb;
  border: 1px solid #e6e6e6;
  padding: 15px 30px 8px 30px;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}

.widget-social-icons h4 {
  color: #441155;
  margin: 0 0 15px 0;
}

.widget-social-icons ul {
  margin: 0;
}

.searchResults .searchBox {
  position: relative;
  width: 85%;
  color: #222;
  margin-bottom: 15px;
  float: left;
  box-sizing: border-box;
}

.searchResults .searchBox .icon {
  position: absolute;
  right: 15px;
  top: 9px;
  font-size: 18px;
  color: #ccc;
}

.searchResults .searchBtn {
  float: right;
  width: 15%;
  padding: 0;
  box-sizing: border-box;
}

.searchResults .resultHits {
  font-size: 16px;
  font-size: 1.6rem;
}

.searchResults .results {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 25px 0 25px 0;
  margin: 25px 0 25px 0;
}

.searchResults .results .result {
  margin-bottom: 30px;
}

.searchResults .results .result:last-child {
  margin-bottom: 0;
}

.searchResults .results .result .title a {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "brownProBold", sans-serif;
  color: #70b3c1;
}

.searchResults .results .result .title a:hover {
  color: #e72e2f;
  text-decoration: underline;
  margin-bottom: 5px;
}

.searchResults .results .result .summary {
  line-height: 1.5;
}

.searchResults .results .result .summary:after {
  content: '...';
}

@media (max-width: 1024px) {
  .searchResults {
    padding: 0 15px;
  }
}

@media (max-width: 640px) {
  .searchResults .searchBox {
    width: 100%;
    float: none;
  }
  .searchResults .searchBtn {
    width: auto;
    float: right;
    margin-bottom: 25px;
  }
  .searchResults .results {
    margin: 25px 0 15px 0;
  }
}

/*# sourceMappingURL=styles.css.map */