/*
 Theme Name:   StoryCorps.me / Boilerstrap Child
 Theme URI:    http://storycorps.org/
 Description:  This is the theme for StoryCorps' DIY interview recording project.
 Author:       StoryCorps, MAYA & 10Up
 Author URI:   http://storycorps.org
 Template:     boilerstrap-master
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         StoryCorps, Awesome, WOW Such Theme
 Text Domain:  boilerstrap-child
*/



/*
Break Points:
- 979px
- 768px
- 480px

Color Palette:
- Primary Orange: #f8971d
*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

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.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
	font-family: "Ionicons";
	src: url("font/ionicons/ionicons.eot?v=1.5.2");
	src: url("font/ionicons/ionicons.eot?v=1.5.2#iefix") format("embedded-opentype"), url("font/ionicons/ionicons.ttf?v=1.5.2") format("truetype"), url("font/ionicons/ionicons.woff?v=1.5.2") format("woff"), url("font/ionicons/ionicons.svg?v=1.5.2#Ionicons") format("svg");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: "Source sans pro";
	src: url("font/source-sans-pro/SourceSansPro-Regular.otf") format("opentype");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: "Source sans pro";
	src: url("font/source-sans-pro/SourceSansPro-Light.otf") format("opentype");
	font-weight: 300;
	font-style: normal; }

@font-face {
	font-family: "Source sans pro";
	src: url("font/source-sans-pro/SourceSansPro-Semibold.otf") format("opentype");
	font-weight: 500;
	font-style: normal; }

@font-face {
	font-family: "Source sans pro";
	src: url("font/source-sans-pro/SourceSansPro-SemiboldIt.otf") format("opentype");
	font-weight: 500;
	font-style: italic; }

@font-face {
	font-family: "Source sans pro";
	src: url("font/source-sans-pro/SourceSansPro-Bold.otf") format("opentype");
	font-weight: bold;
	font-style: normal; }

@font-face {
	font-family: "Meta serif";
	src: url("font/meta-serif/MetaSerifTf-Book.otf");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: "Meta serif";
	src: url("font/meta-serif/MetaSerifTf-Bold.otf");
	font-weight: bold;
	font-style: normal; }


input, textarea, .uneditable-input {
	width: 100%;
}

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

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
					box-shadow: none;
	-webkit-transition: border linear 0.2s;
		 -moz-transition: border linear 0.2s;
			 -o-transition: border linear 0.2s;
					transition: border linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: #f8971d;
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
					box-shadow: none;
}

input:disabled {
    background-color: #eee;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

ul {
	margin: 20px 0 20px 20px;
}

li + li {
	margin-top: 12px;
}

.nav.nav-tabs li + li {
	margin-top: 0;
}

.navbar li + li {
	margin-top: 0;
}

.ion-alert:before {
	content: "\f101"; }

.ion-alert-circled:before {
	content: "\f100"; }

.ion-android-add:before {
	content: "\f2c7"; }

.ion-android-add-contact:before {
	content: "\f2c6"; }

.ion-android-alarm:before {
	content: "\f2c8"; }

.ion-android-archive:before {
	content: "\f2c9"; }

.ion-android-arrow-back:before {
	content: "\f2ca"; }


.ion-android-arrow-down:before { content: "\f35d"; }

.ion-android-arrow-forward:before {
	content: "\f30f"; }

.ion-android-arrow-up-left:before {
	content: "\f2cd"; }

.ion-android-arrow-up-right:before {
	content: "\f2ce"; }

.ion-android-battery:before {
	content: "\f2cf"; }

.ion-android-book:before {
	content: "\f2d0"; }

.ion-android-calendar:before {
	content: "\f2d1"; }

.ion-android-call:before {
	content: "\f2d2"; }

.ion-android-camera:before {
	content: "\f2d3"; }

.ion-android-chat:before {
	content: "\f2d4"; }

.ion-android-checkmark:before {
	content: "\f2d5"; }

.ion-android-clock:before {
	content: "\f2d6"; }

.ion-android-close:before {
	content: "\f2d7"; }

.ion-android-contact:before {
	content: "\f2d8"; }

.ion-android-contacts:before {
	content: "\f2d9"; }

.ion-android-data:before {
	content: "\f2da"; }

.ion-android-developer:before {
	content: "\f2db"; }

.ion-android-display:before {
	content: "\f2dc"; }

.ion-android-download:before {
	content: "\f2dd"; }

.ion-android-drawer:before {
	content: "\f310"; }

.ion-android-dropdown:before {
	content: "\f2de"; }

.ion-android-earth:before {
	content: "\f2df"; }

.ion-android-folder:before {
	content: "\f2e0"; }

.ion-android-forums:before {
	content: "\f2e1"; }

.ion-android-friends:before {
	content: "\f2e2"; }

.ion-android-hand:before {
	content: "\f2e3"; }

.ion-android-image:before {
	content: "\f2e4"; }

.ion-android-inbox:before {
	content: "\f2e5"; }

.ion-android-information:before {
	content: "\f2e6"; }

.ion-android-keypad:before {
	content: "\f2e7"; }

.ion-android-lightbulb:before {
	content: "\f2e8"; }

.ion-android-locate:before {
	content: "\f2e9"; }

.ion-android-location:before {
	content: "\f2ea"; }

.ion-android-mail:before {
	content: "\f2eb"; }

.ion-android-microphone:before {
	content: "\f2ec"; }

.ion-android-mixer:before {
	content: "\f2ed"; }

.ion-android-more:before {
	content: "\f2ee"; }

.ion-android-note:before {
	content: "\f2ef"; }

.ion-android-playstore:before {
	content: "\f2f0"; }

.ion-android-printer:before {
	content: "\f2f1"; }

.ion-android-promotion:before {
	content: "\f2f2"; }

.ion-android-reminder:before {
	content: "\f2f3"; }

.ion-android-remove:before {
	content: "\f2f4"; }

.ion-android-search:before {
	content: "\f2f5"; }

.ion-android-send:before {
	content: "\f2f6"; }

.ion-android-settings:before {
	content: "\f2f7"; }

.ion-android-share:before {
	content: "\f2f8"; }

.ion-android-social:before {
	content: "\f2fa"; }

.ion-android-social-user:before {
	content: "\f2f9"; }

.ion-android-sort:before {
	content: "\f2fb"; }

.ion-android-stair-drawer:before {
	content: "\f311"; }

.ion-android-star:before {
	content: "\f2fc"; }

.ion-android-stopwatch:before {
	content: "\f2fd"; }

.ion-android-storage:before {
	content: "\f2fe"; }

.ion-android-system-back:before {
	content: "\f2ff"; }

.ion-android-system-home:before {
	content: "\f300"; }

.ion-android-system-windows:before {
	content: "\f301"; }

.ion-android-timer:before {
	content: "\f302"; }

.ion-android-trash:before {
	content: "\f303"; }

.ion-android-upload:before {
	content: "\f3b6"; }

.ion-android-user-menu:before {
	content: "\f312"; }

.ion-android-volume:before {
	content: "\f304"; }

.ion-android-wifi:before {
	content: "\f305"; }

.ion-aperture:before {
	content: "\f313"; }

.ion-archive:before {
	content: "\f102"; }

.ion-arrow-down-a:before {
	content: "\f103"; }

.ion-arrow-down-b:before {
	content: "\f104"; }

.ion-arrow-down-c:before {
	content: "\f105"; }

.ion-arrow-expand:before {
	content: "\f25e"; }

.ion-arrow-graph-down-left:before {
	content: "\f25f"; }

.ion-arrow-graph-down-right:before {
	content: "\f260"; }

.ion-arrow-graph-up-left:before {
	content: "\f261"; }

.ion-arrow-graph-up-right:before {
	content: "\f262"; }

.ion-arrow-left-a:before {
	content: "\f106"; }

.ion-arrow-left-b:before {
	content: "\f107"; }

.ion-arrow-left-c:before {
	content: "\f108"; }

.ion-arrow-move:before {
	content: "\f263"; }

.ion-arrow-resize:before {
	content: "\f264"; }

.ion-arrow-return-left:before {
	content: "\f265"; }

.ion-arrow-return-right:before {
	content: "\f266"; }

.ion-arrow-right-a:before {
	content: "\f109"; }

.ion-arrow-right-b:before {
	content: "\f10a"; }

.ion-arrow-right-c:before {
	content: "\f10b"; }

.ion-arrow-shrink:before {
	content: "\f267"; }

.ion-arrow-swap:before {
	content: "\f268"; }

.ion-arrow-up-a:before {
	content: "\f10c"; }

.ion-arrow-up-b:before {
	content: "\f10d"; }

.ion-arrow-up-c:before {
	content: "\f10e"; }

.ion-asterisk:before {
	content: "\f314"; }

.ion-at:before {
	content: "\f10f"; }

.ion-bag:before {
	content: "\f110"; }

.ion-battery-charging:before {
	content: "\f111"; }

.ion-battery-empty:before {
	content: "\f112"; }

.ion-battery-full:before {
	content: "\f113"; }

.ion-battery-half:before {
	content: "\f114"; }

.ion-battery-low:before {
	content: "\f115"; }

.ion-beaker:before {
	content: "\f269"; }

.ion-beer:before {
	content: "\f26a"; }

.ion-bluetooth:before {
	content: "\f116"; }

.ion-bonfire:before {
	content: "\f315"; }

.ion-bookmark:before {
	content: "\f26b"; }

.ion-briefcase:before {
	content: "\f26c"; }

.ion-bug:before {
	content: "\f2be"; }

.ion-calculator:before {
	content: "\f26d"; }

.ion-calendar:before {
	content: "\f117"; }

.ion-camera:before {
	content: "\f118"; }

.ion-card:before {
	content: "\f119"; }

.ion-cash:before {
	content: "\f316"; }

.ion-chatbox:before {
	content: "\f11b"; }

.ion-chatbox-working:before {
	content: "\f11a"; }

.ion-chatboxes:before {
	content: "\f11c"; }

.ion-chatbubble:before {
	content: "\f11e"; }

.ion-chatbubble-working:before {
	content: "\f11d"; }

.ion-chatbubbles:before {
	content: "\f11f"; }

.ion-checkmark:before {
	content: "\f122"; }

.ion-checkmark-circled:before {
	content: "\f120"; }

.ion-checkmark-round:before {
	content: "\f121"; }

.ion-chevron-down:before {
	content: "\f123"; }

.ion-chevron-left:before {
	content: "\f124"; }

.ion-chevron-right:before {
	content: "\f125"; }

.ion-chevron-up:before {
	content: "\f126"; }

.ion-clipboard:before {
	content: "\f127"; }

.ion-clock:before {
	content: "\f26e"; }

.ion-close:before {
	content: "\f12a"; }

.ion-close-circled:before {
	content: "\f128"; }

.ion-close-round:before {
	content: "\f129"; }

.ion-closed-captioning:before {
	content: "\f317"; }

.ion-cloud:before {
	content: "\f12b"; }

.ion-code:before {
	content: "\f271"; }

.ion-code-download:before {
	content: "\f26f"; }

.ion-code-working:before {
	content: "\f270"; }

.ion-coffee:before {
	content: "\f272"; }

.ion-compass:before {
	content: "\f273"; }

.ion-compose:before {
	content: "\f12c"; }

.ion-connection-bars:before {
	content: "\f274"; }

.ion-contrast:before {
	content: "\f275"; }

.ion-cube:before {
	content: "\f318"; }

.ion-disc:before {
	content: "\f12d"; }

.ion-document:before {
	content: "\f12f"; }

.ion-document-text:before {
	content: "\f12e"; }

.ion-drag:before {
	content: "\f130"; }

.ion-earth:before {
	content: "\f276"; }

.ion-edit:before {
	content: "\f2bf"; }

.ion-egg:before {
	content: "\f277"; }

.ion-eject:before {
	content: "\f131"; }

.ion-email:before {
	content: "\f132"; }

.ion-eye:before {
	content: "\f133"; }

.ion-eye-disabled:before {
	content: "\f306"; }

.ion-female:before {
	content: "\f278"; }

.ion-filing:before {
	content: "\f134"; }

.ion-film-marker:before {
	content: "\f135"; }

.ion-fireball:before {
	content: "\f319"; }

.ion-flag:before {
	content: "\f279"; }

.ion-flame:before {
	content: "\f31a"; }

.ion-flash:before {
	content: "\f137"; }

.ion-flash-off:before {
	content: "\f136"; }

.ion-flask:before {
	content: "\f138"; }

.ion-folder:before {
	content: "\f139"; }

.ion-fork:before {
	content: "\f27a"; }

.ion-fork-repo:before {
	content: "\f2c0"; }

.ion-forward:before {
	content: "\f13a"; }

.ion-funnel:before {
	content: "\f31b"; }

.ion-game-controller-a:before {
	content: "\f13b"; }

.ion-game-controller-b:before {
	content: "\f13c"; }

.ion-gear-a:before {
	content: "\f13d"; }

.ion-gear-b:before {
	content: "\f13e"; }

.ion-grid:before {
	content: "\f13f"; }

.ion-hammer:before {
	content: "\f27b"; }

.ion-happy:before {
	content: "\f31c"; }

.ion-headphone:before {
	content: "\f140"; }

.ion-heart:before {
	content: "\f141"; }

.ion-heart-broken:before {
	content: "\f31d"; }

.ion-help:before {
	content: "\f143"; }

.ion-help-buoy:before {
	content: "\f27c"; }

.ion-help-circled:before {
	content: "\f142"; }

.ion-home:before {
	content: "\f144"; }

.ion-icecream:before {
	content: "\f27d"; }

.ion-icon-social-google-plus:before {
	content: "\f146"; }

.ion-icon-social-google-plus-outline:before {
	content: "\f145"; }

.ion-image:before {
	content: "\f147"; }

.ion-images:before {
	content: "\f148"; }

.ion-information:before {
	content: "\f14a"; }

.ion-information-circled:before {
	content: "\f149"; }

.ion-ionic:before {
	content: "\f14b"; }

.ion-ios7-alarm:before {
	content: "\f14d"; }

.ion-ios7-alarm-outline:before {
	content: "\f14c"; }

.ion-ios7-albums:before {
	content: "\f14f"; }

.ion-ios7-albums-outline:before {
	content: "\f14e"; }

.ion-ios7-americanfootball:before {
	content: "\f31f"; }

.ion-ios7-americanfootball-outline:before {
	content: "\f31e"; }

.ion-ios7-analytics:before {
	content: "\f321"; }

.ion-ios7-analytics-outline:before {
	content: "\f320"; }

.ion-ios7-arrow-back:before {
	content: "\f150"; }

.ion-ios7-arrow-down:before {
	content: "\f151"; }

.ion-ios7-arrow-forward:before {
	content: "\f152"; }

.ion-ios7-arrow-left:before {
	content: "\f153"; }

.ion-ios7-arrow-right:before {
	content: "\f154"; }

.ion-ios7-arrow-thin-down:before {
	content: "\f27e"; }

.ion-ios7-arrow-thin-left:before {
	content: "\f27f"; }

.ion-ios7-arrow-thin-right:before {
	content: "\f280"; }

.ion-ios7-arrow-thin-up:before {
	content: "\f281"; }

.ion-ios7-arrow-up:before {
	content: "\f155"; }

.ion-ios7-at:before {
	content: "\f157"; }

.ion-ios7-at-outline:before {
	content: "\f156"; }

.ion-ios7-barcode:before {
	content: "\f323"; }

.ion-ios7-barcode-outline:before {
	content: "\f322"; }

.ion-ios7-baseball:before {
	content: "\f325"; }

.ion-ios7-baseball-outline:before {
	content: "\f324"; }

.ion-ios7-basketball:before {
	content: "\f327"; }

.ion-ios7-basketball-outline:before {
	content: "\f326"; }

.ion-ios7-bell:before {
	content: "\f159"; }

.ion-ios7-bell-outline:before {
	content: "\f158"; }

.ion-ios7-bolt:before {
	content: "\f15b"; }

.ion-ios7-bolt-outline:before {
	content: "\f15a"; }

.ion-ios7-bookmarks:before {
	content: "\f15d"; }

.ion-ios7-bookmarks-outline:before {
	content: "\f15c"; }

.ion-ios7-box:before {
	content: "\f15f"; }

.ion-ios7-box-outline:before {
	content: "\f15e"; }

.ion-ios7-briefcase:before {
	content: "\f283"; }

.ion-ios7-briefcase-outline:before {
	content: "\f282"; }

.ion-ios7-browsers:before {
	content: "\f161"; }

.ion-ios7-browsers-outline:before {
	content: "\f160"; }

.ion-ios7-calculator:before {
	content: "\f285"; }

.ion-ios7-calculator-outline:before {
	content: "\f284"; }

.ion-ios7-calendar:before {
	content: "\f163"; }

.ion-ios7-calendar-outline:before {
	content: "\f162"; }

.ion-ios7-camera:before {
	content: "\f165"; }

.ion-ios7-camera-outline:before {
	content: "\f164"; }

.ion-ios7-cart:before {
	content: "\f167"; }

.ion-ios7-cart-outline:before {
	content: "\f166"; }

.ion-ios7-chatboxes:before {
	content: "\f169"; }

.ion-ios7-chatboxes-outline:before {
	content: "\f168"; }

.ion-ios7-chatbubble:before {
	content: "\f16b"; }

.ion-ios7-chatbubble-outline:before {
	content: "\f16a"; }

.ion-ios7-checkmark:before {
	content: "\f16e"; }

.ion-ios7-checkmark-empty:before {
	content: "\f16c"; }

.ion-ios7-checkmark-outline:before {
	content: "\f16d"; }

.ion-ios7-circle-filled:before {
	content: "\f16f"; }

.ion-ios7-circle-outline:before {
	content: "\f170"; }

.ion-ios7-clock:before {
	content: "\f172"; }

.ion-ios7-clock-outline:before {
	content: "\f171"; }

.ion-ios7-close:before {
	content: "\f2bc"; }

.ion-ios7-close-empty:before {
	content: "\f2bd"; }

.ion-ios7-close-outline:before {
	content: "\f2bb"; }

.ion-ios7-cloud:before {
	content: "\f178"; }

.ion-ios7-cloud-download:before {
	content: "\f174"; }

.ion-ios7-cloud-download-outline:before {
	content: "\f173"; }

.ion-ios7-cloud-outline:before {
	content: "\f175"; }

.ion-ios7-cloud-upload:before {
	content: "\f177"; }

.ion-ios7-cloud-upload-outline:before {
	content: "\f176"; }

.ion-ios7-cloudy:before {
	content: "\f17a"; }

.ion-ios7-cloudy-night:before {
	content: "\f308"; }

.ion-ios7-cloudy-night-outline:before {
	content: "\f307"; }

.ion-ios7-cloudy-outline:before {
	content: "\f179"; }

.ion-ios7-cog:before {
	content: "\f17c"; }

.ion-ios7-cog-outline:before {
	content: "\f17b"; }

.ion-ios7-compose:before {
	content: "\f17e"; }

.ion-ios7-compose-outline:before {
	content: "\f17d"; }

.ion-ios7-contact:before {
	content: "\f180"; }

.ion-ios7-contact-outline:before {
	content: "\f17f"; }

.ion-ios7-copy:before {
	content: "\f182"; }

.ion-ios7-copy-outline:before {
	content: "\f181"; }

.ion-ios7-download:before {
	content: "\f184"; }

.ion-ios7-download-outline:before {
	content: "\f183"; }

.ion-ios7-drag:before {
	content: "\f185"; }

.ion-ios7-email:before {
	content: "\f187"; }

.ion-ios7-email-outline:before {
	content: "\f186"; }

.ion-ios7-expand:before {
	content: "\f30d"; }

.ion-ios7-eye:before {
	content: "\f189"; }

.ion-ios7-eye-outline:before {
	content: "\f188"; }

.ion-ios7-fastforward:before {
	content: "\f18b"; }

.ion-ios7-fastforward-outline:before {
	content: "\f18a"; }

.ion-ios7-filing:before {
	content: "\f18d"; }

.ion-ios7-filing-outline:before {
	content: "\f18c"; }

.ion-ios7-film:before {
	content: "\f18f"; }

.ion-ios7-film-outline:before {
	content: "\f18e"; }

.ion-ios7-flag:before {
	content: "\f191"; }

.ion-ios7-flag-outline:before {
	content: "\f190"; }

.ion-ios7-folder:before {
	content: "\f193"; }

.ion-ios7-folder-outline:before {
	content: "\f192"; }

.ion-ios7-football:before {
	content: "\f329"; }

.ion-ios7-football-outline:before {
	content: "\f328"; }

.ion-ios7-gear:before {
	content: "\f195"; }

.ion-ios7-gear-outline:before {
	content: "\f194"; }

.ion-ios7-glasses:before {
	content: "\f197"; }

.ion-ios7-glasses-outline:before {
	content: "\f196"; }

.ion-ios7-heart:before {
	content: "\f199"; }

.ion-ios7-heart-outline:before {
	content: "\f198"; }

.ion-ios7-help:before {
	content: "\f19c"; }

.ion-ios7-help-empty:before {
	content: "\f19a"; }

.ion-ios7-help-outline:before {
	content: "\f19b"; }

.ion-ios7-home:before {
	content: "\f32b"; }

.ion-ios7-home-outline:before {
	content: "\f32a"; }

.ion-ios7-infinite:before {
	content: "\f19e"; }

.ion-ios7-infinite-outline:before {
	content: "\f19d"; }

.ion-ios7-information:before {
	content: "\f1a1"; }

.ion-ios7-information-empty:before {
	content: "\f19f"; }

.ion-ios7-information-outline:before {
	content: "\f1a0"; }

.ion-ios7-ionic-outline:before {
	content: "\f1a2"; }

.ion-ios7-keypad:before {
	content: "\f1a4"; }

.ion-ios7-keypad-outline:before {
	content: "\f1a3"; }

.ion-ios7-lightbulb:before {
	content: "\f287"; }

.ion-ios7-lightbulb-outline:before {
	content: "\f286"; }

.ion-ios7-location:before {
	content: "\f1a6"; }

.ion-ios7-location-outline:before {
	content: "\f1a5"; }

.ion-ios7-locked:before {
	content: "\f1a8"; }

.ion-ios7-locked-outline:before {
	content: "\f1a7"; }

.ion-ios7-loop:before {
	content: "\f32d"; }

.ion-ios7-loop-strong:before {
	content: "\f32c"; }

.ion-ios7-medkit:before {
	content: "\f289"; }

.ion-ios7-medkit-outline:before {
	content: "\f288"; }

.ion-ios7-mic:before {
	content: "\f1ab"; }

.ion-ios7-mic-off:before {
	content: "\f1a9"; }

.ion-ios7-mic-outline:before {
	content: "\f1aa"; }

.ion-ios7-minus:before {
	content: "\f1ae"; }

.ion-ios7-minus-empty:before {
	content: "\f1ac"; }

.ion-ios7-minus-outline:before {
	content: "\f1ad"; }

.ion-ios7-monitor:before {
	content: "\f1b0"; }

.ion-ios7-monitor-outline:before {
	content: "\f1af"; }

.ion-ios7-moon:before {
	content: "\f1b2"; }

.ion-ios7-moon-outline:before {
	content: "\f1b1"; }

.ion-ios7-more:before {
	content: "\f1b4"; }

.ion-ios7-more-outline:before {
	content: "\f1b3"; }

.ion-ios7-musical-note:before {
	content: "\f1b5"; }

.ion-ios7-musical-notes:before {
	content: "\f1b6"; }

.ion-ios7-navigate:before {
	content: "\f1b8"; }

.ion-ios7-navigate-outline:before {
	content: "\f1b7"; }

.ion-ios7-paper:before {
	content: "\f32f"; }

.ion-ios7-paper-outline:before {
	content: "\f32e"; }

.ion-ios7-paperplane:before {
	content: "\f1ba"; }

.ion-ios7-paperplane-outline:before {
	content: "\f1b9"; }

.ion-ios7-partlysunny:before {
	content: "\f1bc"; }

.ion-ios7-partlysunny-outline:before {
	content: "\f1bb"; }

.ion-ios7-pause:before {
	content: "\f1be"; }

.ion-ios7-pause-outline:before {
	content: "\f1bd"; }

.ion-ios7-paw:before {
	content: "\f331"; }

.ion-ios7-paw-outline:before {
	content: "\f330"; }

.ion-ios7-people:before {
	content: "\f1c0"; }

.ion-ios7-people-outline:before {
	content: "\f1bf"; }

.ion-ios7-person:before {
	content: "\f1c2"; }

.ion-ios7-person-outline:before {
	content: "\f1c1"; }

.ion-ios7-personadd:before {
	content: "\f1c4"; }

.ion-ios7-personadd-outline:before {
	content: "\f1c3"; }

.ion-ios7-photos:before {
	content: "\f1c6"; }

.ion-ios7-photos-outline:before {
	content: "\f1c5"; }

.ion-ios7-pie:before {
	content: "\f28b"; }

.ion-ios7-pie-outline:before {
	content: "\f28a"; }

.ion-ios7-play:before {
	content: "\f1c8"; }

.ion-ios7-play-outline:before {
	content: "\f1c7"; }

.ion-ios7-plus:before {
	content: "\f1cb"; }

.ion-ios7-plus-empty:before {
	content: "\f1c9"; }

.ion-ios7-plus-outline:before {
	content: "\f1ca"; }

.ion-ios7-pricetag:before {
	content: "\f28d"; }

.ion-ios7-pricetag-outline:before {
	content: "\f28c"; }

.ion-ios7-pricetags:before {
	content: "\f333"; }

.ion-ios7-pricetags-outline:before {
	content: "\f332"; }

.ion-ios7-printer:before {
	content: "\f1cd"; }

.ion-ios7-printer-outline:before {
	content: "\f1cc"; }

.ion-ios7-pulse:before {
	content: "\f335"; }

.ion-ios7-pulse-strong:before {
	content: "\f334"; }

.ion-ios7-rainy:before {
	content: "\f1cf"; }

.ion-ios7-rainy-outline:before {
	content: "\f1ce"; }

.ion-ios7-recording:before {
	content: "\f1d1"; }

.ion-ios7-recording-outline:before {
	content: "\f1d0"; }

.ion-ios7-redo:before {
	content: "\f1d3"; }

.ion-ios7-redo-outline:before {
	content: "\f1d2"; }

.ion-ios7-refresh:before {
	content: "\f1d6"; }

.ion-ios7-refresh-empty:before {
	content: "\f1d4"; }

.ion-ios7-refresh-outline:before {
	content: "\f1d5"; }

.ion-ios7-reload:before, .ion-ios7-reloading:before {
	content: "\f28e"; }

.ion-ios7-reverse-camera:before {
	content: "\f337"; }

.ion-ios7-reverse-camera-outline:before {
	content: "\f336"; }

.ion-ios7-rewind:before {
	content: "\f1d8"; }

.ion-ios7-rewind-outline:before {
	content: "\f1d7"; }

.ion-ios7-search:before {
	content: "\f1da"; }

.ion-ios7-search-strong:before {
	content: "\f1d9"; }

.ion-ios7-settings:before {
	content: "\f339"; }

.ion-ios7-settings-strong:before {
	content: "\f338"; }

.ion-ios7-shrink:before {
	content: "\f30e"; }

.ion-ios7-skipbackward:before {
	content: "\f1dc"; }

.ion-ios7-skipbackward-outline:before {
	content: "\f1db"; }

.ion-ios7-skipforward:before {
	content: "\f1de"; }

.ion-ios7-skipforward-outline:before {
	content: "\f1dd"; }

.ion-ios7-snowy:before {
	content: "\f309"; }

.ion-ios7-speedometer:before {
	content: "\f290"; }

.ion-ios7-speedometer-outline:before {
	content: "\f28f"; }

.ion-ios7-star:before {
	content: "\f1e0"; }

.ion-ios7-star-half:before {
	content: "\f33a"; }

.ion-ios7-star-outline:before {
	content: "\f1df"; }

.ion-ios7-stopwatch:before {
	content: "\f1e2"; }

.ion-ios7-stopwatch-outline:before {
	content: "\f1e1"; }

.ion-ios7-sunny:before {
	content: "\f1e4"; }

.ion-ios7-sunny-outline:before {
	content: "\f1e3"; }

.ion-ios7-telephone:before {
	content: "\f1e6"; }

.ion-ios7-telephone-outline:before {
	content: "\f1e5"; }

.ion-ios7-tennisball:before {
	content: "\f33c"; }

.ion-ios7-tennisball-outline:before {
	content: "\f33b"; }

.ion-ios7-thunderstorm:before {
	content: "\f1e8"; }

.ion-ios7-thunderstorm-outline:before {
	content: "\f1e7"; }

.ion-ios7-time:before {
	content: "\f292"; }

.ion-ios7-time-outline:before {
	content: "\f291"; }

.ion-ios7-timer:before {
	content: "\f1ea"; }

.ion-ios7-timer-outline:before {
	content: "\f1e9"; }

.ion-ios7-toggle:before {
	content: "\f33e"; }

.ion-ios7-toggle-outline:before {
	content: "\f33d"; }

.ion-ios7-trash:before {
	content: "\f1ec"; }

.ion-ios7-trash-outline:before {
	content: "\f1eb"; }

.ion-ios7-undo:before {
	content: "\f1ee"; }

.ion-ios7-undo-outline:before {
	content: "\f1ed"; }

.ion-ios7-unlocked:before {
	content: "\f1f0"; }

.ion-ios7-unlocked-outline:before {
	content: "\f1ef"; }

.ion-ios7-upload:before {
	content: "\f1f2"; }

.ion-ios7-upload-outline:before {
	content: "\f1f1"; }

.ion-ios7-videocam:before {
	content: "\f1f4"; }

.ion-ios7-videocam-outline:before {
	content: "\f1f3"; }

.ion-ios7-volume-high:before {
	content: "\f1f5"; }

.ion-ios7-volume-low:before {
	content: "\f1f6"; }

.ion-ios7-wineglass:before {
	content: "\f294"; }

.ion-ios7-wineglass-outline:before {
	content: "\f293"; }

.ion-ios7-world:before {
	content: "\f1f8"; }

.ion-ios7-world-outline:before {
	content: "\f1f7"; }

.ion-ipad:before {
	content: "\f1f9"; }

.ion-iphone:before {
	content: "\f1fa"; }

.ion-ipod:before {
	content: "\f1fb"; }

.ion-jet:before {
	content: "\f295"; }

.ion-key:before {
	content: "\f296"; }

.ion-knife:before {
	content: "\f297"; }

.ion-laptop:before {
	content: "\f1fc"; }

.ion-leaf:before {
	content: "\f1fd"; }

.ion-levels:before {
	content: "\f298"; }

.ion-lightbulb:before {
	content: "\f299"; }

.ion-link:before {
	content: "\f1fe"; }

.ion-load-a:before, .ion-loading-a:before {
	content: "\f29a"; }

.ion-load-b:before, .ion-loading-b:before {
	content: "\f29b"; }

.ion-load-c:before, .ion-loading-c:before {
	content: "\f29c"; }

.ion-load-d:before, .ion-loading-d:before {
	content: "\f29d"; }

.ion-location:before {
	content: "\f1ff"; }

.ion-locked:before {
	content: "\f200"; }

.ion-log-in:before {
	content: "\f29e"; }

.ion-log-out:before {
	content: "\f29f"; }

.ion-loop:before, .ion-looping:before {
	content: "\f201"; }

.ion-magnet:before {
	content: "\f2a0"; }

.ion-male:before {
	content: "\f2a1"; }

.ion-man:before {
	content: "\f202"; }

.ion-map:before {
	content: "\f203"; }

.ion-medkit:before {
	content: "\f2a2"; }

.ion-merge:before {
	content: "\f33f"; }

.ion-mic-a:before {
	content: "\f204"; }

.ion-mic-b:before {
	content: "\f205"; }

.ion-mic-c:before {
	content: "\f206"; }

.ion-minus:before {
	content: "\f209"; }

.ion-minus-circled:before {
	content: "\f207"; }

.ion-minus-round:before {
	content: "\f208"; }

.ion-model-s:before {
	content: "\f2c1"; }

.ion-monitor:before {
	content: "\f20a"; }

.ion-more:before {
	content: "\f20b"; }

.ion-mouse:before {
	content: "\f340"; }

.ion-music-note:before {
	content: "\f20c"; }

.ion-navicon:before {
	content: "\f20e"; }

.ion-navicon-round:before {
	content: "\f20d"; }

.ion-navigate:before {
	content: "\f2a3"; }

.ion-network:before {
	content: "\f341"; }

.ion-no-smoking:before {
	content: "\f2c2"; }

.ion-nuclear:before {
	content: "\f2a4"; }

.ion-outlet:before {
	content: "\f342"; }

.ion-paper-airplane:before {
	content: "\f2c3"; }

.ion-paperclip:before {
	content: "\f20f"; }

.ion-pause:before {
	content: "\f210"; }

.ion-person:before {
	content: "\f213"; }

.ion-person-add:before {
	content: "\f211"; }

.ion-person-stalker:before {
	content: "\f212"; }

.ion-pie-graph:before {
	content: "\f2a5"; }

.ion-pin:before {
	content: "\f2a6"; }

.ion-pinpoint:before {
	content: "\f2a7"; }

.ion-pizza:before {
	content: "\f2a8"; }

.ion-plane:before {
	content: "\f214"; }

.ion-planet:before {
	content: "\f343"; }

.ion-play:before {
	content: "\f215"; }

.ion-playstation:before {
	content: "\f30a"; }

.ion-plus:before {
	content: "\f218"; }

.ion-plus-circled:before {
	content: "\f216"; }

.ion-plus-round:before {
	content: "\f217"; }

.ion-podium:before {
	content: "\f344"; }

.ion-pound:before {
	content: "\f219"; }

.ion-power:before {
	content: "\f2a9"; }

.ion-pricetag:before {
	content: "\f2aa"; }

.ion-pricetags:before {
	content: "\f2ab"; }

.ion-printer:before {
	content: "\f21a"; }

.ion-pull-request:before {
	content: "\f345"; }

.ion-qr-scanner:before {
	content: "\f346"; }

.ion-quote:before {
	content: "\f347"; }

.ion-radio-waves:before {
	content: "\f2ac"; }

.ion-record:before {
	content: "\f21b"; }

.ion-refresh:before, .ion-refreshing:before {
	content: "\f21c"; }

.ion-reply:before {
	content: "\f21e"; }

.ion-reply-all:before {
	content: "\f21d"; }

.ion-ribbon-a:before {
	content: "\f348"; }

.ion-ribbon-b:before {
	content: "\f349"; }

.ion-sad:before {
	content: "\f34a"; }

.ion-scissors:before {
	content: "\f34b"; }

.ion-search:before {
	content: "\f21f"; }

.ion-settings:before {
	content: "\f2ad"; }

.ion-share:before {
	content: "\f220"; }

.ion-shuffle:before {
	content: "\f221"; }

.ion-skip-backward:before {
	content: "\f222"; }

.ion-skip-forward:before {
	content: "\f223"; }

.ion-social-android:before {
	content: "\f225"; }

.ion-social-android-outline:before {
	content: "\f224"; }

.ion-social-apple:before {
	content: "\f227"; }

.ion-social-apple-outline:before {
	content: "\f226"; }

.ion-social-bitcoin:before {
	content: "\f2af"; }

.ion-social-bitcoin-outline:before {
	content: "\f2ae"; }

.ion-social-buffer:before {
	content: "\f229"; }

.ion-social-buffer-outline:before {
	content: "\f228"; }

.ion-social-designernews:before {
	content: "\f22b"; }

.ion-social-designernews-outline:before {
	content: "\f22a"; }

.ion-social-dribbble:before {
	content: "\f22d"; }

.ion-social-dribbble-outline:before {
	content: "\f22c"; }

.ion-social-dropbox:before {
	content: "\f22f"; }

.ion-social-dropbox-outline:before {
	content: "\f22e"; }

.ion-social-facebook:before {
	content: "\f231"; }

.ion-social-facebook-outline:before {
	content: "\f230"; }

.ion-social-foursquare:before {
	content: "\f34d"; }

.ion-social-foursquare-outline:before {
	content: "\f34c"; }

.ion-social-freebsd-devil:before {
	content: "\f2c4"; }

.ion-social-github:before {
	content: "\f233"; }

.ion-social-github-outline:before {
	content: "\f232"; }

.ion-social-google:before {
	content: "\f34f"; }

.ion-social-google-outline:before {
	content: "\f34e"; }

.ion-social-googleplus:before {
	content: "\f235"; }

.ion-social-googleplus-outline:before {
	content: "\f234"; }

.ion-social-hackernews:before {
	content: "\f237"; }

.ion-social-hackernews-outline:before {
	content: "\f236"; }

.ion-social-instagram:before {
	content: "\f351"; }

.ion-social-instagram-outline:before {
	content: "\f350"; }

.ion-social-linkedin:before {
	content: "\f239"; }

.ion-social-linkedin-outline:before {
	content: "\f238"; }

.ion-social-pinterest:before {
	content: "\f2b1"; }

.ion-social-pinterest-outline:before {
	content: "\f2b0"; }

.ion-social-reddit:before {
	content: "\f23b"; }

.ion-social-reddit-outline:before {
	content: "\f23a"; }

.ion-social-rss:before {
	content: "\f23d"; }

.ion-social-rss-outline:before {
	content: "\f23c"; }

.ion-social-skype:before {
	content: "\f23f"; }

.ion-social-skype-outline:before {
	content: "\f23e"; }

.ion-social-tumblr:before {
	content: "\f241"; }

.ion-social-tumblr-outline:before {
	content: "\f240"; }

.ion-social-tux:before {
	content: "\f2c5"; }

.ion-social-twitter:before {
	content: "\f243"; }

.ion-social-twitter-outline:before {
	content: "\f242"; }

.ion-social-usd:before {
	content: "\f353"; }

.ion-social-usd-outline:before {
	content: "\f352"; }

.ion-social-vimeo:before {
	content: "\f245"; }

.ion-social-vimeo-outline:before {
	content: "\f244"; }

.ion-social-windows:before {
	content: "\f247"; }

.ion-social-windows-outline:before {
	content: "\f246"; }

.ion-social-wordpress:before {
	content: "\f249"; }

.ion-social-wordpress-outline:before {
	content: "\f248"; }

.ion-social-yahoo:before {
	content: "\f24b"; }

.ion-social-yahoo-outline:before {
	content: "\f24a"; }

.ion-social-youtube:before {
	content: "\f24d"; }

.ion-social-youtube-outline:before {
	content: "\f24c"; }

.ion-speakerphone:before {
	content: "\f2b2"; }

.ion-speedometer:before {
	content: "\f2b3"; }

.ion-spoon:before {
	content: "\f2b4"; }

.ion-star:before {
	content: "\f24e"; }

.ion-stats-bars:before {
	content: "\f2b5"; }

.ion-steam:before {
	content: "\f30b"; }

.ion-stop:before {
	content: "\f24f"; }

.ion-thermometer:before {
	content: "\f2b6"; }

.ion-thumbsdown:before {
	content: "\f250"; }

.ion-thumbsup:before {
	content: "\f251"; }

.ion-toggle:before {
	content: "\f355"; }

.ion-toggle-filled:before {
	content: "\f354"; }

.ion-trash-a:before {
	content: "\f252"; }

.ion-trash-b:before {
	content: "\f253"; }

.ion-trophy:before {
	content: "\f356"; }

.ion-umbrella:before {
	content: "\f2b7"; }

.ion-university:before {
	content: "\f357"; }

.ion-unlocked:before {
	content: "\f254"; }

.ion-upload:before {
	content: "\f255"; }

.ion-usb:before {
	content: "\f2b8"; }

.ion-videocamera:before {
	content: "\f256"; }

.ion-volume-high:before {
	content: "\f257"; }

.ion-volume-low:before {
	content: "\f258"; }

.ion-volume-medium:before {
	content: "\f259"; }

.ion-volume-mute:before {
	content: "\f25a"; }

.ion-wand:before {
	content: "\f358"; }

.ion-waterdrop:before {
	content: "\f25b"; }

.ion-wifi:before {
	content: "\f25c"; }

.ion-wineglass:before {
	content: "\f2b9"; }

.ion-woman:before {
	content: "\f25d"; }

.ion-wrench:before {
	content: "\f2ba"; }

.ion-xbox:before {
	content: "\f30c"; }

.ion-android-favorite:before { content: "\f388"; }

.ion-android-favorite-outline:before { content: "\f387"; }

/* Make footer orange extend the full page on short pages. */
html {
    background-color: #f8971d;
}

