@charset "UTF-8";
/* Functional Mixins */
/* Site Configuration */
/*
------------------
SITE CONFIGURATION
------------------
To get your site looking the way you want it, start here.
Just change the values. Don't take anything out. Everything is here for a reason.
*/
/* Site direction */
/* Base typography */
/* Font Weight and Style */
/* Brand Colours */
/* UI Colours */
/* Headings */
/* Quotes */
/* Graphical ornaments */
/* Buttons */
/* Forms */
/* Font Sizes */
/* Screen sizes */
/* Media ratios */
/* Template */
/* Modal Box */
/* Framework */
/* Grid */
/* Subject / Object */
/* 1/3 */
/* 2/3 */
/* Tables */
/* Old IE -- Don't touch */
/* Mixins */
/*------------------------------------
	The GCD Mixin Library
*/
/*------------------------------------
	# ANIMATION

	The animation mixins support comma separated lists of values, which allows different transitions for individual
	properties to be described in a single style rule. Each value in the list corresponds to the value at that same
	position in the other properties.

	box:hover {
		@include animation-name(scale, slide);
		@include animation-duration(2s);
		@include animation-timing-function(ease);
		@include animation-iteration-count(infinite);

		// Animation shorthand works the same as the CSS3 animation shorthand
		@include animation(scale 1.0s ease-in, slide 2.0s ease);
	}

	http://www.w3.org/TR/css3-animations/#the-animation-name-property-
	Each of these mixins support comma separated lists of values, which allows different transitions for individual
	properties to be described in a single style rule. Each value in the list corresponds to the value at that same
	position in the other properties.
*/
/*------------------------------------
	# APPEARANCE

	The appearance CSS property is used to display an element using a platform-native styling based on the operating
	system's theme.

		@include appearance(none);

*/
/*------------------------------------
	# BACKGROUND-IMAGE

	The background-image mixin is helpful for chaining multiple comma delimited background images and/or
	linear/radial-gradients into one background-image property. The Background-image mixin supports up to 10
	background-images.

	Use in combination with the linear-gradient function and the radial-gradient function.

		// Image asset with a linear-gradient
		@include background-image(url("/images/a.png"), linear-gradient(white 0, yellow 50%, transparent 50%));

		// Multiple linear-gradients - Demo
		@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%),
							   linear-gradient(#4e7ba3, darken(#4e7ba4, 10%)));

		// NOT SUPPORTED
		@include background-image(url("/images/a.png") center no-repeat, url("images/b.png") left repeat);

		// Background-image is not a shorthand property, therefore this doesn't make sense.

	## Note about shorthand notation

	All CSS background properties support comma delimited values. For multiple background images you can specify the
	background properties like position, repeat, etc. for each image. For example:

		@include background-image(url("/images/a.png"), url("images/b.png"));
		background-position: center top, center;
		background-repeat: no-repeat, repeat-x;

	-- From bourbon.io/docs/#background

*/
/*------------------------------------
	# BORDER IMAGE

	Border-image supports short-hand notation.

		@include border-image(url(/images/border.png) 27 repeat);

*/
/*------------------------------------
	# BORDER-RADIUS

	The border-radius helper mixins provide shortcuts for targeting sides. These mixins are supported in Bourbon v3.0+

		@include border-top-radius(5px);
		@include border-bottom-radius(5px);
		@include border-left-radius(5px);
		@include border-right-radius(5px);

	For "border-radius" there is no need for prefixes.

*/
/*------------------------------------
	New Flexbox 2012 Spec
	http://dev.w3.org/csswg/css3-flexbox/
*/
/*------------------------------------
	# HIDPI

	The HIDPI Meda Query will allow you to generate a media query that targes HIDPI devices. It accepts an optional
	ratio argument, default ratio is 1.3. Find my device pixel ratio.

		@include hidpi(1.5) {
			width: 260px;
		}

	HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/)
*/
/*------------------------------------
	# KEYFRAMES

	A mixin for generating clean vendor-prefixed keyframes.

	@include keyframes(fadeIn) {
		from {
			@include transform(scale(0));
		}
		to {
			@include transform(scale(1));
		}
	}

	Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content
*/
/*------------------------------------
	Shadow
*/
/*------------------------------------
	RESOLUTIONS
	@include screen-size();
*/
/*------------------------------------
	BACKGROUND
*/
/*------------------------------------
	BUTTON
*/
/*------------------------------------
	BUTTON
*/
/*------------------------------------
	CLEARFIX
	From http://nicolasgallagher.com/micro-clearfix-hack/
*/
/*------------------------------------
	RESOLUTIONS
	@include screen-size();
*/
/*------------------------------------
	BORDER BOX
*/
/*------------------------------------
	FONT-SIZE
*/
/*------------------------------------
	BACKGROUND-IMAGE
	Hide-text is an image replacement mixin. It is based off the HTML5-Boilerplate image-replacement.
*/
/*------------------------------------
	LIST
*/
/*------------------------------------
	LEGIBILITY
*/
/*------------------------------------
	ICON
	Make an element an icon or append/prepend an element with an icon.
*/
/*------------------------------------
	LISTS
*/
/*------------------------------------
	LINK
*/
/*------------------------------------
	MEDIA
*/
/*------------------------------------
	SUBJECT / OBJECT
*/
/*------------------------------------
	RESOLUTIONS
	@include screen-size();
*/
/*------------------------------------
	OLD-IE
*/
/*------------------------------------
	Position
*/
/*------------------------------------
	PREFIXER
	From: Bourbon Mixin Library
	@include prefixer([property),[value],[webkit|+|moz|+|ms|+|o|+|spec]);
*/
/*------------------------------------
	TABLES
*/
/*------------------------------------
	VERTICAL-SPACING (Consistent spacing)
*/
/*------------------------------------
	COLUMNS
*/
/*------------------------------------
	Divisions
*/
/*------------------------------------
	Fill Parent
*/
/*------------------------------------
	Fractions
*/
/*------------------------------------
	Outer Container
*/
/*------------------------------------
	Row
*/
/* Elements */
/*

    ELEMENTS
    Combines the Normalize (git.io/normalize)
    and the reset at
    csswizardry.com/2011/10/reset-restarted
    with GCD's own preferences

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

/*------------------------------------
	HTML5 INLINE BLOCK ELEMENTS
	Correct `block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
  display: inline-block; }

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

/*--------------------------------------
	BOX MODEL
	This works for IE8 and above.
	For IE7, there'll need to be tweaks
*/
/**
* Let’s make the box model all nice, shall we...?
*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*------------------------------------
	Remove margins and padding
*/
h1, h2, h3, h4, h5, h6,
dl, dd, ol, ul,
p, blockquote, pre,
table, th, td, caption,
form, fieldset, legend,
hr {
  margin: 0;
  padding: 0; }

