/* HTML element (SMACSS base) rules */
/**
 * @file
 * Normalize.css is intended to be used as an alternative to CSS resets.
 *
 * This file is a slight fork of these original sources:
 * - normalize.css v2.1.2 | MIT License | git.io/normalize
 * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass
 *
 * It's suggested that you read the normalize.scss file and customise it to meet
 * your needs, rather then including the file in your project and overriding the
 * defaults later in your CSS.
 * @see http://nicolasgallagher.com/about-normalize-css/
 *
 * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 *       @see http://snook.ca/archives/html_and_css/no_css_reset/
 */

/******************************************************************************************************************************//*
* Breakpoints
********************************************************************************************************************************/

/*
// Responsive Breakpoints
$mobile:          320px;
$mid-mobile:      400px;
$large-mobile:    480px;
$small-tablet:    560px;
$tablet:          640px;
$large-tablet:    800px;
$small-laptop:    930px;
$laptop:          1000px;
$large-laptop:    1100px;
$small-desktop:   1250px;
$desktop:         1320px;

// Misc widths
$series-width:    $large-tablet;
$max-width: $small-desktop;
$total-width: 100%;
*/

/******************************************************************************************************************************//*
 * HTML & Body tags
*********************************************************************************************************************************/

/**
 * Accessibility features.
 */
/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.element-invisible,
.element-focusable,
#navigation .block-menu .block__title,
#navigation .block-menu-block .block__title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* Turns off the element-invisible effect. */
.element-focusable:active, .element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
  line-height: 2em;
}

/* Address `font-family` inconsistency between `textarea` and other form elements. */
button,
input,
select,
textarea {
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}

/* Remove default margin. */
body.front,
body.not-front {
  margin: 0;
  padding: 0;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
  font-weight: 300;
  background: #fff;
  width: 100%;
  line-height: 150%;
  *zoom: 1;
  position: relative;
}
body.front:before, body.front:after,
body.not-front:before,
body.not-front:after {
  content: "";
  display: table;
}
body.front:after,
body.not-front:after {
  clear: both;
}

/******************************************************************************************************************************//*
* HTML5 Display Definitions
********************************************************************************************************************************/

/* Correct `block` display not defined in IE 8/9. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/* Correct `inline-block` display not defined in IE 8/9. */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
iframe {
  max-width: 100%;
}

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

/* Address styling not present in IE 8/9. */
[hidden] {
  display: none;
}

/******************************************************************************************************************************//*
 * Base styles
*********************************************************************************************************************************/
.left,
div[data-align="left"] {
  float: left;
  margin: 0 1em 1em 0;
}
.page-node-type-article div[data-align="left"] {
  float: none;
  margin-right: 0;
}
.right,
div[data-align="right"] {
  float: right;
  margin: 0 0 1em 1em;
}
.center,
div[data-align="center"] {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.contains-floated-image img {
  float: left;
  width: 100%;
}
.relative {
  position: relative;
}
.hidden {
  display: none !important;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.clear {
  clear: both;
}
.strike {
  text-decoration: line-through;
}
.narrow-border {
  width: 60%;
  max-width: 250px;
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #ddd;
}
.border-top {
  border-top: 1px solid #ccc;
  padding-top: 1.5rem;
}
.lightest-gray-bg {
  background-color: #f5f5f5;
}
p,
pre {
  margin: 0 0 1em 0;
}
blockquote {
  line-height: 1.533333333;
  margin: 1em 34px;
}
.normal_weight {
  font-weight: 400;
}
.uppercase {
  text-transform: uppercase;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}

/******************************************************************************************************************************//*
* Clearfixes
********************************************************************************************************************************/

.clearfix-left:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: left;
  height: 0;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/******************************************************************************************************************************//*
* Links
*
* The order of link states are based on Eric Meyer's article:
* http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
/*******************************************************************************************************************************/

a {
  text-decoration: none;
}
.node a {
  text-decoration: underline;
}

h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
  transition-property: color;
  transition-duration: 0.2s;
}
a:hover,
a:active {
  text-decoration: none;
  outline: 0;
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
  outline: 2px dotted #000;
}
#navigation a:focus {
  outline: 2px dotted #fff;
}

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

/******************************************************************************************************************************//*
* Typography & Headers
/*******************************************************************************************************************************/

h1,
.field-name-field-sub-head,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
  line-height: 130%;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1,