body {
		font-family: "Source sans pro";
		font-weight: normal;
		color: #1a1919;

		font-size: 16px;
		line-height: 1.5;
		color: #63615E;

		background-color: #f8971d;
}

h1,h2,h3,h4,h5,h6 {
		font-family: "Source sans pro";
		font-weight: 500;
		color: #1a1919;
		line-height: 1.5;
		margin: 12px 0;
}

h2 {
		font-family: "Source sans pro";
		font-weight: 500;
		font-size: 32px;
		line-height: 1.5;
		margin: 72px 0 36px 0;
		color: #1a1919;
}

h2.no-results-page-header {
	margin: 36px 0 0 0;
}

h2#teacher-resources {
    margin-top: 22px;
    margin-bottom: 0px;
}

h3 {
	font-family: "Source sans pro";
	font-size: 24px;
	margin-top: 36px;
}

h3:first-of-type {
	margin-top: 12px;
}

h3.tgl-h3 {
    margin-top: 24px;
}

h3#scme-sign-up {
    margin-top: 8px;
}

h4 {
	font-family: "Source sans pro";
	font-size: 24px;
	margin-top: 12px;
}

p {
	font-family: "Meta serif";
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;
	color: #63615E;
}

p ~ p {
    margin-top: 15px;
}

p.source-dark {
	font-family: "Source sans pro";
	color: #1a1919;
}