/*------------------------------------
	Spacing Resets
*/
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
table,
form, fieldset, figure,
pre {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 64em) {
    h1, h2, h3, h4, h5, h6,
    ul, ol, dl,
    blockquote, p, address,
    table,
    form, fieldset, figure,
    pre {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    h1, h2, h3, h4, h5, h6,
    ul, ol, dl,
    blockquote, p, address,
    table,
    form, fieldset, figure,
    pre {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }
  h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child,
  ul:last-child, ol:last-child, dl:last-child,
  blockquote:last-child, p:last-child, address:last-child,
  table:last-child,
  form:last-child, fieldset:last-child, figure:last-child,
  pre:last-child {
    margin-bottom: 0; }

/*------------------------------------
	HTML & BODY
*/
html {
  font: 1em "Poppins", sans-serif;
  line-height: 1.5;
  direction: ltr;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 64em) {
    html {
      font: 0.95em "Poppins", sans-serif;
      line-height: 1.5; } }
  @media only screen and (max-width: 30em) {
    html {
      font: 0.95em "Poppins", sans-serif;
      line-height: 1.5; } }

body {
  color: #444444;
  margin: 0;
  position: relative;
  text-align: center;
  width: 100%;
  text-rendering: optimizeLegibility; }
  body.-leader {
    background: linear-gradient(to bottom, #4C68B5, #4C68B5) left top repeat-x, #ffffff linear-gradient(to bottom, #ED1944, #ED1944) left bottom repeat-x;
    background-size: 100% 72px, 100% 53px; }

/*------------------------------------
	SITE DIRECTION
	This should very rarely be touched
*/
/*------------------------------------
	Links
*/
a {
  color: #329FF3;
  cursor: pointer;
  text-decoration: none; }
  a:hover {
    color: #92ccf9; }
  a:visited {
    color: #539bd2; }
  a:active {
    color: #0b6bb4; }
  a:focus {
    outline: thin dotted; }
  a:active, a:hover {
    outline: 0; }
  a:hover {
    text-decoration: underline; }
  a.fa {
    text-decoration: none !important; }

/*------------------------------------
	Headings
*/
h1 {
  color: inherit;
  font-size: 2.5em;
  font-weight: 900;
  font-family: "Poppins", sans-serif; }

h2 {
  color: inherit;
  font-size: 2.125em;
  font-weight: 900;
  font-family: "Poppins", sans-serif; }

h3 {
  color: inherit;
  font-size: 1.75em;
  font-weight: 900; }

h4 {
  color: inherit;
  font-size: 1.5em;
  font-weight: 900; }

h5 {
  color: inherit;
  font-size: 1.25em;
  font-weight: 900; }

h6 {
  color: inherit;
  font-size: 1em;
  font-weight: 900; }

/*------------------------------------
	Lists
*/
ul, ol, dd {
  margin-left: 2rem; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

/*------------------------------------
	Code
*/
code,
kbd,
pre,
samp {
  font-size: 1em;
  font-family: "PT Mono", sans-serif; }

pre {
  white-space: pre-wrap; }

/*------------------------------------
	Form
*/
/* form */
/* fieldset */
fieldset {
  border: 0; }

/* label */
label {
  cursor: pointer;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  margin-right: 8px; }
  label input {
    margin-right: 8px; }

/* input */
button,
input,
select,
textarea {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "kern" 1, "liga" 1;
  -moz-font-feature-settings: "kern" 1, "liga" 1;
  -moz-font-feature-settings: "kern=1, liga=1";
  -ms-font-feature-settings: "kern" 1, "liga" 1;
  -o-font-feature-settings: "kern" 1, "liga" 1;
  font-feature-settings: "kern" 1, "liga" 1;
  font-family: inherit;
  font-size: 100%;
  margin: 0; }
  button[disabled],
  input[disabled],
  select[disabled],
  textarea[disabled] {
    cursor: default; }
  button::-moz-focus-inner,
  input::-moz-focus-inner,
  select::-moz-focus-inner,
  textarea::-moz-focus-inner {
    border: 0;
    padding: 0; }

button,
select {
  text-transform: none; }

input[type="email"]:focus, input[type="email"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="text"]:focus, input[type="text"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="color"]:focus, input[type="color"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active {
  cursor: text; }

input[type="color"] {
  line-height: 1;
  padding: 0;
  min-height: 32px;
  min-width: 32px; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

input[type="submit"], button {
  margin-right: 8px; }

/* textarea */
textarea {
  overflow: auto;
  vertical-align: top; }
  textarea:focus, textarea:active {
    cursor: text; }

/*------------------------------------
	Inline Elements
*/
b, strong {
  font-weight: 900; }

i, em {
  font-style: italic; }

small {
  font-size: 0.75em; }

u, ins {
  text-decoration: underline; }

dfn {
  font-style: italic; }

mark {
  color: #444444;
  background-color: #ffff00; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/*------------------------------------
	Quotations
*/
q {
  quotes: "‘" "’" "“" "”"; }
  q:before {
    content: "\2018";
    content: open-quote; }
  q:after {
    content: "\2019";
    content: close-quote; }
  q q:before {
    content: "\201C";
    content: open-quote; }
  q q:after {
    content: "\201D";
    content: close-quote; }

blockquote {
  quotes: "“" "”";
  text-indent: -0.41em; }
  blockquote p:before {
    content: "“";
    content: open-quote; }
  blockquote p:after {
    content: "";
    content: no-close-quote; }
  blockquote p:last-of-type {
    margin-bottom: 0; }
    blockquote p:last-of-type:after {
      content: "”";
      content: close-quote; }
  blockquote q:before {
    content: "\2018";
    content: open-quote; }
  blockquote q:after {
    content: "\2019";
    content: close-quote; }
  blockquote .-source {
    display: block;
    text-indent: 0; }
    blockquote .-source:before {
      content: "\2014"; }

/*------------------------------------
	Media
*/
img {
  border: 0;
  font-style: italic;
  max-width: 100%; }
  img[height], img[width] {
    max-width: none; }

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

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

figure {
  margin: 0; }

/*------------------------------------
	Rules
*/
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: rgba(0, 0, 0, 0.1);
  border: 0;
  height: 1px;
  margin-bottom: 14px;
  margin-bottom: 0.875rem; }

/*------------------------------------
	Table
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  color: inherit;
  font-size: 1em;
  font-size: 1rem;
  width: 100%; }

th {
  text-align: left;
  vertical-align: bottom; }

td {
  vertical-align: top; }

/* Cell alignments */
[colspan] {
  text-align: center; }

[colspan="1"] {
  text-align: left; }

[rowspan] {
  vertical-align: middle; }

[rowspan="1"] {
  vertical-align: top; }

/* Objects */
/*------------------------------------*\

   	CARDS

   	Used on status update lists

	@namespace c-

/*------------------------------------*/
.c-card__header,
.c-card__tagline,
.c-card__body {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px; }

/*------------------------------------*/
/*
 * Round profile pic
*/
.c-card__profile-pic {
  border-radius: 100px;
  float: left;
  margin-right: 16px;
  height: 42px;
  margin-top: -1px;
  max-width: 42px;
  overflow: hidden;
  width: 100%; }
  .c-card__profile-pic .inner {
    display: block;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    width: 100%; }
    .c-card__profile-pic .inner img {
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px; }

.c-card {
  *zoom: 1;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  position: relative;
  text-align: left; }
  .c-card:before, .c-card:after {
    content: " ";
    display: table; }
  .c-card:after {
    clear: both; }
  @media only screen and (max-width: 64em) {
    .c-card {
      margin-bottom: 15.2px;
      margin-bottom: 0.95rem; } }
  @media only screen and (max-width: 30em) {
    .c-card {
      margin-bottom: 14.4px;
      margin-bottom: 0.9rem; } }
  .c-card:last-child {
    margin-bottom: 0; }
  .c-card .form-actions {
    border: 0;
    padding: 0; }
  .c-card.is-hidden {
    -webkit-animation: card-hidden 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: card-hidden 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: card-hidden 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    margin-bottom: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden; }
  .c-card.is-processing {
    -webkit-animation: card-processing 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: card-processing 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: card-processing 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.c-card__header {
  background-color: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px 8px 0 0;
  min-height: 66px;
  position: relative;
  z-index: 0;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px; }

.c-card__body {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px; }

.c-card__header-inner {
  overflow: hidden; }

.c-card__title {
  margin-bottom: 0; }
  .c-card__title b {
    color: #73dec9; }

.c-card__subtitle {
  color: #444444; }

.c-card__profile-pic {
  margin-right: 8px;
  height: 50px;
  max-width: 50px; }
  .c-card__profile-pic .inner {
    background: #444444; }

.c-card__image {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #444444;
  margin-left: -8px;
  margin-right: -8px;
  overflow: hidden;
  position: relative;
  font-size: 1px; }
  .c-card__image img {
    width: 100%; }

.c-card__likes {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px; }

/* Properties */
/*------------------------------------
	Text
*/
.-title {
  font-weight: bold; }

.-h1, .-h-zeta {
  color: inherit;
  font-size: 2.5em;
  font-weight: 900; }

.-h2, .-h-epsilon {
  color: inherit;
  font-size: 2.125em;
  font-weight: 900; }

.-h3, .-h-delta {
  color: inherit;
  font-size: 1.75em;
  font-weight: 900; }

.-h4, .-h-gamma {
  color: inherit;
  font-size: 1.5em;
  font-weight: 900; }

.-h5, .-h-beta {
  color: inherit;
  font-size: 1.25em;
  font-weight: 900; }

.-h6, .-h-alpha {
  color: inherit;
  font-size: 1em;
  font-weight: 900; }

.-uppercase {
  text-transform: uppercase; }

.-bold {
  font-weight: 900; }

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

.-white {
  color: white; }

.-beta {
  font-size: 20px; }

.-milli {
  font-size: 14px; }

/*------------------------------------
	Frame
*/
.-padded {
  padding: 16px; }

.-rounded {
  border-radius: 8px; }

.-bordered {
  border: 1px solid #dddddd; }

.-bordered-thick {
  border: 2px solid white; }

.-circle {
  border-radius: 100%; }

.-bordered-bottom {
  border-bottom: 1px solid #ececec; }

/*------------------------------------
	Backgrounds
*/
.-bg-brand {
  background-color: #4C68B5;
  color: white; }
  .-bg-brand a, .-bg-brand a:visited {
    color: white; }

.-bg-brand-2 {
  background-color: #73DEC9;
  color: white; }
  .-bg-brand-2 a, .-bg-brand-2 a:visited {
    color: white; }

.-bg-brand-3 {
  background-color: #9580D6;
  color: white; }
  .-bg-brand-3 a, .-bg-brand-3 a:visited {
    color: white; }

.-bg-contrast {
  background-color: #73DEC9;
  color: white; }
  .-bg-contrast a, .-bg-contrast a:visited {
    color: white; }

.-bg-brand-darker {
  background-color: #445da4;
  color: white; }
  .-bg-brand-darker a, .-bg-brand-darker a:visited {
    color: white; }

.-bg-sitebg {
  background-color: #ffffff; }

.-bg-white {
  background-color: white; }

.-bg-shade {
  background-color: rgba(0, 0, 0, 0.03); }

.-bg-tint {
  background-color: rgba(255, 255, 255, 0.5); }

.-bg-content {
  background-color: rgba(0, 0, 0, 0.03); }

.-red {
  color: #ef1919; }

/*------------------------------------
	Polish
*/
.-well {
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2); }

.-raised {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }

.-textshadow {
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }

.-lighttext {
  color: #c4c4c4; }

/*------------------------------------
	Lists
*/
ul.-bulleted, ol.-bulleted, dl.-bulleted {
  list-style: disc; }
ul.-clean, ol.-clean, dl.-clean {
  list-style: none;
  margin-left: 0; }
  ul.-clean dd, ul.-clean li, ol.-clean dd, ol.-clean li, dl.-clean dd, dl.-clean li {
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    margin-left: 0; }
    @media only screen and (max-width: 64em) {
      ul.-clean dd, ul.-clean li, ol.-clean dd, ol.-clean li, dl.-clean dd, dl.-clean li {
        margin-bottom: 7.6px;
        margin-bottom: 0.475rem; } }
    @media only screen and (max-width: 30em) {
      ul.-clean dd, ul.-clean li, ol.-clean dd, ol.-clean li, dl.-clean dd, dl.-clean li {
        margin-bottom: 7.2px;
        margin-bottom: 0.45rem; } }
    ul.-clean dd:last-child, ul.-clean li:last-child, ol.-clean dd:last-child, ol.-clean li:last-child, dl.-clean dd:last-child, dl.-clean li:last-child {
      margin-bottom: 0; }
ul.-numerical, ol.-numerical, dl.-numerical {
  list-style: decimal; }
ul.-block li, ul.-block dt, ul.-block dd, ol.-block li, ol.-block dt, ol.-block dd, dl.-block li, dl.-block dt, dl.-block dd {
  padding: 8px 0; }

/*------------------------------------
	Buttons
*/
input[type="submit"].button.-primary,
.button.-primary {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  background: #4C68B5;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  line-height: 32px;
  min-height: 32px;
  padding: 0 16px;
  white-space: nowrap;
  border: 1px solid #4C68B5;
  border-radius: 4px;
  color: white;
  font-weight: 900; }
  input[type="submit"].button.-primary:hover,
  .button.-primary:hover {
    background: #445da4;
    color: white;
    text-decoration: none; }
  input[type="submit"].button.-primary:active,
  .button.-primary:active {
    background: #3c5392;
    color: white;
    text-decoration: none; }
  input[type="submit"].button.-primary[disabled],
  .button.-primary[disabled] {
    background: #4C68B5;
    cursor: not-allowed;
    opacity: 0.5; }
    input[type="submit"].button.-primary[disabled]:hover, input[type="submit"].button.-primary[disabled]:active,
    .button.-primary[disabled]:hover,
    .button.-primary[disabled]:active {
      background: #4C68B5; }

/*------------------------------------
	Form Properties
*/
input[type="email"][required], input[type="number"][required], input[type="password"][required], input[type="search"][required], input[type="tel"][required], input[type="text"][required], input[type="url"][required], input[type="color"][required], input[type="date"][required], input[type="datetime"][required], input[type="datetime-local"][required], input[type="month"][required], input[type="time"][required], input[type="week"][required],
textarea[required],
.text-field[required],
.select-box[required] {
  border-color: orange; }
input[type="email"].-is-error, input[type="number"].-is-error, input[type="password"].-is-error, input[type="search"].-is-error, input[type="tel"].-is-error, input[type="text"].-is-error, input[type="url"].-is-error, input[type="color"].-is-error, input[type="date"].-is-error, input[type="datetime"].-is-error, input[type="datetime-local"].-is-error, input[type="month"].-is-error, input[type="time"].-is-error, input[type="week"].-is-error,
textarea.-is-error,
.text-field.-is-error,
.select-box.-is-error {
  border-color: red; }
input[type="email"].-is-success, input[type="number"].-is-success, input[type="password"].-is-success, input[type="search"].-is-success, input[type="tel"].-is-success, input[type="text"].-is-success, input[type="url"].-is-success, input[type="color"].-is-success, input[type="date"].-is-success, input[type="datetime"].-is-success, input[type="datetime-local"].-is-success, input[type="month"].-is-success, input[type="time"].-is-success, input[type="week"].-is-success,
textarea.-is-success,
.text-field.-is-success,
.select-box.-is-success {
  border-color: lime; }
input[type="email"].-with-button, input[type="number"].-with-button, input[type="password"].-with-button, input[type="search"].-with-button, input[type="tel"].-with-button, input[type="text"].-with-button, input[type="url"].-with-button, input[type="color"].-with-button, input[type="date"].-with-button, input[type="datetime"].-with-button, input[type="datetime-local"].-with-button, input[type="month"].-with-button, input[type="time"].-with-button, input[type="week"].-with-button,
textarea.-with-button,
.text-field.-with-button,
.select-box.-with-button {
  margin-right: -2px; }
  input[type="email"].-with-button + .button, input[type="number"].-with-button + .button, input[type="password"].-with-button + .button, input[type="search"].-with-button + .button, input[type="tel"].-with-button + .button, input[type="text"].-with-button + .button, input[type="url"].-with-button + .button, input[type="color"].-with-button + .button, input[type="date"].-with-button + .button, input[type="datetime"].-with-button + .button, input[type="datetime-local"].-with-button + .button, input[type="month"].-with-button + .button, input[type="time"].-with-button + .button, input[type="week"].-with-button + .button,
  textarea.-with-button + .button,
  .text-field.-with-button + .button,
  .select-box.-with-button + .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

/*------------------------------------
	Layout
*/
.-row {
  *zoom: 1;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 0;
  padding-right: 0;
  display: block; }
  .-row:before, .-row:after {
    content: " ";
    display: table; }
  .-row:after {
    clear: both; }

.-half {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 50%; }

@media only screen and (max-width: 64em) {
  .-lap-half {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 50%; } }

@media only screen and (max-width: 30em) {
  .-palm-half {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 50%; } }

.-third {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 33.3333333333%; }

@media only screen and (max-width: 64em) {
  .-lap-third {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 33.3333333333%; } }

@media only screen and (max-width: 30em) {
  .-palm-third {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 33.3333333333%; } }

.-two-thirds {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 66.6666666667%; }

@media only screen and (max-width: 64em) {
  .-lap-two-thirds {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 66.6666666667%; } }

@media only screen and (max-width: 30em) {
  .-palm-two-thirds {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 66.6666666667%; } }

.-quarter {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 25%; }

@media only screen and (max-width: 64em) {
  .-lap-quarter {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 25%; } }

@media only screen and (max-width: 30em) {
  .-palm-quarter {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 25%; } }

.-three-quarters {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 75%; }

@media only screen and (max-width: 64em) {
  .-lap-three-quarters {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 75%; } }

@media only screen and (max-width: 30em) {
  .-palm-three-quarters {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 75%; } }

.-fifth {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 20%; }

@media only screen and (max-width: 64em) {
  .-lap-fifth {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 20%; } }

@media only screen and (max-width: 30em) {
  .-palm-fifth {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 20%; } }

.-two-fifths {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 40%; }

@media only screen and (max-width: 64em) {
  .-lap-two-fifths {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 40%; } }

@media only screen and (max-width: 30em) {
  .-palm-two-fifths {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 40%; } }

.-three-fifths {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 60%; }

@media only screen and (max-width: 64em) {
  .-lap-three-fifths {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 60%; } }

@media only screen and (max-width: 30em) {
  .-palm-three-fifths {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 60%; } }

.-four-fifths {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 80%; }

@media only screen and (max-width: 64em) {
  .-lap-four-fifths {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 80%; } }

@media only screen and (max-width: 30em) {
  .-palm-four-fifths {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 80%; } }

.-sixth {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 20%; }

@media only screen and (max-width: 64em) {
  .-lap-sixth {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 16.6666666667%; } }

@media only screen and (max-width: 30em) {
  .-palm-sixth {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 16.6666666667%; } }

.-five-sixths {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 20%; }

@media only screen and (max-width: 64em) {
  .-lap-five-sixths {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 83.3333333333%; } }

@media only screen and (max-width: 30em) {
  .-palm-five-sixths {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 83.3333333333%; } }

.-one {
  float: none;
  padding-left: 16px;
  padding-right: 16px;
  width: auto; }

@media only screen and (max-width: 64em) {
  .-lap-one {
    float: none;
    padding-left: 16px;
    padding-right: 16px;
    width: auto; } }

@media only screen and (max-width: 30em) {
  .-palm-one {
    float: none;
    padding-left: 16px;
    padding-right: 16px;
    width: auto; } }

.-ones {
  float: none;
  padding-left: 16px;
  padding-right: 16px;
  width: auto; }

.-halves {
  *zoom: 1; }
  .-halves:before, .-halves:after {
    content: " ";
    display: table; }
  .-halves:after {
    clear: both; }
  .-halves > * {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 50%; }
    .-halves > *:nth-child(2n+1) {
      clear: both; }

.-thirds {
  *zoom: 1; }
  .-thirds:before, .-thirds:after {
    content: " ";
    display: table; }
  .-thirds:after {
    clear: both; }
  .-thirds > * {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 33.3333333333%; }
    .-thirds > *:nth-child(3n+1) {
      clear: both; }

.-quarters {
  *zoom: 1; }
  .-quarters:before, .-quarters:after {
    content: " ";
    display: table; }
  .-quarters:after {
    clear: both; }
  .-quarters > * {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 25%; }
    .-quarters > *:nth-child(4n+1) {
      clear: both; }

.-fifths {
  *zoom: 1; }
  .-fifths:before, .-fifths:after {
    content: " ";
    display: table; }
  .-fifths:after {
    clear: both; }
  .-fifths > * {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 20%; }
    .-fifths > *:nth-child(5n+1) {
      clear: both; }

.-sixths {
  *zoom: 1; }
  .-sixths:before, .-sixths:after {
    content: " ";
    display: table; }
  .-sixths:after {
    clear: both; }
  .-sixths > * {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 16.6666666667%; }
    .-sixths > *:nth-child(6n+1) {
      clear: both; }

.-tight, .-tight-divisions > * {
  padding-left: 0;
  padding-right: 0; }

.-pull-right {
  float: right; }

.-pull-left {
  float: left; }

.-no-wrap {
  white-space: nowrap; }

/*------------------------------------
	Subject / Object arrangements
*/
.-horizontal {
  *zoom: 1; }
  .-horizontal:before, .-horizontal:after {
    content: " ";
    display: table; }
  .-horizontal:after {
    clear: both; }
  .-horizontal ._label, .-horizontal dt {
    font-size: 0.75em;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    display: block;
    font-weight: 900;
    opacity: 0.8;
    margin-right: 0;
    padding-top: 2px;
    text-transform: uppercase; }
    @media only screen and (max-width: 64em) {
      .-horizontal ._label, .-horizontal dt {
        margin-bottom: 7.6px;
        margin-bottom: 0.475rem; } }
    @media only screen and (max-width: 30em) {
      .-horizontal ._label, .-horizontal dt {
        margin-bottom: 7.2px;
        margin-bottom: 0.45rem; } }
    .-horizontal ._label:last-child, .-horizontal dt:last-child {
      margin-bottom: 0; }
    @media only screen and (min-width: 600px) {
      .-horizontal ._label, .-horizontal dt {
        float: left;
        clear: both;
        width: 160px;
        margin-right: 16px;
        max-width: 100%; } }
  .-horizontal ._fields, .-horizontal dd {
    margin-bottom: 8px;
    margin-bottom: 0.5rem; }
    @media only screen and (max-width: 64em) {
      .-horizontal ._fields, .-horizontal dd {
        margin-bottom: 7.6px;
        margin-bottom: 0.475rem; } }
    @media only screen and (max-width: 30em) {
      .-horizontal ._fields, .-horizontal dd {
        margin-bottom: 7.2px;
        margin-bottom: 0.45rem; } }
    .-horizontal ._fields:last-child, .-horizontal dd:last-child {
      margin-bottom: 0; }
  .-horizontal dd {
    float: right;
    clear: right;
    margin-left: 0;
    width: calc(100% - 177px); }
  .-horizontal ._fields {
    overflow: hidden;
    padding-left: 1px; }

.clear-floats {
  clear: both; }

.clear {
  *zoom: 1; }
  .clear:before, .clear:after {
    content: " ";
    display: table; }
  .clear:after {
    clear: both; }

/*------------------------------------
	Visibility
*/
.-hidden {
  display: none; }

.-faded {
  opacity: 0.5; }

/*------------------------------------
	Display
*/
.-block {
  display: block; }

/*------------------------------------
	Margins
*/
.-marg-bottom {
  margin-bottom: 16px !important; }

.-marg-right {
  margin-right: 16px !important; }

.-marg-bottom-xl {
  margin-bottom: 32px !important; }

.-marg-right-xl {
  margin-right: 32px !important; }

.-marg-left-xl {
  margin-left: 32px !important; }

.-marg-left-sm {
  margin-left: 4px !important; }

.-marg-top-xl {
  margin-top: 32px; }
  @media all and (max-width: 991px) {
    .-marg-top-xl\@l- {
      margin-top: 32px; } }

.-marg-none {
  margin: 0px !important; }

/*------------------------------------
	Padding
*/
.-pad-right {
  padding-right: 16px !important; }

.-pad-left {
  padding-left: 16px !important; }

.-pad-top {
  padding-top: 16px !important; }

.-pad-none {
  padding: 0 !important; }

.-pad-top-xl {
  padding-top: 32px !important; }

.-pad-bottom {
  padding-bottom: 16px !important; }

.-pad-bottom-small {
  padding-bottom: 8px !important; }

/* Templates */
.-is-error {
  background: red; }

.-is-warning {
  background: orange; }

.-is-collapsed ._heading {
  color: #329FF3;
  cursor: pointer; }
  .-is-collapsed ._heading:hover {
    color: #92ccf9; }
  .-is-collapsed ._heading:visited {
    color: #539bd2; }
  .-is-collapsed ._heading:active {
    color: #0b6bb4; }
.-is-collapsed ._content {
  height: 0;
  overflow: hidden; }

.-is-expanded ._content {
  height: auto;
  -webkit-transition: height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.-is-empty-list:before, .-is-failed-list:before {
  content: "No items to display";
  padding: 15px;
  display: block;
  text-align: center; }

.-is-failed-list:before {
  content: "Failed to load items"; }

.-is-loading-list:before {
  position: absolute;
  width: 100%;
  top: 50%;
  content: "Loading";
  padding: 15px;
  display: block;
  text-align: center;
  line-height: 105px;
  opacity: 0.6; }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }
.global-spinner, .-is-loading-list:after,
.global-spinner-half {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px auto auto -50px;
  font-size: 10px;
  text-indent: -9999em;
  border: 1px solid #4C68B5;
  border-left-width: 4px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  -moz-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  border-radius: 50%;
  width: 100px;
  height: 100px; }

.global-spinner-half {
  width: 50px;
  height: 50px;
  margin: -25px auto auto -25px; }

/* Templates */
.page-header {
  padding: 32px; }

.layout-a ._row {
  *zoom: 1;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 0;
  padding-right: 0;
  display: block; }
  .layout-a ._row:before, .layout-a ._row:after {
    content: " ";
    display: table; }
  .layout-a ._row:after {
    clear: both; }
.layout-a ._zone-a, .layout-a ._zone-b {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  width: 50%; }
  @media only screen and (max-width: 64em) {
    .layout-a ._zone-a, .layout-a ._zone-b {
      float: none;
      padding-left: 16px;
      padding-right: 16px;
      width: auto; } }
.layout-a ._zone-c {
  float: none;
  padding-left: 16px;
  padding-right: 16px;
  width: auto; }

.layout-b {
  background: #000000; }
  .layout-b ._row {
    overflow: hidden; }
  .layout-b ._zone-a {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 66.6666666667%;
    padding-top: 16px;
    padding-bottom: 16px;
    background: white;
    overflow: auto; }
    @media only screen and (max-width: 64em) {
      .layout-b ._zone-a {
        float: none;
        padding-left: 16px;
        padding-right: 16px;
        width: auto; } }
  .layout-b ._zone-b {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 33.3333333333%;
    padding-top: 16px;
    padding-bottom: 16px; }
    @media only screen and (max-width: 64em) {
      .layout-b ._zone-b {
        float: none;
        padding-left: 16px;
        padding-right: 16px;
        width: auto; } }
  .layout-b ._zone-c {
    float: none;
    padding-left: 16px;
    padding-right: 16px;
    width: auto; }
  .layout-b .zone-half {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
    width: 50%;
    padding-top: 16px;
    padding-bottom: 16px; }
    @media only screen and (max-width: 64em) {
      .layout-b .zone-half {
        float: none;
        padding-left: 16px;
        padding-right: 16px;
        width: auto; } }

/*# sourceMappingURL=custom-social.css.map */