.field-name-field-sub-head {
  font-size: 40px;
  line-height: 1.166666667;
  margin: 0;
}
.page-node-type-page h1.page-title {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}
.page-node-type-page h1.page-title::before,
.page-node-type-page h1.page-title::after {
  content: " / " ;   /* Slash as divider for menu items */
  padding-left: 2rem;
  padding-right: 2.5rem;
  color: black;
  font-weight: 200;
  font-size: 2.2rem;
  border-top: 0;
  width: 0;
  transform: none;
}
.page-node-type-article h1,
.page-node-type-article-paragraphs h1 {
  margin-bottom: 0;
}
h1 {
  margin-bottom: 1em;
  font-weight: 700;
}
h1 > div {
  display: inline;
}
.is_article #content h1 span.subhead {
  display: block;
}
.feature-series--special h1.page-title,
.is-article h1.page-title {
  font-size: 28px;
  margin-bottom: .3rem;
}
@media all and (min-width: 800px) {
  .feature-series--special h1.page-title,
  .is-article h1.page-title {
    font-size: 32px;
  }
}
@media all and (min-width: 1100px) {
  .feature-series--special h1.page-title,
  .is-article h1.page-title {
    font-size: 40px;
  }
}
h1.with_subtitle {
  margin-bottom: 0.2em;
}
h1 span.subhead {
  font-weight: 400;
}
h2 {
  font-size: 18px;
  font-weight: 400;
  margin-top: 1.66667em;
  margin-bottom: 1.66667em;
}
.no-margin-bottom h2 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
h2.views-field-title {
  margin: 0;
  font-size: 1.4em;
  line-height: 120%;
}
@media (min-width: 800px) {
  h2.views-field-title {
    font-size: 1.65em;
  }
}
h2.views-field-title strong {
  font-weight: 700;
}
.block > h2 {
  font-weight: 700;
}
h3 {
  font-size: 18px;
  margin-top: 1.7094em;
  margin-bottom: 1.7094em;
}
h2.section-title,
h3.section-title {
  border-bottom: 1px solid #a0a0a0;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  font-weight: 700;
}
h4 {
  font-size: 15px;
  margin-top: 2em;
  margin-bottom: 2em;
}
h5 {
  font-size: 13px;
  margin-top: 2.40964em;
  margin-bottom: 2.40964em;
}
h6 {
  font-size: 10px;
  margin-top: 2.98507em;
  margin-bottom: 2.98507em;
}

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

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

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

/* Address differences between Firefox and other browsers. */
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  border: 1px solid #666;
  padding-bottom: -1px;
  margin: 2em 0;
}

.node {
  line-height: 165%;
}

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/******************************************************************************************************************************//*
* Lists
/*******************************************************************************************************************************/
dl,
menu,
ol,
ul {
  /* Address margins set differently in IE 6/7. */
  margin: 2em 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  /* Turn off margins on nested lists. */
  margin: 0;
}
.block-menu-block ol li,
.block-menu-block ul li {
  list-style-image: none !important;
  list-style-type: none !important;
}

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

/* Address paddings set differently in IE 6/7. */
menu,
ol,
ul {
  padding: 0;
}

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

/******************************************************************************************************************************//*
* Embedded content and figures
/*******************************************************************************************************************************/
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
  width: auto;
}

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

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

/******************************************************************************************************************************//*
* Form elements
/*******************************************************************************************************************************/

form {
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
  font-weight: 500;
}

/**
 * Define consistent border, margin, and padding.
 */
details,
fieldset {
  margin: 0 0 1em 0;
  padding: 1em 0;
  border: none;
  border-top: 1px solid #c0c0c0;
}
fieldset.no-border {
  border-top: none;
}
fieldset.no-padding {
  padding: 0;
}
details summary,
fieldset legend {
  border: none;
  margin: 0 1em 0 0;
  padding: 0 0.5em 0 0;
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
}
fieldset .fieldset-description {
  margin-bottom: 1em;
}
details details {
  margin: 0;
  padding: 0;
}
details details,
fieldset fieldset {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
  border-top: 1px solid #eee;
}

/**
 * Form item types.
 */