p.source-gray {
	font-family: "Source sans pro";
	color: #63615E;
}

p.source-medium-gray {
	font-family: "Source sans pro";
	color: #a9a39b;
}

h4.source-gray {
	font-family: "Source sans pro";
	color: #63615E;
}
p.source-dark {
	font-family: "Source sans pro";
	font-size: 16px;
	color: #1a1919;
}

p.label-text {
	font-family: "Source sans pro";
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	color: #a9a39b;
}

.label-text {
	font-family: "Source sans pro";
	font-weight: normal;
	text-align: left;
	color: #a9a39b;
}

p.topic-text {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 18px;
	color: #a9a39b;
	margin-top: 30px;
}

p.summary-content {
  word-wrap: break-word;
}

p.semibold {
	font-weight: 500;
}

p.small-text {
	font-size: 14px;
}

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

@media(min-width: 768px) {
    p.topic-text:first-child {
        margin-top: 40px;
    }
}

.value-text {
	font-family: "Source sans pro";
	font-weight: 500;
	text-transform: uppercase;
	color: #1a1919;
	font-size: 24px;
	line-height: 1.125;
}

p.participant {
		font-family: "Source sans pro";
		font-weight: normal;
		font-size: 16px;
		color: #a9a39b;
}

p.participant.primary {
		font-family: "Source sans pro";
		font-weight: normal;
		font-size: 16px;
		color: #63615E;
}

a {
	color: #a9a39b;
}

a.orange {
	color: #f8971d;
}

a.right {
	text-align: right;
	float: right;
	padding-right: 12px;
}

@media (max-width: 768px){
	a.right {
		text-align: left;
		float: none;
	}
}

#page {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		width: 100% !important;
		padding-top: 60px;
}

@media (max-width: 979px){
		#page {
			padding-top: 0;
		}
}

#main {
		width: 100%;
}

#content {
		max-width: none;
}

#primary {
		width: 100%;
		margin: 0 auto;
}

.ionicon {
	font-family: "Ionicons";
	margin-right: 4px;
}

.ionicon.bigger {
	font-size: 150%;
	line-height: 1;
	margin-left: 8px;
}

.gray-bg-page-container {
	background-color: #f3f1ee;
	padding: 20px 0;
}

.page-container {
		position: relative;
		margin: 0 auto;
		overflow: hidden;
		max-width: 940px;
}

.page-container.narrow {
		position: relative;
		margin: 0 auto;
		overflow: hidden;
		max-width: 720px;
}

.section {
		padding-top: 36px;
		padding-bottom: 36px;
}

.section.snug-top {
    padding-top: 0;
}

.big-button-container {
    width: 100%;
    content: "";
    display: table;
    clear: both;
}

.big-button-container .big-button.gray {
    display: block;
    float: left;
    font-family: "Source sans pro";
    font-weight: 500;
    font-size: 16px;
    padding: 18px 36px;
    margin: 12px 0;
    cursor: pointer;
    max-width: 100%;
    width: auto;
}

.big-button-container .big-button {
    display: block;
    float: right;
}

.big-button {
	display: inline-block;
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 16px;
	color: #f8971d;
	padding: 18px 36px;
	margin: 12px 0;
	border: 2px solid #f8971d;
	cursor: pointer;
	background-color: transparent;
}

.big-button:hover, .big-button:focus, .big-button:active {
	text-decoration: none;
	color: white;
	background-color: #f8971d;
	background-image: none;
}

.big-button.gray {
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 14px;
	color: #A9A39B;
	border: 2px solid #A9A39B;
	line-height: 1.5;
	padding: 12px 18px;
	margin: 0 0 12px 0;
	width: 100%;
	max-width: 160px;
	float: right;
	text-align: center;
}

.big-button.gray:hover, .big-button.gray:focus, .big-button.gray:active {
	text-decoration: none;
	color: white;
	background-color: #f8971d;
	background-image: none;
	border-color: #f8971d;
}

.big-button.right {
	float: right;
}

.big-button .ionicon {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 768px){
	.big-button.right {
		float: none;
	}
}

a.big-button {
		display: inline-block;
		font-family: "Source sans pro";
		font-weight: 500;
		font-size: 16px;
		color: #f8971d;
		padding: 18px 36px;
		margin: 12px 0;
		border: 2px solid #f8971d;
		cursor: pointer;
}

a.big-button:hover a.big-button:focus, a.big-button:active {
		text-decoration: none;
		color: white;
		background-color: #f8971d;
}

input.big-button {
	display: inline-block;
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 16px;
	color: #f8971d;
	padding: 18px 36px;
	margin: 12px 0;
	border: 2px solid #f8971d;
	cursor: pointer;
	background-color: transparent;
	float: right;
}

input.big-button:hover, input.big-button:focus, input.big-button:active {
	text-decoration: none;
	color: white;
	background-color: #f8971d;
	background-image: none;
}

button.big-button {
		display: inline-block;
		font-family: "Source sans pro";
		font-weight: 500;
		font-size: 16px;
		color: #f8971d;
		padding: 18px 36px;
		margin: 12px 0;
		border: 2px solid #f8971d;
		cursor: pointer;
		background-color: transparent;
		background-image: none;
        border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		float: right;
}

button.big-button:hover, button.big-button:focus, button.big-button:active {
		text-decoration: none;
		color: white;
		background-color: #f8971d;
}


.follow-small {
    display: inline-block;
}

.big-button.follow-big {
    display: none;
    width: 175px;
}

.big-button.follow-big .hover, .big-button.follow-big .not-hover {
    display: none;
}

.big-button.follow-big:hover .hover {
    display: inline;
}

.big-button.follow-big:hover .not-hover {
    display: none;
}

.big-button.follow-big .not-hover {
    display: inline;
}

@media(min-width: 480px) {
    .follow-small {
        display: none;
    }

    .big-button.follow-big {
        display: block;
    }
}

@media (max-width: 979px) {
	.page-container {
		margin-left: 12px;
		margin-right: 12px;
	}
}

@media (max-width: 768px) {
    .navbar-fixed-top .container {
        width: auto;
    }
}

.navbar-fixed-top .navbar-inner {
	background: #a9a39b;
	background-image: none;
	border: none;
    padding: 0;
}

.navbar .brand {
		text-shadow: none;
		color: white;
		width: 166px;
		height: 60px;
        margin-left: 0px;
		background-image: url("img/logo_gray.png");
		background-repeat: no-repeat;
		background-position: center left;
		background-size: contain;
		text-indent: -9999px;
}

.navbar .nav > li a {
		text-shadow: none;
		color: #dedad4;
		font-family: "Source sans pro";
		font-weight: normal;
		font-size: 16px;
		height: 60px;
		padding: 12px 24px;
		line-height: 36px;
}

.navbar .nav > li a:hover, .navbar .nav > li a:focus, .navbar .nav > li a:active {
	text-shadow: none;
	color: #ffffff;
	font-weight: normal;
}

@media (max-width: 979px) {
    .nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        background-color: #444;
        color:white;
    }

    .navbar .nav > li a {
		text-shadow: none;
		color: white;
		font-family: "Source sans pro";
		font-weight: normal;
		font-size: 16px;
		height: 55px;
		padding: 9px 22px;
		line-height: 36px;
        margin: 10px 15px;
    }
}

.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
    border-radius: 0;
}

.navbar .nav li.current_page_item a, .navbar .nav li.current-menu-item a, .navbar .nav li.current-menu-item a:hover, .navbar .nav li.current-menu-item a:focus {
	text-shadow: none;
	color: #ffffff;
	font-weight: normal;
	box-shadow: none;
    background-color: transparent;
}

@media (max-width: 979px) {
    .navbar .nav li.current_page_item a, .navbar .nav li.current-menu-item a, .navbar .nav li.current-menu-item a:hover, .navbar .nav li.current-menu-item a:focus {
		text-shadow: none;
		color: #ffffff;
		font-weight: normal;
		box-shadow: none;
		background-color: #333;
    }
}

.menu-item-small-red a{
	color: #ffffff !important;
	background-color: #f26531;
	border: 0 !important;
}

a.menu-item-small-red-background {
  	background-color: #f26531;
  }
.menu-item-small-red-background a:hover {
	background-color: #333;
}


#nav-below a {
	display: inline-block;
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 16px;
	color: #f8971d;
	padding: 6px 24px;
	margin: 12px 0;
	border: 2px solid #f8971d;
	cursor: pointer;
}

#nav-below a:hover {
	text-decoration: none;
	color: white;
	background-color: #f8971d;
}

.navbar .nav.right-item {
	float: right;
	margin: 0;
}

.navbar .nav.right-item li a {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 14px;
	padding: 8px 24px;
	height: 44px;
	border: 1px #dedad4 solid;
	margin: 8px 0 8px 8px;
	line-height: 26px;
}


.navbar .nav.right-item-donate-button li a {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 14px;

	padding: 8px 20px;
	height: 44px;
	border: 1px #dedad4 solid;
	margin: 8px 0 8px 8px;
	line-height: 26px;
	color: #ffffff;
}

.navbar .nav.right-item-mobile {
	float: right;
	margin: 0;
}

.navbar .nav.right-item li a:hover {
	text-shadow: none;
	color: #ffffff;
	font-weight: normal;
	background-color: #f8971d;
	border: 1px #f8971d solid;
}


.menu-item-small-red-donate-button a {
	border:0 !important;
	color: #ffffff !important;
	background-color: #f26531;

}

@media all and (min-width: 979px) {
  li.menu-item-small {
    display: none;
  }
  a.menu-item-small-red {
  	display: none;
  	border:0 !important;
  }
}

@media(max-width: 979px) {
    .navbar .nav.right-item li a {
        color: white;
        font-family: "Source sans pro";
        font-weight: normal;
        font-size: 16px;
        height: 55px;
        padding: 9px 22px;
        line-height: 36px;
        margin: 10px 15px;
        border: none;
    }

    .navbar .nav.right-item li a:hover {
        background-color: #444;
        color: white;
	    border: none;
    }
}

.navbar .nav.right-item li.user-item a {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 14px;
	padding: 0 12px;
	height: 44px;
	border: none;
	margin: 8px 0 8px 8px;
	line-height: 44px;
	color: #dedad4;
}
.navbar .nav.right-item li.user-item a:hover, .navbar .nav.right-item li.user-item a:focus {
    text-decoration: none;
	text-shadow: none;
	color: #ffffff;
	font-weight: normal;
	background-color: #a9a39b;
	border: none;
}

@media (max-width: 979px) {
	.navbar .nav {
		margin: 0 !important;
	}
	.navbar .nav.right-item {
		float: none;
		margin: 0 !important;
	}
}

.navbar button.btn-navbar {
    height: 60px;
	color: white;
    margin-top: 0 !important;
    margin-left: 0;
    margin-right: 20px;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	float:left;
	padding: 0 20px;
}

.navbar .btn-navbar i {
	color: white;
	font-size: 24px;
	line-height: 56px;
}

.navbar button.btn-navbar:hover, .navbar button.btn-navbar:focus, .navbar button.btn-navbar:active {
	font-weight: normal;
	background: #555;
}

.navbar-inner .nav-collapse {
    background-color: #555;
}

@media(min-width: 979px) {
    background-color: rgb(169, 163, 155);
}

.navbar .dropdown-menu {
    background-color: #555;
    margin-top: 0;
}

.navbar .nav.right-item li.user-item .dropdown-menu a {
    margin: 8px;
    color: white;
}

.navbar .nav.right-item li.user-item .dropdown-menu a:hover, .navbar .nav.right-item li.user-item .dropdown-menu a:active, .navbar .nav.right-item li.user-item .dropdown-menu a:focus {
    background: #444;
}

.navbar .nav.right-item li.user-item .user {
    height: 60px;
    line-height: 60px;
}

/* Show "More" on large screens, show About StoryCorps.me on small screen nav. */
/* More menu item */
.navbar #menu-item-16103, .navbar .menu-item-large {
    display: none;
}

/* About StoryCorps.me menu item */
.navbar #menu-item-16231, .navbar .menu-item.small {
    display: block;
}

.navbar #menu-item-16591, .navbar .menu-item.small {
  display: none;
}

@media(min-width: 979px) {
    /* More menu item */
    .navbar #menu-item-16103, .navbar .menu-item-large {
        display: block;
    }
}

.donate_sticky {
  font-family: "Helvetica";
	font-size: 24px !important;
	font-weight: lighter;
	background-color: #f26531;
	border-color: #f26531;
	width: 100%;
	color: white ;
	text-align: center;
	padding: 26px;
	z-index: 20;
}

.donate_sticky.fixed {
  position: fixed;
  top: 42px;
  z-index:20;
  height: 78px;
}

.donate-buttons{
	margin: 22 12px 12px 0;
}

a.donate-button {
	height: 64px;
	font-size: 20px;
	color: white;
	border: 2px #ffffff solid;
	margin: 22 12px 12px 0;
	padding: 12px;
	/*display:none;*/
	white-space:nowrap;
}

a.donate-button:hover, a.donate-button:focus, a.donate-button:active {
	background-color: #f8971d;
	border-color: #f8971d;
}

.footer-container {
	overflow: hidden;
}

.footer-column a div.ionicon {
	font-size: 24px;
	width: 24px;
	float: left;
	text-align: center;
}

footer.main-content .site-info {
	max-width: 940px;
	margin: 0 auto;
	padding: 36px 5px;
}

@media (max-width: 979px) {
	footer.main-footer .site-info {
		padding: 36px 0;
	}
}

footer.main-content {
	min-height: 400px;
	max-width: none;
	width: 100%;
	background-color: #f8971d;
}

footer.main-content .footer-nav {
	margin: 0;
}

footer.main-content .footer-nav a {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 16px;
	color: white;
	line-height: 1.5;
	padding: 0 0 12px 0;
}

footer.main-content .footer-nav a:hover {
	background-color: transparent;
}

footer.main-content p {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 16px;
	color: white;
	margin-bottom: 12px;
}

footer.main-content a.big-button.donate {
	background-color: #f26531;
	border-color: #f26531;
	width: 100%;
	color: white;
	text-align: center;
}

footer.main-content li {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;
	list-style: none;
	color: white;
}

footer.main-content li a {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;
	color: white;
}

.footer-container {
	overflow: hidden;
}

.footer-column a div.ionicon {
	font-size: 24px;
	width: 24px;
	float: left;
	text-align: center;
}

footer.main-content .site-info {
		max-width: 940px;
		margin: 0 auto;
		padding: 36px 12px;
}

@media (max-width: 979px) {

	footer.main-footer .site-info {
		padding: 36px 0;
	}
}

/* HOME / FRONT PAGE */

.hero-section {
	background-color: #f8971d;
}

.hero-section .content-area {
	width: 100%;
	height: 488px;
	padding-top: 0;
	background-image: url('img/iphone_mock_3.png');
	background-position: top right;
	background-size: 50%;
	background-repeat: no-repeat;
	background-color: #f8971d;
}

.hero-content {
	margin-top: 96px;
	margin-left: 60px !important;
	overflow: hidden;
}

.hero-content h3 {
	font-size: 40px;
	font-family: "Source sans pro";
	font-weight: 500;
	line-height: 1.125;
	color: white;
	margin-bottom: 84px;
}

a.app-store-button {
	height: 64px;
	float: left;
	border: 2px #ffffff solid;
	margin: 0 12px 12px 0;
}

a.app-store-button:last-of-type {
	margin: 0 0 12px 0;
}

a.app-store-button:hover, a.app-store-button:focus, a.app-store-button:active {
	background-color: #f26531;
	border-color: #f26531;
}

a.app-store-button img {
	width: 144px;
	height: auto;
	margin: 12px;
	box-shadow: none;
	border-radius: none;
}

.app-store-buttons {
	width: 356px;
	overflow: hidden;
}


a.donate-button {
	height: 64px;
	border: 2px #ffffff solid;
	margin: 0 12px 12px 0;
	padding: 10px;
	white-space:nowrap;
}

a.donate-button:last-of-type {
	margin: 0 0 12px 0;
}

a.donate-button:hover, a.donate-button:focus, a.donate-button:active {
	background-color: #f8971d;
	border-color: #f8971d;
}

.donate-buttons {
	display: inline;
	overflow: hidden;
}

a:link {
    text-decoration: none;
}

.footer-column .app-store-buttons {
	width: auto;
}

.footer-column a.app-store-button {
	width: 170px;
	display: block;
	height: 64px;
	float: none;
	margin: 0 auto 12px auto;
}

.footer-column a.app-store-button:last-of-type {
	width: 170px;
	display: block;
	height: 64px;
	float: none;
	margin: 0 auto 12px auto;
}

@media (max-width: 979px) {
	.hero-section .section {
		height: 0;
		padding-top: 45%;
	}

	.hero-section .content-area {
        background-size: 460px auto;
        margin-left: 0;
        margin-right: 0;
        padding: 12px;
    }

    .hero-content {
		margin-top: 60px;
		margin-left: 12px !important;
	}

    .hero-content h3 {
        font-size: 32px;
        margin-bottom: 60px;
    }

    .donate_sticky {
	/*display: none;*/
	position: static !important;

	}
}

@media (max-width: 768px) {
	.hero-content {
		margin-top: 24px;
		margin-left: 6px !important;
	}

	.hero-content h3 {
		margin: 0 24px 24px 24px;
    }

	.hero-section .content-area {
		height: auto;
        background-position: center 160px;
        background-size: 450px auto;
        margin-left: 0;
        margin-right: 0;
        padding: 12px 12px 360px 12px;
    }

    .app-store-buttons {
		margin: 0 auto;
		overflow: hidden;
	}

	.donate-buttons{
		width:auto;
		margin: 0 auto;
		overflow: hidden;
		line-height: 2.0;
	}

	 a.donate-button {
    	width: 170px;
    	/*display: block;*/
		height: 64px;
		float: none;
		margin: 0 auto 12px auto;
		white-space:nowrap;
	}
}

@media (max-width: 480px) {
	.hero-content {
		margin-left: 0 !important;
	}

	.hero-content h3 {
		margin: 0 0 24px 0;
		text-align: center;
	}

	.hero-content h4 {
		text-align: center;
		margin-bottom: 24px;
	}

	.hero-content a {
		padding-right: 0;
		display: block;
		margin: 0 auto;
		float: none;
	}

	.hero-section .content-area {
		height: auto;
		background-image: none;
        margin-left: 0;
        margin-right: 0;
        padding: 12px 12px 36px 12px;
    }

    .app-store-buttons {
    	width: auto;
    }

    a.app-store-button {
    	width: 170px;
    	display: block;
		height: 64px;
		float: none;
		margin: 0 auto 12px auto;
	}

	a.app-store-button:last-of-type {
    	width: 170px;
    	display: block;
		height: 64px;
		float: none;
		margin: 0 auto 12px auto;
	}

	.footer-column .app-store-buttons {
    	margin: 24px 0;
    }
}