.form-item {
  margin: 0 0 1em 0;
  max-width: 100%;
}
.form-item label,
.form-item label.form-required {
  color: #000;
}
.form-item .form-item {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.form-checkboxes .form-item,
.form-radios .form-item {
  margin: 0;
}
.form-item input {
  color: #2D2B30;
}
.form--inline.name-widget-wrapper > .name-component-wrapper {
  display: inline-block;
  margin-right: 1rem;
}
.form-item input.form-text,
.form-item input.form-email,
.form-item input.form-tel {
  border: 1px solid #999;
  padding: 0.5em;
  box-sizing: border-box;
  font-family: 'Roboto', Helvetica, 'Arial', sans-serif;
}
@media (min-width: 560px) {
  .form-item input.form-text,
  .form-item input.form-email,
  .form-item input.form-tel {
    width: auto;
    max-width: 100%;
  }
}
tr.odd .form-item,
tr.even .form-item {
  margin: 0;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}
.form-item .description {
  font-size: 0.85em;
}
.form-type-checkboxes > label,
.form-type-radio > label {
  font-weight: bold;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}

@media (min-width: 650px) {
  .form-radios .form-type-radio {
    float: left;
    margin-left: 0.2em;
    margin-right: 1.5em;
    margin-bottom: 0;
  }
}

/* The part of the label that indicates a required field. */
.form-required::after {
  color: #c00;
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 * 5. Keep form elements constrained in their containers.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

/**
 * Select menu
 */
select {
  max-width: 270px;
}

/**
 * Address field type.
 */
.field--type-address details {
  margin: 0;
  padding: 0;
  border-top: none;
}
.address-container-inline.form-wrapper {
  margin: 1rem 0;
}
.address-container-inline.form-wrapper > .form-item {
  margin: 0 1rem 0 0;
  max-width: 225px;
}
.locality-block .form-item {
  clear: both;
}
.locality-block .postal-code {
  max-width: 80px !important;
}
@media (min-width: 800px) {
  .locality-block .form-item {
    clear: none;
  }
}

/**
 * Other form field types.
 */
.form-left {
  float: left;
  margin: 0;
}
.form-item.form-disabled,
.form-submit.form-button-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

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

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

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

a.button,
input[type="button"],
.checkout-buttons input.form-submit,
input.form-submit,
.header-cta-button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  border-radius: 4px;
  border: none;
  letter-spacing: 2px;
  line-height: 120%;
  background: radial-gradient(at 0 0, rgb(246, 241, 94) 0%, rgba(255,204,0,1) 100%);
  color: #000;
}
a.button,
input[type="button"],
.checkout-buttons input.form-submit,
input.form-submit {
  -webkit-appearance: none;
  display: inline-block;
  text-decoration: none !important;
  margin: 1em 1em 1em 0;
  padding: 0.75em 1em 0.65em 1em;
  transition-property: background;
  transition-duration: 0.2s;
}
a.button:hover,
a.button:active,
input[type="button"]:hover,
input[type="button"]:active,
.checkout-buttons input.form-submit:hover,
.checkout-buttons input.form-submit:active,
input.form-submit:hover,
input.form-submit:active {
  border: none;
  text-decoration: none;
}
a.button.small,
button.small,
input[type="button"].small,
.checkout-buttons input.form-submit.small,
input.form-submit.small {
  font-size: 0.9em;
  padding: 0.5em 0.75em;
}
.button:first-child,
.image-button:first-child {
  margin-right: 1rem !important;
}

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

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* Drupal-style form labels. */
label {
  display: block;
  font-weight: bold;
}
label label {
  display: inline;
}

label,
.form-item .description {
  color: #2D2B30;
  font-weight: 400;
}

#autocomplete {
  border-color: #666666;
}

.reference-autocomplete,
#autocomplete li {
  color: #2D2B30;
  font-size: 14px;
}

#autocomplete li.selected {
  color: #2D2B30;
}

html.js input.form-autocomplete {
  background-position: 100% 10px;
}

/******************************************************************************************************************************//*
* Tables
/*******************************************************************************************************************************/

table {
  /* Remove most spacing between table cells. */
  border-collapse: collapse;
  border-spacing: 0;
  /* Prevent cramped-looking tables */
  width: 100%;
}
table th,
table td {
  padding: 5px 7px;
}

/**
 * Drupal admin tables.
 */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc;
}
form tbody {
  border-top: 1px solid #ccc;
}
form table ul {
  margin: 0;
}

tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

tr.even {
  background-color: #fff;
}

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

/* Markup generated by theme_tablesort_indicator(). */
td.active {
  background-color: #ddd;
}

/* Center checkboxes inside table cell. */
td.checkbox,
th.checkbox {
  text-align: center;
}

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