.spotlight {
	width: auto;
}

.spotlight-section {
	background: white;
	padding: 0;
	overflow: auto;
}

.spotlight-section:nth-child(even){
	background-color: #f3f1ee;
}

.spotlight-section .image-area {
	height: auto;
	float: left;
}

.spotlight-section:nth-child(even) .image-area {
	float: right;
}

.spotlight-section .text-area {
	box-sizing: border-box;
	height: auto;
	padding: 200px 12px 12px 12px;
	float: left;
}

.spotlight-section .text-area p {
		font-family: "Meta serif";
		font-weight: normal;
		font-size: 24px;
}

.spotlight-section:nth-child(even) .text-area {
	padding: 200px 12px 12px 12px;
	float: right;
}

@media (max-width: 979px) {
	.spotlight-section .image-area {
		margin: 0 auto !important;
		width: 100%;
		max-width: 560px;
		padding: 12px;
		float: none;
	}
	.spotlight-section:nth-child(even) .image-area {
		margin: 0 auto !important;
		width: 100%;
		max-width: 560px;
		padding: 12px;
		float: none;
	}

	.spotlight-section .text-area {
			margin: 0 auto;
			width: 70%;
			padding: 12px 12px 36px 12px;
			max-width: 480px;
			float: none;
	}
	.spotlight-section:nth-child(even) .text-area {
			margin: 0 auto;
			width: 70%;
			padding: 12px 12px 36px 12px;
			max-width: 480px;
			float: none;
	}
	.spotlight-section .text-area p{
			text-align: center;
	}
}

.browse-section .image-area {
	width: 40%;
	height: auto;
	float: left;
}

.browse-section .text-area {
	box-sizing: border-box;
	width: 60%;
	height: auto;
	padding: 12px 72px 12px 72px;
	float: right;
	vertical-align: middle;
}

@media (max-width: 979px) {
	.browse-section .image-area {
			margin: 0 auto;
			width: 70%;
			max-width: 480px;
			padding: 12px;
			float: none;
	}
	.browse-section .text-area {
			margin: 0 auto;
			width: 70%;
			padding: 12px;
			float: none;
	}
}

/* INTERVIEWS / BROWSE ALL PAGE */

.archive-header {
	border: none;
	padding: 0;
    margin-top: 40px;
	margin-bottom: 10px;
}

.archive-header .big-button {
    max-width: 180px;
}

.archive-header .ionicon.bigger {
    font-size: 200%;
}

.archive-header .archive-title-container, .archive-header .archive-search-container-small, .archive-header .archive-search-container-large {
    display: block;
    float: left;
}

.archive-header .archive-title-container {
    width: 89%;
}

.archive-header .archive-search-container-large {
    display: none;
    width: 50%;
}

.archive-header .archive-search-container-large .big-button.right {
    float: right;
}

.archive-header .archive-search-container-small {
    width: 11%;
    height: 55px;
}

.archive-header .archive-search-container-small .ionicon.bigger {
    line-height: 55px;
}

.archive-header .archive-search-container-small a:hover, .archive-header .archive-search-container-small a:active {
    text-decoration: none;
}

@media (min-width: 768px) {
    .archive-header .archive-title-container, .archive-header .archive-search-container-large {
        display: block;
        width: 50%;
    }

    .archive-header .archive-search-container-small {
        display: none;
    }
}

h1.archive-title {
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 40px;
	line-height: 55px;
	text-transform: none;
	color: #1a1919;
	letter-spacing: 0;
	margin: 0;
}

h2.archive-title {
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	text-transform: none;
	color: #1a1919;
	letter-spacing: 0;
	margin: 0;
}

h2.archive-title a {
	color: #f8971d;
}


@media (max-width: 979px) {
    h1.archive-title {
        font-size: 32px;
    }
}

.username-container {
    vertical-align: top;
    display: inline-block;
}

.username {
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	color: #1a1919;
}

.title {
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 24px;
	line-height: 1.5;
	color: #1a1919;
}

.date {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 14px;
	line-height: 0.8;
	color: #a9a39b;
}

.browse-interview-card .photo-area img {
	width: 100%;
	display: block;
	max-width: 320px;
	margin: 0 auto;
	vertical-align: bottom;
}

.browse-interview-card .text-area {
	box-sizing: border-box;
	padding: 12px 12px 12px 0;
}

.browse-interview-card h4 {
	text-align: left;
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 24px;
	line-height: 1.125;
	color: #1a1919;
	margin: 12px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.browse-interview-card .small-info {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 14px;
	margin-right: 12px;
	color: #a9a39b;
}

.browse-interview-card .small-info img {
    vertical-align: text-top;
}

.browse-interview-card .small-info:last-of-type {
	margin-right: 0;
}

.browse-interview-card .small-info .btn {
	border: none;
	background-color: transparent;
	background-image: none;
	border-radius: 0;
	box-shadow: none;
	font-size: 18px;
	padding: 0;
}

.browse-interview-card .small-info .btn .ionicon {
	margin: 0;
}

.browse-interview-card .small-info .btn:hover, .browse-interview-card .small-info .btn:focus, .browse-interview-card .small-info .btn:active {
	color: #f8971d;
}

.browse-interview-card .keyword-container {
	max-height: 72px;
	overflow: hidden;
}

.interview-primary-content {
	overflow: hidden;
}

.interview-primary-content .right-info-bar {
    text-align: right;
}

.interview-info-bars {
	position: absolute;
	box-sizing: border-box;
	width: 65.74585635359117%;
	margin-left: 2.7624309392265194%;
	padding: 12px 12px 0 0;
	top: 0;
	right: 0;
}

.left-info-bar {
	overflow: hidden;
	width: 50%;
	float: left;
}

.browse-interview-card {
	position: relative;
   /* border: 3px solid #f3f1ee;*/
	display: block;
	width: auto;
	background-color: white;
	color: #1a1919;
	margin: 12px 0;
	padding: 0;
}

.browse-interview-card:hover {
    /*border: 3px solid #f8971d;*/
}

.browse-interview-card  .user-info-bar {
	position: static;
}

.browse-interview-card  .user-info-bar h3 {
	width: auto;
}

@media (max-width:768px){
	.browse-interview-card a.username {
		font-size: 12px;
		line-height: 16px;
		vertical-align: top;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.browse-interview-card .date {
		font-size: 12px;
		line-height: 16px;
		vertical-align: top;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.browse-interview-card .title {
		font-family: "Source sans pro";
		font-weight: 500;
		font-size: 16px;
		line-height: 1.25;
		color: #1a1919;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.interview-info-bars {
		width: auto;
		position: static;
		display: block;
		overflow: hidden;
		padding: 0 0 24px 0;
		margin-left: 0;
	}

	.browse-interview-card {
		padding: 12px 12px 36px 12px;
		position: relative;
		padding-top: 72px;
	}

	.browse-interview-card h4 {
		font-size: 22px;
		text-align: center;
		margin: 12px 0;
	}

	.browse-interview-card  .user-info-bar {
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 12px;
		padding: 0 12px;
	}
}

@media (max-width:480px){
	.browse-interview-card h4 {
		font-size: 20px;
		margin-left: 56px;
		text-align: left;
	}
}

.author-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media(min-width: 979px) {
    .author-container {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

.author-details {
    display: block;
    float: left;
}

.author-details .avatar-circle {
    margin-bottom: 0;
}

.author-follow {
    display: block;
    float: right;
    line-height: 44px;
}

.author-follow .big-button {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}

.author-follow img {
    vertical-align: text-top;
}

.interview-hero {
	position: relative;
	max-width: 1260px;
	background-color: #f3f1ee;
	display: block;
	overflow: hidden;
	width: 100%;
	color: #1a1919;
	margin: 12px auto;
	padding: 0;
}

.interview-hero .interview-photo-overlay {
    display: none;
}

.interview-hero .photo-area {
	position: static;
	margin: 0 auto;
	padding: 0;
}

.interview-hero .text-area {
	height: 248px;
	padding: 12px 12px 12px 0;
}

.interview-hero .text-area .span7 {
    max-width: 666px;
}

.interview-hero .text-area h2 {
	font-family: "Source sans pro";
    font-weight: normal;
	font-size: 24px;
	line-height: 1.125;
	color: #fff;
	margin: 12px 0;
}

@media(min-width: 480px) {
    .interview-hero .text-area h2 {
        font-size: 40px;
        font-weight: 500;
        color: #1a1919;
    }
}

.interview-photo {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	position: relative;
}


.interview-hero .social-controls {
	position: absolute;
	top: 20px;
	right: 20px;
	background: none;
}

@media (max-width:979px){
	.interview-hero .text-area h2 {
		font-size: 28px;
	}
}

@media (max-width:768px){
	.interview-hero .photo-area {
		padding: 12px 0 0 0;
	}

	.interview-photo {
		width: 60%;
		max-width: 480px;
		padding-bottom: 60%;
		background-size: cover;
		margin: 0 auto;
	}

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

	.browse-interview-card .photo-area {
		position: relative;
		width: auto;
	}

	.interview-hero .text-area {
		position: relative;
		height: auto;
		padding: 20px 12px 96px 12px;
	}

	.interview-hero .text-area h2 {
		margin: 0 auto;
		max-width: 480px;
		text-align: center;
	}
}

@media (max-width:480px){
	.interview-hero .photo-area {
		padding: 0;
	}

    .interview-hero .interview-photo-overlay {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
		padding-bottom: 100%;
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); /* For Safari 5.1 to 6.0 */
  		background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
  		background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
  		background: linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); /* Standard syntax */
    }

	.interview-photo {
		width: 100%;
		padding-bottom: 100%;
	}

    .interview-hero .text-area {
		position: absolute;
        bottom: 0;
		height: auto;
        padding: 0px 0px 69px 0px;
	}

    .interview-hero .text-area h2 {
        font-size: 24px;
        padding: 0 20px;
        text-align: left;
	}

	.browse-interview-card .photo-area {
		position: relative;
		margin-left: 56px !important;
		width: auto;
	}

	.browse-interview-card .info-bar-container {
		margin-left: 56px !important;
		width: auto;
	}

    .interview-hero .social-controls {
        top: 8px;
        right: 2px;
	}

    .interview-hero .social-controls .social-button {
        color: white;
    }
}

a.keyword {
    display: inline-block;
    margin-top: 4px;
	background-color: #f3f1ee;
	padding: 4px 6px;
	color: #1a1919;
}

a.keyword.gray-bg {
	background-color: #dedad4;
}

a.keyword:hover, a.keyword:focus, a.keyword:active{
	background-color: #f8971d;
	color: white;
	text-decoration: none;
}


.interview-hero .social-button {
	color: #a9a39b;
	line-height: 1;
	cursor: pointer;
    font-size: 32px;
	width: 32px;
	overflow: hidden;
}

@media(min-width: 480px) {
    .interview-hero .social-button {
        font-size: 40px;
        width: 40px;
    }
}

.interview-hero .social-button#like-button {
	color: #f8971d;
}

.interview-hero .social-button#flag-button {
    margin-top: 5px;
    font-size: 30px;
}

#single_interview_title {
	word-wrap: break-word;
}

span.fa.fa-flag.flagged {
    color: #f26531;
}

div.modal.hide.fade.in {
    border-radius: 0px;
}

.modal-body.search-modal.row-fluid {
    margin-bottom: 16px;
}

a.flag-interview-toggle:hover, a.delete-interview-confirm:hover {
    background-color: #f8971d;
    color: #ffffff;
}

a.flag-interview-toggle:active, a.delete-interview-confirm:active, a.flag-interview-toggle:focus, a.delete-interview-confirm:focus {
    box-shadow: none;
    background-color: inherit;
    color: #f8971d;
}

a.flag-interview-toggle, a.delete-interview-confirm {
    border: 2px solid #f8971d;
    padding: 10px;
    background-color: transparent;
    color: #f8971d;
    border-radius: 0px;
    background-image: none;
    background-repeat: no-repeat;
    box-shadow: none;
    text-shadow: none;
}

a.flag-interview-dismiss:hover, a.delete-interview-dismiss:hover {
    background-color: #a9a39b;
    color: #ffffff;
}


a.flag-interview-dismiss:active, a.delete-interview-dismiss:active, a.flag-interview-dismiss:focus, a.delete-interview-dismiss:focus {
    box-shadow: none;
    background-color: inherit;
    color: #a9a39b;
}

a.flag-interview-dismiss, a.delete-interview-dismiss {
    border: 2px solid #a9a39b;
    padding: 10px;
    color: #a9a39b;
    border-radius: 0px;
    background-image: none;
    background-repeat: no-repeat;
    box-shadow: none;
    text-shadow: none;
}

.interview-hero .social-button span {
	float: right;
}

.interview-hero .social-button span.ionicon {
		margin: 0;
}

.small-info-bar {
	display: block;
	margin: 0;
	text-align: center;
}

.small-info-bar.left {
    text-align: left;
}

.small-info-bar.right {
	text-align: right;
}

.interview-hero .small-info {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 14px;
	margin-right: 24px;
	color: #a9a39b;
}

.interview-hero .small-info:last-of-type {
	margin-right: 0;
}


@media (max-width:768px){
	.interview-hero .social-button#like-button {
		color: #f8971d;
	}

	.interview-hero .social-button span.ionicon {
			margin: 0 12px 0 0;
	}

	.interview-hero .social-button span {
		float: none;
	}

	.small-info-bar {
        margin-top: 10px;
	}

	.small-info-bar.right {
		text-align: center;
	}
}

@media (max-width: 480px){
	.small-info-bar.right {
		text-align: left;
		margin: 0 0 0 56px;
	}

    .keyword-container {
        text-align: left;
        margin: 0 0 0 56px;
    }

    .interview-hero .small-info-bar {
        margin-top: 0;
        padding: 0 20px;
    }

    .interview-hero .small-info {
        color: white;
    }
}

.avatar-circle {
	display: inline-block;
	width: 44px;
	height: 44px;
	margin: 0 12px 0 0;
	vertical-align:middle;
	overflow: hidden;
	border-radius: 50%;
}

.avatar-circle img {
	display: inline;
	width: 44px;
	height: auto;
	min-height: 44px;
}

.user-info-row {
	height: 240px;
}

.profile .avatar-circle {
	width: 220px;
	height: 220px;
	vertical-align:middle;
	overflow: hidden;
	border-radius: 50%;
}

.profile .avatar-circle .avatar-photo {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}

.profile .avatar-circle img {
	width: 220px;
	height: auto;
	min-height: 220px;
	vertical-align:middle;
}

.user-info-row .big-button {
	margin: 90px 0 12px 0;
}

.profile {
	margin: 24px 0px;
	height: 220px;
}

.profile h2 {
	line-height: 1.125;
	margin: 0 0 12px 0;
}

.profile .info {
	height: 100%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;

	justify-content: center;
	box-align: center;
}

@media (max-width:979px){

	.profile .avatar-circle {
		width: 170px;
		height: 170px;
		overflow: hidden;
		border-radius: 50%;
		margin: 0 auto;
		display: block;
		float: none;
	}

	.profile .avatar-circle img {
		width: 170px;
		height: auto;
		min-height: 170px;
		vertical-align:middle;
	}

	.profile {
		margin: 24px 0px;
		height: 180px;
	}
}

@media (max-width:767px){
	.user-info-row {
		height: auto;
	}

	.profile {
		margin: 24px 0 12px 0;
		height: auto;
		overflow: hidden;
	}

	.profile .avatar-circle {
		width: 140px;
		height: 140px;
		overflow: hidden;
		border-radius: 50%;
		margin: 0 auto;
		display: block;
		float: none;
	}

	.profile .avatar-circle img {
		width: 140px;
		height: auto;
		min-height: 140px;
		vertical-align:middle;
	}

	.profile h2 {
		text-align: center;
	}

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

	.profile .big-button.gray {
		float: none;
		display: inline-block;
	}

	.user-info-row .big-button {
		margin: 12px auto;
		display: block;
		float: none;
	}

	.avatar-circle {
		margin: 0 12px 12px 0;
	}
}

@media (max-width:480px){
	.profile h2 {
		text-align: center;
	}
}

.imagePreview.profile {
	/*border-radius: 50%;*/
	/*margin: 20px;*/
}


.well-image{

	padding:11px !important;
	max-width: 400px;
}

.well well-small{
	margin:8px;
}

.well-spaceless{
	margin:0px !important;
}

.follow-list-card-container {
	width: 25%;
	float: left;
}

.follow-list-card {
	display: block;
	background-color: white;
	padding: 24px 12px;
	margin-left: 4px;
	margin-right: 4px;
}

.follow-list-card-container:nth-child(4n+1) .follow-list-card, .follow-list-card-container:nth-child(4n+1) .follow-list-card-button {
	margin-left: 0;
	margin-right: 9px;
}

.follow-list-card-container:nth-child(4n+2) .follow-list-card, .follow-list-card-container:nth-child(4n+2) .follow-list-card-button {
	margin-left: 3px;
	margin-right: 6px;
}

.follow-list-card-container:nth-child(4n+3) .follow-list-card, .follow-list-card-container:nth-child(4n+3) .follow-list-card-button {
	margin-left: 6px;
	margin-right: 3px;
}


.follow-list-card-container:nth-child(4n+4) .follow-list-card, .follow-list-card-container:nth-child(4n+4) .follow-list-card-button {
	margin-right: 0;
	margin-left: 9px;
}

.follow-list-card-button {
	cursor: pointer;
	background-color: #f8971d;
	color: white;
	text-align: center;
	padding: 12px;
	margin: 0 4px 12px 4px;
}

@media (max-width:979px){
	.follow-list-card-container {
		width: 33.333%;
	}

	.follow-list-card-container:nth-child(4n+1) .follow-list-card, .follow-list-card-container:nth-child(4n+1) .follow-list-card-button {
		margin-left: 4px;
		margin-right: 4px;
	}

	.follow-list-card-container:nth-child(4n+2) .follow-list-card, .follow-list-card-container:nth-child(4n+2) .follow-list-card-button {
		margin-left: 4px;
		margin-right: 4px;
	}

	.follow-list-card-container:nth-child(4n+3) .follow-list-card, .follow-list-card-container:nth-child(4n+3) .follow-list-card-button {
		margin-left: 4px;
		margin-right: 4px;
	}

	.follow-list-card-container:nth-child(4n+4) .follow-list-card, .follow-list-card-container:nth-child(4n+4) .follow-list-card-button {
		margin-right: 4px;
		margin-left: 4px;
	}


	.follow-list-card-container:nth-child(3n+1) .follow-list-card, .follow-list-card-container:nth-child(3n+1) .follow-list-card-button {
		margin-left: 0;
		margin-right: 8px;
	}

	.follow-list-card-container:nth-child(3n+2) .follow-list-card, .follow-list-card-container:nth-child(3n+2) .follow-list-card-button {
		margin-left: 4px;
		margin-right: 4px;
	}

	.follow-list-card-container:nth-child(3n+3) .follow-list-card, .follow-list-card-container:nth-child(3n+3) .follow-list-card-button {
		margin-right: 0;
		margin-left: 8px;
	}
}

@media (max-width:767px){
	.follow-list-card-container {
		width: 50%;
	}

	.follow-list-card-container:nth-child(4n+1) .follow-list-card, .follow-list-card-container:nth-child(4n+1) .follow-list-card-button {
		margin-left: 4px;
		margin-right: 4px;
	}

	.follow-list-card-container:nth-child(4n+2) .follow-list-card, .follow-list-card-container:nth-child(4n+2) .follow-list-card-button {
		margin-left: 4px;
		margin-right: 4px;
	}

	.follow-list-card-container:nth-child(4n+3) .follow-list-card, .follow-list-card-container:nth-child(4n+3) .follow-list-card-button {
		margin-left: 4px;
		margin-right: 4px;
	}

	.follow-list-card-container:nth-child(4n+4) .follow-list-card, .follow-list-card-container:nth-child(4n+4) .follow-list-card-button {
		margin-right: 4px;
		margin-left: 4px;
	}


	.follow-list-card-container:nth-child(3n+1) .follow-list-card, .follow-list-card-container:nth-child(3n+1) .follow-list-card-button {
		margin-left: 4px;
		margin-right: 4px;
	}

	.follow-list-card-container:nth-child(3n+2) .follow-list-card, .follow-list-card-container:nth-child(3n+2) .follow-list-card-button {
		margin-left: 4px;
		margin-right: 4px;
	}

	.follow-list-card-container:nth-child(3n+3) .follow-list-card, .follow-list-card-container:nth-child(3n+3) .follow-list-card-button {
		margin-right: 4px;
		margin-left: 4px;
	}

	.follow-list-card-container:nth-child(2n+1) .follow-list-card, .follow-list-card-container:nth-child(2n+1) .follow-list-card-button {
		margin-left: 0;
		margin-right: 6px;
	}

	.follow-list-card-container:nth-child(2n+2) .follow-list-card, .follow-list-card-container:nth-child(2n+2) .follow-list-card-button {
		margin-left: 6px;
		margin-right: 0;
	}
}

@media (max-width:480px){
	.follow-list-card-container {
		width: 100%;
	}

	.follow-list-card {
		margin: 0 0 0 0;
	}

	.follow-list-card-button {
		margin: 0 0 12px 0;
	}

	.follow-list-card-container:nth-child(4n+1) .follow-list-card, .follow-list-card-container:nth-child(4n+1) .follow-list-card-button {
		margin-left: 0;
		margin-right: 0;
	}

	.follow-list-card-container:nth-child(4n+2) .follow-list-card, .follow-list-card-container:nth-child(4n+2) .follow-list-card-button {
		margin-left: 0;
		margin-right: 0;
	}

	.follow-list-card-container:nth-child(4n+3) .follow-list-card, .follow-list-card-container:nth-child(4n+3) .follow-list-card-button {
		margin-left: 0;
		margin-right: 0;
	}

	.follow-list-card-container:nth-child(4n+4) .follow-list-card, .follow-list-card-container:nth-child(4n+4) .follow-list-card-button {
		margin-right: 0;
		margin-left: 0;
	}


	.follow-list-card-container:nth-child(3n+1) .follow-list-card, .follow-list-card-container:nth-child(3n+1) .follow-list-card-button {
		margin-left: 0;
		margin-right: 0;
	}

	.follow-list-card-container:nth-child(3n+2) .follow-list-card, .follow-list-card-container:nth-child(3n+2) .follow-list-card-button {
		margin-left: 0;
		margin-right: 0;
	}

	.follow-list-card-container:nth-child(3n+3) .follow-list-card, .follow-list-card-container:nth-child(3n+3) .follow-list-card-button {
		margin-right: 0;
		margin-left: 0;
	}

	.follow-list-card-container:nth-child(2n+1) .follow-list-card, .follow-list-card-container:nth-child(2n+1) .follow-list-card-button {
		margin-left: 0;
		margin-right: 0;
	}

	.follow-list-card-container:nth-child(2n+2) .follow-list-card, .follow-list-card-container:nth-child(2n+2) .follow-list-card-button {
		margin-left: 0;
		margin-right: 0;
	}
}

.follow-list-card .avatar-circle {
	width: 96px;
	height: 96px;
	margin: 0 auto 12px auto;
	display: block;
}

.follow-list-card .avatar-circle img {
	width: 100%;
	height: auto;
	min-height: 96px;
}

.follow-list-card p {
	margin: 0;
}

.follow-list-card-button .hover, .follow-list-card-button .not-hover {
    display: none;
}

.follow-list-card-button:hover .hover {
    display: inline;
}

.follow-list-card-button:hover .not-hover {
    display: none;
}

.follow-list-card-button .not-hover {
    display: inline;
}

.follow-list-card-button:hover {
	background-color: #f26531;
}

.follow-list-card-button:active {
	background-color: #f05219;
}

#share-button {
  padding-left: 8px;
}

#share-button i {
  font-size: 0.9em;
}

.share-options .social-button {
  padding-right: 2px;
}

#share-modal {
  background: #F3F1EE;
}

.modal-h4-title {
  text-align:center;
  margin: 0;
}

#share-modal .modal-body {
  margin-top: 0;
}

#copy-paste-url h5,
#embed-widget h5 {
  margin-bottom: 0;
}

#alternate-share p:first-child {
  float: left;
}

#alternate-share .facebook,
#alternate-share .twitter {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
}

#alternate-share .facebook {
  margin-left: 5px;
  background: #3b5998;
}

#alternate-share .twitter {
  background: #55acee;
}

.topic-sidebar {
	margin-top: 30px;
}

.share-options {
	display: block;
	overflow: hidden;
}

.share-options a.social-button {
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border-radius: 50%;
	background-color: #dedad4;
	color: white;
	float: left;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	margin-left: 8px;
}

.share-options .social-button {
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border-radius: 50%;
	background-color: #dedad4;
	color: white;
	float: left;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	margin-left: 8px;
}

.share-options a.social-button:hover, .share-options a.social-button:focus, .share-options a.social-button:active {
	text-decoration: none;
}

.share-options a.social-button:first-of-type {
	margin-left: 0;
}

.share-options a.social-button span.ionicon {
	width: 40px;
	margin: 0;
}

.share-options a.social-button.twitter-button {
	background-color: #4099ff;
}

.share-options a.social-button.facebook-button {
	background-color: #3b5998;
}

.share-options a.social-button.link-button {
	background-color: #63615E;
}

/* PLAYER CONTROL STYLES */
/* Should this be moved eventually? */

.square-play-button {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background-color: #f8971d;
}

.square-play-button span {
	color: white;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	width: 60px;
	display: block;
	cursor: pointer;
}


.interview-hero .audio-player-container {
	position: absolute;
    bottom: 0;
}

@media(min-width: 480px) {
    .interview-hero .audio-player-container {
        bottom: 20px;
        padding-right: 24px;
    }
}

.interview-hero .player {
	width: 100% !important;
	height: 60px !important;
}

.excerpt-container .player {
	position: static;
	width: 100% !important;
	height: 60px !important;
}

.interview-hero .player .controls .button-group, .excerpt-container .controls .player .button-group{
	width: 120px;
}

.interview-hero .player .controls .button-group button, .excerpt-container .player .controls .button-group button{
	opacity: 1;
	width: 60px;
	height: 60px;
	margin: 0;
}

.interview-hero .player .controls .button-group button.play, .excerpt-container .player .controls .button-group button.play {
	background-color: #f8971d;
}

.interview-hero .player .controls .button-group button.play:hover, .excerpt-container .player .controls .button-group button.play:hover{
	background-color: #f28907;
	box-shadow: none;
}

.interview-hero .player .controls .button-group button.play:active, .excerpt-container .player .controls .button-group button.play:active{
	background-color: #da7b07;
	box-shadow: none;
}

.interview-hero .player .controls .button-group button.stop, .excerpt-container .player .controls .button-group button.stop{
	background-color: #73706a;
}

.interview-hero .player .controls .button-group button.stop:hover, .excerpt-container .player .controls .button-group button.stop:hover {
	background-color: #65625d;
	box-shadow: none;
}

.interview-hero .player .controls .button-group button.stop:active, .excerpt-container .interview-hero .player .controls .button-group button.stop:active{
	background-color: #585551;
	box-shadow: none;
}

.interview-hero .player .controls .button-group.secondary, .excerpt-container .player .controls .button-group.secondary{
	display: none;
}

.interview-hero .player .controls, .excerpt-container .player .controls {
	padding: 0;
}

.interview-hero .player .controls .progress, .excerpt-container .player .controls .progress {
	padding: 0;
	border-radius: 0;
}

.interview-hero .player .controls .progress progress,
.excerpt-container .player .controls .controls .progress progress {
	height: 60px;
	background-color: white;
}

.interview-hero .player .controls .progress progress[value],
.excerpt-container .player .controls .progress progress[value] {
	height: 60px;
	background-color: #dedad4;
}

.interview-hero .player .controls .progress progress::-webkit-progress-bar,
.excerpt-container .player .controls .progress progress::-webkit-progress-bar {
	background-color: white;
}

.interview-hero .player .controls .progress progress[value]::-webkit-progress-bar,
.excerpt-container .player .controls .progress progress[value]::-webkit-progress-bar {
	background-color: #dedad4;
}

/* INFO PAGES */

.widget-area.sidebar{
	margin: 12px 0;
}

.widget-area.sidebar .widget ul li {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 20px;
	color: #1a1919;
	margin: 0;
}

.widget-area.sidebar i.fa {
	width: 24px;
	text-align: center;
}

.widget-area.sidebar .widget ul li a {
	font-family: "Source sans pro";
	font-weight: normal;
	font-size: 16px;
	color: #1a1919;
}

.widget-area.sidebar .widget ul li a:hover, .widget-area.sidebar .widget ul li a:active, .widget-area.sidebar .widget ul li a:focus {
	text-decoration: none;
	color: #f8971d;
}

.widget-area.sidebar .widget ul li.page_item.active a {
    text-decoration: none;
	color: #f8971d;
}

.tab-content {
	overflow: inherit;
}

.nav.nav-tabs {
	margin-bottom: 0;
	border: none;
}

.nav.nav-tabs > li a {
	border: none;
	border-bottom: 4px solid transparent;
	display: inline-block;
	padding-bottom: 4px;
    margin-right: 20px;
}

.nav.nav-tabs > li:first-of-type > a {
	padding-left: 0;
}

.nav.nav-tabs > li a:hover, .nav.nav-tabs > li a:focus {
	background-color: transparent;
	border-bottom: 4px solid #1a1919;
}

.nav.nav-tabs > li.active a {
	background-color: transparent;
	border-radius: 0;
	border: 0;
	border-bottom: 4px solid #1a1919;
}

.nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:focus {
	background-color: transparent;
	border: 0;
	border-bottom: 4px solid #1a1919;
}

.nav.nav-tabs .nav-menu-arrow {
	display: none;
}

.nav.nav-tabs .active-nav-category {
	display: none;
}

@media (max-width: 480px){

	.nav.nav-tabs {
		position: relative;
		border: 1px black solid;
		padding: 0;
		margin-bottom: 8px;
	}

	.nav.nav-tabs > li {
		width: auto;
		display: none;
		float: none;
	}

	.nav.nav-tabs.open > li {
		display: block;
		padding: 0;
	}

	.nav.nav-tabs > li a {
		padding: 12px;
		border-bottom: none;
		border-radius: 0;
		width: 100%;
		background-color: #f3f1ee;
		color: #63615E;
	}
	.nav.nav-tabs > li:first-of-type a {
		padding-left: 12px;
	}

	.nav.nav-tabs > li:last-of-type a {
		border-bottom: 1px black solid;
	}

	.nav.nav-tabs > li.active a {
		border: none;
		border-bottom: none;
		background-color:  #f3f1ee;
	}

	.nav.nav-tabs > li a:hover, .nav.nav-tabs > li a:focus, .nav.nav-tabs > li a:active {
		border: none;
		border-bottom: none;
		background-color: #f8971d;
		color: white;
	}

	.nav.nav-tabs > li:last-of-type a:hover, .nav.nav-tabs > li:last-of-type a:focus, .nav.nav-tabs > li:last-of-type a:active {
		border-bottom: 1px black solid;
	}

	.nav.nav-tabs > li.active a:hover, .nav.nav-tabs > li.active a:focus, .nav.nav-tabs > li.active a:active {
		border: none;
		border-bottom: none;
		color: white;
		background-color: #f8971d;
	}

	.nav.nav-tabs .nav-menu-arrow {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 48px;
		margin-right: 12px;
	}

	.nav.nav-tabs .active-nav-category {
		display: block;
		padding: 12px;
		border-radius: 0;
		width: 100%;
	}

	.nav.nav-tabs.open .active-nav-category {
		border-bottom: 1px black solid;
	}

}

.edit-profile .tab-content{
	margin-top: 12px;
	background: white;
	padding: 12px;
	border: none;
}


.edit-profile .avatar-preview {
	width: 160px;
	height: 160px;
	vertical-align:middle;
	overflow: hidden;
	border-radius: 50%;
}

.edit-profile .avatar-preview img {
	width: 160px;
	height: auto;
	vertical-align:middle;
}

.edit-profile label{
	font-size: 16px;
	line-height: 30px;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    vertical-align: baseline;
}

.login-remember {
	margin-bottom: 12px;
}

.login-submit {
	overflow: hidden;
}

.login-submit input, .login-submit button,
.reset-password-btn {
	display: inline-block;
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 16px;
	color: #f8971d;
	padding: 18px 36px;
	margin: 12px 0;
	border-radius: 0;
	border: 2px solid #f8971d;
	cursor: pointer;
	background-color: transparent;
	float: right;
}

.login-submit #wp-submit, .register-buttons input.big-button{
  height: 61px;
}

.login-submit input:hover, .login-submit input:active, .login-submit input:focus {
	text-decoration: none;
	color: white;
    border: 2px solid #f8971d;
	background: #f8971d;
    box-shadow: none;
    outline: none;
}

.image-area img {
	box-shadow: none;
}

.back-link-container {
    width: 100%;
    position: relative;
    content: "";
    display: table;
    clear: both;
}

.with-back-link {
    display: block;
    float: left;
}

.back-link {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    float: right;
}

.back-link:hover,
.back-link:focus,
.back-link:active {
    color: #f8971d;
}

@media(max-width: 768px) {
    .with-back-link {
        float: none;
        margin-bottom: 0px;
    }

    .back-link {
        position: static;
        margin-top: 0;
        float: none;
        margin-bottom: 25px;
    }
}

/* SEARCH PAGE */

.search-container {
	margin-bottom: 36px;
	background-color: #f3f1ee;
	height: auto;
}

.search-form {
	position: relative;
	width: 60%;
	display: block;
	margin: 36px auto;
}

@media(max-width: 768px) {
	.search-form {
		width: 100%;
	}
}

input.search-form-input {
	padding-left: 30px;
	margin: 0;
}

.search-form-input-icon {
	position: absolute;
	font-size: 24px;
	color: #a9a39b;
	top: 0;
	left: 0;
	margin: 4px 8px;
}

input.search-form-input:focus {
	border-color: #f8971d;
}

/*SHARE MODAL */
.ui-dialog.ui-widget {
	width: 100% !important;
	max-width: 768px;
	background-color: transparent;
	z-index: 10000;
}

.ui-dialog.ui-widget .ui-dialog-content {
	background-color: #f3f1ee;
	padding: 36px;
}

.ui-dialog.ui-widget .dialog-title {
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	color: #1a1919;
}

.ui-dialog.ui-widget .dialog-title i {
	display: none;
}

.ui-dialog.ui-widget p.share {
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 16px;
	padding: 6px 12px;
}

.ui-dialog.ui-widget .embed p label, .ui-dialog.ui-widget .embed p:first-child label {
	font-family: "Source sans pro";
	font-weight: 500;
	font-size: 16px;
	background-color: transparent;
	padding: 6px 12px;
}

.ui-dialog .embed input {
	display: block;
	width: 100%;
}

.ui-widget-overlay.ui-front {
	opacity: 0.45;
}

.error404 .search-form {
	margin: 0;
}

.login-submit {
    float: left;
	margin-right: 20px;
}

ol {
    margin: 0 0 12px 20px !important;
}

ol.upper-rom {
	list-style-type: upper-roman;
	padding-left: 21px;
}

ol.upper-letter {
	list-style-type: upper-alpha;
}

ol.decimal {
	list-style-type: decimal;
	padding-top: 12px;
	padding-left: 20px;
}

ol.single-list-item {
	list-style-type: none;
	margin-left: 0px !important;
}

ol.upper-rom > li {
	margin-bottom: 12px;
}

ol.upper-rom > li:first-child {
	margin-top: 12px;
}

li.strong, .important {
	font-weight: bold;
}

#normal-text {
	margin-bottom: 12px;
}

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

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

ul#cookie-info {
    margin-top: 12px;
}

li.cookies {
    margin-left: 10px;
}

ul.privacy-policy {
	margin: 12px 0 12px 26px;
}

ul.privacy-policy.disc {
	list-style-type: disc;
	margin-left: 40px;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 14px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

#loginform-custom a.forgort-password {
	float: right;
	margin-top: 16px;
}

.fb-login-connector {
	display: inline-block;
	right: 0;
	position: absolute;
	margin-right: auto;
}

img.social-login-img {
	vertical-align: middle;
}

.fb-login-connector  button{
    height: 61px;
    padding: 0 35px;
	border-color: #3b5998;
	color: #3b5998;
}

.fb-login-connector i{
  font-size: 28px;
  vertical-align: middle;
  margin-right: 6px;
}

.fb-login-connector button:hover, .fb-login-connector button:active, .fb-login-connector button:focus {
	border-color: #3b5998;
	background: #3b5998;
	color: white;
}

.register-buttons input.big-button {
	margin-right: 278px;
}

.fb-login-button span{
   vertical-align: 0px;
   padding-left:30px;
}

.fb-login-button i{
   position:absolute;
}

@media (max-width:884px) {
	.login-submit, .register-buttons {
		text-align: center;
	}

    div.register-buttons input.big-button {
        margin-left: 20px;
    }

    div.register-buttons input.big-button, p.login-submit.fb-login-connector#signup-form {
        float: none;
    }
}

@media (max-width: 837px) {
    .login-submit {
		display: block;
		float: none;
		margin-right: auto;
	}

	p.login-submit.fb-login-connector#login-form {
		display: block;
		margin-top: 0;
		position: relative;
		text-align: center;
        float: none;
	}

	input.big-button, .login-submit input, #login-form button, .register-buttons #signup-form button {
		float: none;
	}
}

@media (max-width: 800px) {
	.fb-login-connector#login-form {
		display: block;
		margin-top: 0;
		position: relative;
		text-align: center;
	}

	input.big-button, .login-submit input, .fb-login-connector button {
		float: none;
	}

	.register-buttons input.big-button {
		margin-right: auto;
	}
}

/* The Great Thanksgiving Listen */
@media (max-width:767px) {
    a.folklife img {
        margin-top: 0px;
        margin-left: 0px;
    }

    .span1.mc-partners, .span2.mc-partners, .span2.mc-sponsors {
        display: block !important;
    }

    /* SPONSORS */
    div#ablearner_thumb {
        margin-top: 0px;
    }

    div#ablearner_thumb, div#subaru_thumb, div#aarp_thumb, div#adobe_thumb, div#vrc_thumb {
        bottom: 0px;
    }

    div#ablearner_thumb, div#subaru_thumb, div#aarp_thumb, div#adobe_thumb {
        width: 27%;
    }

    div#ablearner_thumb, div#subaru_thumb {
        margin-bottom: 8px;
    }

    div#vrc_thumb {
        width: 19%;
    }

    .second-row div#lor_thumb {
        width: 32%;
    }

    /** PARTNERS **/
    div#ted_thumb, div#npr_thumb, div#abcnews_thumb {
        width: 19%;
        margin-bottom: 8px;
    }

    div#loc_thumb {
        width: 16%;
    }

    /** EDUCATION PARTNERS **/
    div#fhao_thumb {
        margin-top: 8px;
        margin-bottom: 8px;
        bottom: 0px ;
    }

    div#tfa_thumb {
        bottom: 0px;
    }

    div#nnstoy_thumb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    div#aft_thumb, div#fhao_thumb, div#tfa_thumb, div#nysais_thumb, div#nnstoy_thumb, div#tt_thumb {
        width: 25%;
    }

    div#nea_thumb, div#ncss_thumb {
        width: 13%;
        margin-top: 1px;
    }
}

.form-group.mc-field-group br {
    display: none;
}

.mc-field-group {
    margin-top: 12px;
}

.mc-field-group label {
    margin-bottom: 6px;
}

#mce-responses {
    margin: 12px 0 12px;

}

.mc-field-group input {
    margin-bottom: 0px;
}

.folklife br {
    display: none;
}

.folklife img {
    margin-top: -20px;
    margin-left: 2px;
}

/** SPONSORS **/
.tgtl-sponsors .second-row {
    text-align: center;
}

.tgtl-sponsors div {
    position: relative;
}

#ablearner_thumb {
    width: 17.5%;
    bottom: 28px;
}
#subaru_thumb {
    width: 20.5%;
    bottom: 24px;
}
#aarp_thumb {
    width: 16.5%;
    bottom: 28px;
}

#adobe_thumb {
    width: 17.5%;
    bottom: 17px;
    /*bottom: 8px;*/
}

#vrc_thumb {
    width: 11.25%;
    bottom: 10px;
}

#lor_thumb {
    width: 22%;
    margin-top: 10px;
}

/** PARTNERS **/
.tgtl-partners {
    margin-bottom: 15px;
}

#tgtl-partners-header {
    margin-top: 10px;
}

#ted_thumb {
    width: 11.25%;
}

#npr_thumb, #abcnews_thumb {
    width: 13%;
}

#loc_thumb {
    width: 8%;
}

/** EDUCATION PARTNERS **/
.tgtl-education-partners {
    text-align: center;
}

.tgtl-education-partners div {
    position: relative;
}

.span1.mc-partners, .span2.mc-partners, .span2.mc-sponsors {
    float: none !important;
    display: inline-block;
}

#aft_thumb {
    width: 14.5%;
}

#fhao_thumb {
    width: 17.5%;
    bottom: 4px;
}

#nea_thumb {
    width: 8%;
    margin-top: 1px;
}

#ncss_thumb {
    width: 7.4%;
}

#tfa_thumb {
    width: 18%;
    bottom: 38px;
}

#nysais_thumb {
    width: 18%;
}

#nnstoy_thumb {
    width: 21%;
    margin-top: 20px;
}

#tt_thumb {
    width: 23%;
    bottom: 1.5px;
}

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

p.alert-danger {
  padding: 8px 35px 8px 14px;
  border-radius: 5px;
}

#upload-form {
  background: #F3F1EE;
}

#upload-page-title {
  background: #fff;
  margin: 0 auto;
  height: auto;
  /*padding: 0 455px;*/
  max-width: 940px;
}

#upload-page-title h2 {
  margin: 10px 0;
  font-size: 23px;
  float: left;
}

#upload-page-title a {
  font-weight: 500;
  font-size: 16px;
  float: right;
  margin: 15px;
}

.upload-step-id {
  background: #f8971d;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding: 12px 0 0 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
}

.upload-step-title {
  margin: 0 5px 0 0;
  font-size: 22px;
  font-weight: 400;
  float: left;
}

.tool-tip {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #C4C4C4;
  color: #fff;
  padding: 0 0 0 9px;
  float: left;
  margin-top: 2px;
  font-weight: 500;
  cursor: pointer;
}

div.tooltip-inner {
  max-width: 400px;
}

.upload-step-statement {
  font-style: italic;
  margin: 0 0 5px 0;
  font-size: 14px;
}

.upload-step-statement a {
  color: #f8971d;
}

.upload-step-statement a:hover {
  text-decoration: underline;
}

#progress-bar,
#upload-audio,
#upload-title,
#upload-summary,
#upload-participants,
#upload-taxonomies {
  background: #F3F1EE;
  margin: 0 auto;
  height: auto;
  /*padding: 25px 455px;*/
  padding: 25px 0;
  max-width: 940px;
}

#upload-audio .span11,
#upload-photos .span11,
#upload-title .span11,
#upload-summary .span11,
#upload-participants .span11,
#upload-taxonomies .span11 {
  padding: 0 15px 0 0;
}

#sc_dropzone_audio {
  width: 100%;
  height: initial;
  background: #e8e8e8;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 23px 0 28px 0;
}

#sc_dropzone_audio:hover,
#sc_dropzone_1:hover,
#add-participant:hover,
#remove-participant:hover,
#upload-button:hover {
  opacity: 0.8;
}

#remove-audio {
  background: #f8971d;
  color: #fff;
  border: none;
}

#select-file {
  background: #f8971d;
  color: #fff;
  float: left;
  margin-right: 10px;
  padding: 5px 30px;
  border: none;
}

#sc_dropzone_audio .span6 p {
  font-size: 24px;
  opacity: 0.7;
  float: left;
  line-height: 1.2;
}

#sc_dropzone_audio .span7 {
  width: 63%;
  margin-left: 3%;
}

.first-statement {
  font-size: 13px;
  opacity: 0.7;
  margin-top: 10px;
}

.second-statement {
  font-size: 13px;
  opacity: 0.7;
  margin: 0 0 0 190px;
}

#sc_dropzone_audio_preview {
  display: none;
  width: 100%;
  height: initial;
  background: #e8e8e8;
  border: 1px solid #ccc;
  padding: 20px 0;
}

#upload-photos {
  background:#F3F1EE;
  margin: 0 auto;
  height: auto;
  padding-top: 25px;
  max-width: 940px;
}

.sc_dropzone {
  height: 150px;
  width: 17.8% !important;
  background: #e8e8e8;
  border: 1px solid #ccc;
  text-align: center;
  padding-top: 27px;
  margin: 0;
  cursor: pointer;
}

.sc_dropzone i {
  opacity: 0.5;
}

.sc_dropzone .note {
  padding: 5px 20px 0;
  line-height: 1.2;
  opacity: 0.7;
}

.sc_dropzone_preview {
  display: none;
  height: 150px;
  width: 17.8%;
  background: #e8e8e8;
  border: 1px solid #ccc;
  text-align: center;
  cursor: pointer;
  float: left;
  border: none;
}

#sc_dropzone_preview_1 {
  margin: 0
}

#sc_dropzone_preview_2,
#sc_dropzone_preview_3,
#sc_dropzone_preview_4,
#sc_dropzone_preview_5 {
  margin: 0 0 0 22px;
}

#remove-buttons .span2 {
  width: 17.8%;
}

.sc_dropzone_delete {
  /*display: none;*/
  color: #f8971d;
  border: none;
  font-size: 12px;
  -webkit-appearance: none;
  background: none;
  float: right;
  padding: 0;
}

#upload-title textarea {
  resize: none;
  height: 75px;
}

#upload-title p {
  font-size: 22px;
  opacity: 0.5;
}

#interview-summary {
  resize: none;
  height: 150px;
}

#participant1 .span3 p,
#participant2 .span3 p,
#participant3 .span3 p,
#participant4 .span3 p,
#participant5 .span3 p  {
  padding: 5px;
}

#add-participant,
#remove-participant {
  cursor: pointer;
}

#add-participant i {
  opacity: 0.5;
  font-size: 1.5em;
  float: left;
  margin-right: 8px;
}

#upload-taxonomies .span2 {
  padding: 5px 5px 5px 0;
}

#upload-container {
  background: #F3F1EE;
  margin: 0 auto;
  height: auto;
  padding: 0 0 35px 65px;
  max-width: 910px;
}

#upload-button {
  width: 100%;
  background: #5FADb9;
  box-shadow: 0 2px 0 0 #47848D;
  color: #fff;
  border: none;
}


img[data-dz-thumbnail] {
  height: 100%;
  width: 100%;
}

.dz-image,
.dz-preview {
  height: 100%;
}

.drag-hover-audio {
  border: dashed 5px #ccc !important;
}

.drag-hover {
  border: dashed 5px #ccc !important;
  padding-top: 50px !important;
}

.child-elements {
  pointer-events: none;
}

.dz-details,
.dz-progress,
.dz-error-message,
.dz-success-mark,
.dz-error-mark {
  display: none;
}

#sc_dropzone_progress progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  height: 35px;
}

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

/*#menu-item-52388,*/
#menu-item-23680,
#menu-item-159116 {
  cursor: pointer;
}

/*********** UPLOAD/EDIT FORM MEDIA QUERIES ***********/
#upload-page-title .span5 {
    display: inline-block;
    width: initial;
}

#progress-bar,
#audio {
  display: none;
}

#progress-bar-background {
     background: #F3F1EE;
}

/* AUDIO */
#sc_dropzone_audio .span6 {
    text-align: center;
    width: inherit;
}

#select-file {
  float: none;
}

#sc_dropzone_audio .span6 span {
    top: 4px;
    position: relative;
    font: 24px "Meta serif";
    float: none;
    opacity: 0.7;
}

#sc_dropzone_audio .span7 {
    width: inherit;
    margin-left: 0px;
    text-align: center;
}

#sc_dropzone_audio .span7 > .second-statement {
    margin: 0px;
}

#sc_dropzone_audio_preview_contents {
    height: initial;
    overflow: auto;
    margin: 0 auto;
    clear: both;
    float: none;
    position: relative;
}

#sc_dropzone_audio_preview_contents span {
    margin: 2px 5px 0 0;
    cursor: none;
    font-weight: 500;
}

#sc_dropzone_audio_preview_contents p {
    margin: 0;
    display: inline-block;
}

#sc_dropzone_audio_preview_contents .span2 {
    position: absolute;
    width: initial;
    margin: 0;
    top: 32.5%;
    right: 0;
}

#sc_dropzone_audio_preview_contents .span8 {
    width: initial;
    margin: 0;
}

/* IMAGE */
#sc_dropzone_1 {
    position: relative;
    padding: 0;
}

#sc_dropzone_1_contents {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    width: 94%;
}

.dz-image.interview-edit-form {
    background-size: 150px 150px;
    background-position: center;
    background-repeat: no-repeat;
}

#remove-buttons {
    display: none;
    margin: 0;
}

#remove-buttons.span11 {
    width: 19.5%;
    text-align: right;
}

#remove-buttons.span11.interview-edit-form {
    display: block;
    float: none;
    margin-left: 0;
}

.sc_dropzone_delete.interview-edit-form:active {
    box-shadow: none;
    background-color: transparent;
    background-image: none;
}

.sc_dropzone_delete.interview-edit-form:hover {
    background-color: transparent;
    background-image: none;
}

.sc_dropzone_delete.interview-edit-form {
    display: inline-block;
}

/* PARTICIPANTS */
#upload-participants .span11.upload-step-content {
    width: 91.9%;
    margin-left: 8.086%;
}

#add-participant {
    width: 60%;
    float: left
}

#add-participant .span12 {
    margin-left: 43%;
}

#remove-participant {
    width: 40%;
    float: right;
    text-align: right;
}

#remove-participant i {
    float: none;
    font-size: 1.5em;
    margin-right: 8px;
    opacity: 0.5
}

#remove-participant p {
    float: right;
    padding-left: 0px;
}

/* TAXONOMIES */
#upload-taxonomies .span11.upload-step-content {
    width: 91.4%;
}

@media (max-width: 979px) {
    #upload-page-title .span5 {
        padding-left: 25px;
    }

    /* NUMBERING */
    div#upload-form > .row-fluid > .span1 {
        width: 100%;
    }

    div#upload-form > .row-fluid:nth-child(n+2) > .span1 > .upload-step-id {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .upload-step-id {
        margin: 0 auto;
        padding: 0;
        width: 80px;
        height: 80px;
        font-size: 32px;
        line-height: 2.45em;
    }

    h2.upload-step-statement {
        text-align: left;
    }

    h2.upload-step-title {
        width: initial;
        text-align: left;
    }

    /* IMAGE */
    #upload-photos > .span11.upload-step-content > .row-fluid {
        width: 400px;
        margin: 0 auto;
    }

    div#sc_dropzone_1 {
        float: none;
        display: table-cell;
        vertical-align: middle;
        height: 400px;
    }

    #sc_dropzone_1_contents {
        position: relative;
        top: 0;
        right: 0%;
        -webkit-transform: translate(0);
            -ms-transform: translate(0);
                transform: translate(0);
        width: 100%;
        margin: 0 auto;
    }

    div#sc_dropzone_1 .note {
        padding: 4px 0 0 0;
    }

    #sc_dropzone_preview_1 {
        margin: 0 auto;
        float: none;
    }

    .sc_dropzone_preview {
        display: none;
        height: 400px;
        width: 400px;
    }

    .sc_dropzone_delete {
        float: none;
    }

    #remove-buttons.span11, #remove-buttons.span11.interview-edit-form {
        text-align: center;
    }

    .dz-image.interview-edit-form {
        background-size: 400px 400px;
    }

    /* TITLE */
    div#upload-title .span8 {
        width: 100%;
    }

    div#upload-title .span4 {
        margin-left: 0;
        padding: 8px 0 0 0 !important;
        width: 100%;
        /*text-align: center;*/
    }

    /* PARTICIPANTS */
    div#upload-participants .span3 {
        width: 100%;
        margin: 0;
    }

    div#upload-participants .span11.upload-step-content {
        width: 100%;
        margin-left: 0;
    }

    div#add-participant {
        width: 50%;
    }

    div#add-participant .span12 {
        margin-left: 0;
    }

    div#remove-participant {
        width: 50%;
        float: right;
        text-align: right;
    }

    div#remove-participant i {
        float: none;
    }

    div#remove-participant p {
        float: right;
        padding-left: 0px;
    }

    /* TAXONOMIES */
    div#upload-taxonomies .span10 {
        width: 100%;
        margin: 0;
    }

    div#upload-taxonomies .span11.upload-step-content {
        width: 100%;
    }

    /* CONTENT */
    div#upload-form .row-fluid .span11 {
        margin-left: 0;
    }

    #upload-audio, #upload-title, #upload-summary, #upload-participants, #upload-taxonomies, #upload-photos {
        max-width: 980px;
    }

    div#progress-bar, div#upload-audio, div#upload-title, div#upload-summary, div#upload-participants, div#upload-taxonomies, div#upload-photos {
        padding: 25px 25px 0 25px;
    }

    #upload-audio .span11, #upload-photos .span11, #upload-title .span11, #upload-summary .span11, #upload-participants .span11, #upload-taxonomies .span11 {
        width: 100%;
        padding: 0;
    }

    /* UPLOAD BUTTON */
    div#upload-container {
        padding: 15px 25px 25px 25px;
        max-width: inherit;
    }
}

@media ( max-width: 767px ) and  ( min-width: 600px ) {
    #sc_dropzone_audio_preview_contents {
        width: 83%;
    }

    #sc_dropzone_audio_preview_contents .span8 {
        width: initial;
        margin: 0;
        display: inline-block;
    }
}

@media ( max-width:599px ) and ( min-width: 500px ) {
    #select-file {
        padding: 5px 24px;
    }

    #sc_dropzone_audio .span6 span {
        font-size: 20px;
    }

    #upload-title p {
        font-size: 20px;
    }
}

@media ( max-width:599px ) {
    /* AUDIO */
    #sc_dropzone_audio .span7 {
        padding: 0 3%;
    }

    #sc_dropzone_audio_preview_contents .span2 {
        float: none;
        clear: both;
        margin: 0;
        height: inherit;
        /*width: initial;*/
        text-align: center;
        position: relative;
    }

    #sc_dropzone_audio_preview_contents .span8 {
        width: 100%;
        text-align: center;
        margin-bottom: 14px;
    }

    #remove-audio {
        position: relative;
        top: 0;
        -webkit-transform: translate(0);
            -ms-transform: translate(0);
                transform: translate(0);
        margin-top: 0px;
    }
}

@media ( max-width:499px ) {
    /* NUMBERING */
    h2.upload-step-title {
        font-size: 20px;
    }

    /* AUDIO */
    div#sc_dropzone_audio .span7 {
        padding: 0 5%;
    }

    #select-file {
        padding: 5px 16px;
        font-size: 14px;
    }

    #sc_dropzone_audio {
        height: inherit;
    }

    #sc_dropzone_audio .span6 span {
        font-size: 18px;
    }

    #upload-title p {
        font-size: 18px;
    }

    #upload-audio .span11 .upload-step-content {
        display: table;
    }

    #sc_dropzone_audio_preview_contents span,
    #sc_dropzone_audio_preview_contents p {
        font-size: 14px;
    }

    /* PARTICIPANTS */
    #add-participant i, #add-participant p, #remove-participant i, #remove-participant p {
        font-size: 14px;
        line-height: inherit;
    }

    /* IMAGE */
    #upload-photos > .span11.upload-step-content > .row-fluid {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }

    div#sc_dropzone_1 {
        height: inherit;
    }

    .sc_dropzone_preview {
        height: 300px;
        width: 300px;
    }

    .dz-image.interview-edit-form {
        background-size: 300px 300px;
    }
}

@media ( max-width:399px ) {
    /* AUDIO */
    div#sc_dropzone_audio .span6 {
        padding: 0 20px;
    }

    #select-file {
        width: inherit;
        margin: 0 auto;
    }

    #file-upload-date {
        padding: 0 20px;
        display: inline-block;
        text-align: center;
    }

    /* IMAGE */
    #upload-photos > .span11.upload-step-content > .row-fluid {
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }

    div#sc_dropzone_1 {
        height: inherit;
    }

    .sc_dropzone_preview {
        height: 250px;
        width: 250px;
    }

    .dz-image.interview-edit-form {
        background-size: 250px 250px;
    }
}

.notifications .row-fluid .span12 {
  margin-left: 2.127659574468085%;
  margin-bottom: 10px;
}


/* Birthday Dropdown Menu */
.sc_birthday_dropdown {
    width: 100%;
}

#sc_birthday_dropdown select:nth-of-type(2), .birthday .span4:nth-of-type(2) {
    margin-left: 5px;
    margin-right: 5px;
}

div#sc_signup_checkbox {
    clear: both;
}

.birthday .span4 {
    margin-left: 0;
    width: 32.355%;
}

.register-buttons {
    overflow: auto;
}

.register-buttons input.big-button {
    margin-right: 20px;
    float: left;
}

.login-submit.fb-login-connector#signup-form, .login-submit.fb-login-connector#login-form {
    position: relative;
    float: left;
}

#signup-image, #login-image {
    float: right;
}

@media ( max-width:979px ) and ( min-width: 768px ) {
    .birthday .span4 {
        width: 32%;
    }
}

@media ( max-width: 768px ) {
    .birthday .span4 {
        width: 100%;
    }

    .birthday .span4:nth-of-type(2) {
        margin-left: 0px;
        margin-right: 0px;
    }
}

#sponsor-container {
  height: 200px;
  margin-bottom: 30px;
}

#sponsor-image img {
  height: 200px;
  width: 200px;
  border-radius: 50%;
}

#sponsor-message {
  padding-top: 40px;
}

@media( max-width: 992px ) and ( min-width: 900px ) {
  #sponsor-message h1 {
    font-size: 1.8em;
  }
}

@media ( max-width: 899px ) and ( min-width: 768px ) {
  #sponsor-container {
    margin-bottom: 10px;
  }

  #sponsor-image img {
    height: 175px;
    width: 175px;
    border-radius: 50%;
  }

  #sponsor-message {
    padding-top: 30px;
  }

  #sponsor-message h1 {
    font-size: 1.8em;
  }
}

@media ( max-width: 767px ) and ( min-width: 700px ) {
  #sponsor-container {
    margin-bottom: 10px;
  }

  #sponsor-image {
    width: 30%;
    float: left;
  }

  #sponsor-image img {
    height: 175px;
    width: 175px;
    border-radius: 50%;
  }

  #sponsor-message {
    width: 65%;
    margin-left: 20px;
    float: left;
    padding-top: 20px;
  }

  #sponsor-message h1 {
    font-size: 1.7em;
  }
}

@media ( max-width: 699px ) and ( min-width: 600px ) {
  #sponsor-container {
    margin-bottom: 10px;
    height: 175px;
  }

  #sponsor-image {
    width: 30%;
    float: left;
  }

  #sponsor-image img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
  }

  #sponsor-message {
    width: 65%;
    float: left;
    padding-top: 20px;
  }

  #sponsor-message h1 {
    font-size: 1.4em;
  }

  #sponsor-message h6 {
    font-size: 0.9em;
  }
}

@media ( max-width: 599px ) and ( min-width: 500px ) {
  #sponsor-container {
    margin-bottom: 10px;
    height: 145px;
  }

  #sponsor-image {
    width: 30%;
    float: left;
  }

  #sponsor-image img {
    height: 125px;
    width: 125px;
    border-radius: 50%;
  }

  #sponsor-message {
    width: 65%;
    margin-left: 10px;
    float: left;
    padding-top: 20px;
  }

  #sponsor-message h1 {
    font-size: 1.2em;
  }

  #sponsor-message h6 {
    font-size: 0.8em;
  }
}

@media ( max-width: 499px ) and ( min-width: 375px ) {
  .archive-header {
    margin-top: 15px;
  }

  #sponsor-container {
    margin-bottom: 10px;
    height: 145px;
  }

  #sponsor-image {
    text-align: center;
    float: left;
    margin-bottom: 5px;
  }

  #sponsor-image img {
    height: 125px;
    width: 125px;
    border-radius: 50%;
  }

  #sponsor-message {
    float: left;
    padding-top: 0;
    text-align: center;
    margin-bottom: 10px;
  }

  #sponsor-message h1 {
    font-size: 1.2em;
  }

  #sponsor-message h6 {
    font-size: 0.8em;
  }
}