/*
Theme Name: SOP 2017
Description: A theme matching the 2017 design of www.pharmacy.umaryland.edu.
Author: Chris Klimas
*/

/* ========================================
// Styles Manifest
// ===================================== */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */

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

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

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

.absolutely-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.vertically-centered {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.clear:after {
  display: table;
  clear: both;
  content: '';
}

.compartment {
  max-width: 87.5rem;
  margin-right: auto;
  margin-left: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.compartment--nested {
  max-width: 87.5rem;
  margin-right: auto;
  margin-left: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  max-width: 75rem;
}

.compartment--small {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

@media (min-width: 1000px) {

  .compartment--small {
    max-width: 87.5rem;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 87.5rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.list-reset {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 1.125rem;
  line-height: 1.5;
  list-style: none;
}

.visible-for-screen-readers {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
}

.force-display {
  display: block !important; /* Used to force display of hidden elements while JS calculates heights */
}

/* Slider */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus
{
    outline: none;
}

.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide img
{
    display: block;
}

.slick-slide.slick-loading img
{
    display: none;
}

.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';

/* Slider */

.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */

@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}

[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}

.slick-prev:before
{
    content: '?';
}

[dir='rtl'] .slick-prev:before
{
    content: '?';
}

.slick-next
{
    right: -25px;
}

[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}

.slick-next:before
{
    content: '?';
}

[dir='rtl'] .slick-next:before
{
    content: '?';
}

/* Dots */

.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}

.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    content: '';
    text-align: center;

    opacity: .25;
    background-color: black;
    border-radius: 100%;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('../fonts/ProximaNova-Reg-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/ProximaNova-Reg-webfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/ProximaNova-Reg-webfont.woff') format('woff'), /* Pretty Modern Browsers */
			 url('../fonts/ProximaNova-Reg-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
			 font-weight: normal;
			 font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('../fonts/proximanova-semibold-webfont.woff2') format('woff2'),
			 url('../fonts/proximanova-semibold-webfont.woff')  format('woff');
			 font-weight: bold;
			 font-style: normal;
}

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

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

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

.icon-youtube2:before {
	content: "\ea9d";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ========================================
// Headings
// ===================================== */

/* 1:Heading One */

h1,
.h1 {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 1.7777777777777777em;
  line-height: 1.25;
}

@media (min-width: 600px) {

  h1,
.h1 {
    font-size: 2.2222222222222223em;
    line-height: 1.25;
  }
}

/* 2:Heading Two */

h2,
.h2 {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 1.1111111111111112em;
  line-height: 1.5;
}

@media (min-width: 600px) {

  h2,
.h2 {
    font-size: 1.7777777777777777em;
    line-height: 1.25;
  }
}

/* 3:Heading Three */

h3,
.h3 {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 0.8888888888888888em;
  line-height: 1.375;
}

@media (min-width: 600px) {

  h3,
.h3 {
    font-size: 1.1111111111111112em;
    line-height: 1.5;
  }
}

/* 4:Heading Four */

h4,
.h4 {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 0.8888888888888888em;
  line-height: 1.375;
}

@media (min-width: 600px) {

  h4,
.h4 {
    font-size: 0.8888888888888888em;
    line-height: 1.375;
  }
}

/* 5:Heading Five */

h5,
.h5 {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 0.8888888888888888em;
  line-height: 1.375;
}

@media (min-width: 600px) {

  h5,
.h5 {
    font-size: 0.8888888888888888em;
    line-height: 1.375;
  }
}

/* 6:Heading Six */

h6,
.h6 {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 0.8888888888888888em;
  line-height: 1.375;
}

/* ========================================
// Anchors
// ===================================== */

a {
  text-decoration: none;
  color: #E51937;
  -webkit-transition: background .2s,
    color .2s;
  transition:
    background .2s,
    color .2s;

}

a:active {}

a:hover {
  text-decoration: underline;
}

/* ========================================
// Blockquote / Cite
// ===================================== */

blockquote {
  margin: 0 0 1.6666666666666667em;

}

blockquote:before {
  margin-right: 0.2777777777777778em;
  content: '\201C';
}

blockquote:after {
  content: '\201D';
}

cite {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 0.8888888888888888em;
  line-height: 1.375;
  font-style: normal;

}

cite:before {
  content: '';
}

/* ========================================
// Lists
// ===================================== */

ul,
ol {
  margin-top: 0;
  margin-bottom: 1.6666666666666667em;
}

li {}

/* ========================================
// Paragraphs
// ===================================== */

p {
  margin-top: 0;
  margin-bottom: 1.6666666666666667em;
}

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

table {
  width: 100%;
  border-spacing: 0;
  margin-bottom: 1.6666666666666667em;

}

table th,
  table td {
  padding: 0.625rem 1.25rem;
}

table th {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 0.8888888888888888em;
  line-height: 1.375;
  font-weight: normal;
  text-align: left;
  background: rgba(30, 0, 0, .075);
}

@media (min-width: 600px) {

  table th {
    font-size: 0.8888888888888888em;
    line-height: 1.375;
  }
}

table td {}

/* Every td in every odd row */

table tr:nth-of-type(even) td {
    background: rgba(30, 0, 0, .025);
  }

/* ========================================
// Lead In
// ===================================== */

/*.lead-in {
  @mixin h4;
}*/

/* ========================================
// Horizontal Rule
// ===================================== */

hr {
  border: 0;
  border-bottom: 1px solid #ccc;
  margin: 1.6666666666666667em 0;
}

/* ========================================
// Symbols
// ===================================== */

.symbol {
  -webkit-transition: fill .2s,
    stroke .2s;
  transition:
    fill .2s,
    stroke .2s;

}

.symbol-home,
  .symbol-undo {
  height: 0.8888888888888888em;
  width: 0.8888888888888888em;
}

.symbol-chevron-left,
  .symbol-chevron-right {
  height: 1.1111111111111112em;
  width: 1.1111111111111112em;
}

.symbol-chevron-down {
  height: 0.8888888888888888em;
  width: 0.8888888888888888em;
}

.symbol-close {
  height: 1.1111111111111112em;
  width: 1.1111111111111112em;
}

.symbol-minus,
  .symbol-plus {
  height: 1.1111111111111112em;
  width: 1.1111111111111112em;
}

.symbol-play {
  height: 3.611111111111111em;
  width: 3.611111111111111em;
}

.symbol-search {
  height: 0.8888888888888888em;
  width: 0.8888888888888888em;
}

.pt60 {
	padding-top: 3.75rem;
}

.pb60 {
	padding-bottom: 3.75rem;
}

.mt60 {
	margin-top: 3.75rem;
}

.mb60 {
	margin-bottom: 3.75rem;
}

.pt30 {
	padding-top: 1.875rem;
}

.pb30 {
	padding-bottom: 1.875rem;
}

.mt30 {
	margin-top: 1.875rem;
}

.mb30 {
	margin-bottom: 1.875rem;
}

.no-mb {
	margin-bottom: 0;
}

.bold {
	font-weight: bold;
}

.lg-text {
	font-size: 1.2222222222222223em;
}

.small-text {
	font-size: 0.8888888888888888em;
}

.uppercase {
	text-transform: uppercase;
}

.yellow-bg {
	background-color: #ffd204;
}

.yellow-color {
	color: #ffd204;
}

.red-color {
	color: #007698;
}

.gray-color {
	color: #EDEEF0;
}

.white-color {
	color: #fff;
}

.gray-bg {
	background-color: #f1f1f1;
}

.web-bg {
	background: url(../images/web-bg-top.png) top center / contain no-repeat, url(../images/web-bg-bottom.png) bottom center / contain no-repeat;
	background-color: #FFDF70;
}

.web-bg--black {
	background: url(../images/web-bg-gray.png) top center / contain no-repeat;
	background-color: #3C3C3C;
}

.web-bg--gray {
	background: url(../images/web-bg-gray.png) top center / contain no-repeat;
	background-color: #f1f1f1;
}

.float-right {
	float: right;
}

.lead-in, article > .text-content > h2 {
	letter-spacing: 0.2px;
  font-size: 1.5rem;
  line-height: 1.5;
}

.headline {
	margin-top: 0;
	font-family: "Proxima Nova", sans-serif;;
	font-weight: bold;
	font-size: 0.8888888888888888em;
	line-height: 1.375;
	display: block;
	margin-bottom: 1.25rem;
	font-weight: 600;
	letter-spacing: 0.5px;
}

@media (min-width: 600px) {

  .headline {
    font-size: 1.1111111111111112em;
    line-height: 1.5;
  }
}

.headline--sm {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 0.8888888888888888em;
  line-height: 1.375;
  display: block;
  margin-bottom: 1.25rem;
  font-weight: 600;
}

@media (min-width: 600px) {

  .headline--sm {
    font-size: 0.8888888888888888em;
    line-height: 1.375;
  }
}

.headline--lg {
  font-size: 2rem;
  display: block;
  margin-bottom: 1.25rem;
  font-weight: 600;
}

.section-title-lg {
	font-size: 2.2222222222222223em;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
}

@media (min-width: 800px) {

  .section-title-lg {
    font-size: 3.0555555555555554em;
  }
}

.section-title {
	font-size: 2em;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
}

@media (min-width: 800px) {

  .section-title {
    font-size: 2.3333333333333335em;
  }
}

.section-title--left {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 0.8888888888888888em;
  line-height: 1.375;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
}

@media (min-width: 600px) {

  .section-title--left {
    font-size: 1.1111111111111112em;
    line-height: 1.5;
  }
}

.section-title-sm {
	margin-top: 0;
	font-family: "Proxima Nova", sans-serif;;
	font-weight: bold;
	font-size: 0.8888888888888888em;
	line-height: 1.375;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
}

@media (min-width: 600px) {

  .section-title-sm {
    font-size: 0.8888888888888888em;
    line-height: 1.375;
  }
}

.section-title-sm--left {
  margin-top: 0;
  font-family: "Proxima Nova", sans-serif;;
  font-weight: bold;
  font-size: 0.8888888888888888em;
  line-height: 1.375;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
}

@media (min-width: 600px) {

  .section-title-sm--left {
    font-size: 0.8888888888888888em;
    line-height: 1.375;
  }
}

.more-link {
	font-weight: 600;
	font-size: 0.7777777777777778em;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.more-link--right {
  position: absolute;
  right: 0;
  top: 0.9375rem;
}

.more-link--right:after {
  content: '>';
  display: inline-block;
  padding-left: 0.3125rem;
}

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

.full-width-container {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.hidden-all {
	display: none;
}

@media (min-width: 1000px) {

  .hidden-desktop {
    display: none;
  }
}

.hidden-mobile {
	display: none;
}

@media (min-width: 1000px) {

  .hidden-mobile {
    display: inline-block;
  }
}

.yellow-bullets {
	list-style-type: none;
}

.yellow-bullets li {
  position: relative;
  margin-bottom: 0.75rem;
}

.yellow-bullets li:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -20px;
  top: 7px;
  width: 8px;
  height: 8px;
  background-color: #ffd204;
  border-radius: 100%;
}

@media (min-width: 800px) {

  .spaced-columns {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.spaced-columns:after {
  display: table;
  clear: both;
  content: '';
}

.spaced-columns > [class*="col-"] {
  margin-bottom: 1.1111111111111112em;
}

@media (min-width: 800px) {

  .spaced-columns > [class*="col-"] {
    margin-bottom: 0;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.spaced-columns > [class*="col-"] img {
  margin-bottom: 1.1111111111111112em;
}

.slick-slider button.slick-arrow:focus {
	outline: none;
	font-weight: bold;
}

.floating-wrap {
	max-width: 27.77777777777778em;
}

.floating-wrap--left {
  float: left;
}

@media (min-width: 500px) {

  .floating-wrap--left {
    padding-right: 2.2222222222222223em;
    padding-bottom: 2.2222222222222223em;
  }
}

.floating-wrap--right {
  float: right;
}

@media (min-width: 500px) {

  .floating-wrap--right {
    padding-left: 2.2222222222222223em;
    padding-bottom: 2.2222222222222223em;
  }
}

/* ========================================
// Silk Harmonica
// ===================================== */

/* When do accordions become harmonicas? */

.silk-harmonica {
  margin-bottom: 1.6666666666666667em;

}

.silk-harmonica--expanded {
  line-height: 1.5;
}

@media(min-width: 900px) {

  .silk-harmonica--expanded {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.silk-harmonica--expanded .silk-harmonica__header {
  font-size: 1.1875rem;
}

.silk-harmonica__header {
    position: relative;
    cursor: pointer;
    border-bottom: 3px solid #f1f1f1;
    font-size: 1.0625rem;

  }

@media(min-width: 900px) {

  .silk-harmonica--expanded .silk-harmonica__header {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

.silk-harmonica__header:hover {}

.silk-harmonica__header.active {
  border-bottom: 5px solid #ffd204;
}

.silk-harmonica__header.active + * {
  display: block;
}

.silk-harmonica__header > *:first-child {
  margin-bottom: 0;
}

.silk-harmonica__header h4 {
  padding: 0.625rem 1.25rem;
  font-size: 1.1875rem;
}

.silk-harmonica__bottle {
      position: absolute;
      top: 50%;
      right: 1.1111111111111112em;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);

    }

.active .silk-harmonica__bottle:first-of-type {
  display: none;
}

.silk-harmonica__bottle:last-child {
  display: none;
}

.active .silk-harmonica__bottle:last-child {
  display: block;
}

@media(min-width: 900px) {

  .silk-harmonica--expanded .silk-harmonica__bottle {
    visibility: hidden;
  }
}

.silk-harmonica__symbol {
        //display: block;
        display: none;
      }

.silk-harmonica__content {
    display: none;
    padding: 1.25rem;
    font-size: 1.0625rem;

  }

.silk-harmonica--expanded .silk-harmonica__content {
  font-size: 1.125rem;
}

@media(min-width: 900px) {

  .silk-harmonica--expanded .silk-harmonica__content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }
}

/* ========================================
// Drawer
// ===================================== */

/*@define-mixin drawer $transform-intensity: 20% {
  position: absolute;
  min-height: 100%;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

@define-mixin visible-drawer {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

@define-mixin reset-drawer {
  @mixin visible-drawer;
  position: static;
  overflow: inherit;
  max-width: 100%;
  background: none;
  transform: none;
}

.drawer {
  @mixin drawer;
  top: 100%;
  right: 0;
  z-index: 200;
  overflow: hidden;
  overflow-y: scroll;
  max-width: em(500);
  background: #fff;
  transition:
    opacity .3s,
    visibility .3s;

  @mixin media $silkDrawerDisappears {
    @mixin reset-drawer;
  }

  .visible-drawer & {
    @mixin visible-drawer;
  }

}*/

/* ========================================
// Drawer Trigger
// ===================================== */

/*.drawer__trigger {
  position: absolute;
  top: 50%;
  right: 0;
  height: em(60);
  width: em(60);
  border: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  background: none;
  transform: translate(0, -50%);
  transition:
    background .3s,
    transform .3s;

  @mixin media $silkDrawerDisappears {
    display: none;
  }

  &:before,
  &:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: em(2);
    width: em(20);
    content: '';
    background: currentColor;
    color: #000;
    transform: translate(-50%, -50%);
    transition:
      background .3s,
      box-shadow .3s,
      margin .3s,
      transform .3s;
  }

  &:before {
    margin-top: em(-6);

    .visible-drawer & {
      margin-top: 0;
      transform:
        translate(-50%, -50%)
        rotate(-45deg);
    }

  }

  &:after {
    box-shadow: 0 em(6) 0 0 currentColor;

    .visible-drawer & {
      box-shadow: 0 0 0 0 transparent;
      transform:
        translate(-50%, -50%)
        rotate(45deg);
    }

  }

  .visible-drawer & {}

}
*/

/* ========================================
// Grid / Columns
// ===================================== */

.grid:after {
  display: table;
  clear: both;
  content: '';
}

.grid--20 {
  margin: 0 -0.5555555555555556em;
}

.grid--push-bottom {
  margin-bottom: 1.6666666666666667em;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}

.flex--centered {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex--justified {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

[class^='col-'] {
    float: left;
    width: 100%;

  }

.grid--20 [class^='col-'] {
  margin-bottom: 1.1111111111111112em;
  padding: 0 0.5555555555555556em;
}

@media (min-width: 300px) {

    .col-mini-1 {
    width: 50%;
  }

    .col-mini-2 {
    width: 100%;
  }

  }

@media (min-width: 400px) {

    .col-tiny-1 {
    width: 50%;
  }

    .col-tiny-2 {
    width: 100%;
  }

  }

@media (min-width: 500px) {

    .col-small-1 {
    width: 8.33333%;
  }

    .col-small-2 {
    width: 16.66667%;
  }

    .col-small-3 {
    width: 25%;
  }

    .col-small-4 {
    width: 33.33333%;
  }

    .col-small-5 {
    width: 41.66667%;
  }

    .col-small-6 {
    width: 50%;
  }

    .col-small-7 {
    width: 58.33333%;
  }

    .col-small-8 {
    width: 66.66667%;
  }

    .col-small-9 {
    width: 75%;
  }

    .col-small-10 {
    width: 83.33333%;
  }

    .col-small-11 {
    width: 91.66667%;
  }

    .col-small-12 {
    width: 100%;
  }

  }

@media (min-width: 600px) {

    .col-medium-1 {
    width: 8.33333%;
  }

    .col-medium-2 {
    width: 16.66667%;
  }

    .col-medium-3 {
    width: 25%;
  }

    .col-medium-4 {
    width: 33.33333%;
  }

    .col-medium-5 {
    width: 41.66667%;
  }

    .col-medium-6 {
    width: 50%;
  }

    .col-medium-7 {
    width: 58.33333%;
  }

    .col-medium-8 {
    width: 66.66667%;
  }

    .col-medium-9 {
    width: 75%;
  }

    .col-medium-10 {
    width: 83.33333%;
  }

    .col-medium-11 {
    width: 91.66667%;
  }

    .col-medium-12 {
    width: 100%;
  }

  }

@media (min-width: 700px) {

    .col-big-1 {
    width: 8.33333%;
  }

    .col-big-2 {
    width: 16.66667%;
  }

    .col-big-3 {
    width: 25%;
  }

    .col-big-4 {
    width: 33.33333%;
  }

    .col-big-5 {
    width: 41.66667%;
  }

    .col-big-6 {
    width: 50%;
  }

    .col-big-7 {
    width: 58.33333%;
  }

    .col-big-8 {
    width: 66.66667%;
  }

    .col-big-9 {
    width: 75%;
  }

    .col-big-10 {
    width: 83.33333%;
  }

    .col-big-11 {
    width: 91.66667%;
  }

    .col-big-12 {
    width: 100%;
  }

  }

@media (min-width: 800px) {

    .col-large-1 {
    width: 8.33333%;
  }

    .col-large-2 {
    width: 16.66667%;
  }

    .col-large-3 {
    width: 25%;
  }

    .col-large-4 {
    width: 33.33333%;
  }

    .col-large-5 {
    width: 41.66667%;
  }

    .col-large-6 {
    width: 50%;
  }

    .col-large-7 {
    width: 58.33333%;
  }

    .col-large-8 {
    width: 66.66667%;
  }

    .col-large-9 {
    width: 75%;
  }

    .col-large-10 {
    width: 83.33333%;
  }

    .col-large-11 {
    width: 91.66667%;
  }

    .col-large-12 {
    width: 100%;
  }

  }

@media (min-width: 900px) {

    .col-huge-1 {
    width: 8.33333%;
  }

    .col-huge-2 {
    width: 16.66667%;
  }

    .col-huge-3 {
    width: 25%;
  }

    .col-huge-4 {
    width: 33.33333%;
  }

    .col-huge-5 {
    width: 41.66667%;
  }

    .col-huge-6 {
    width: 50%;
  }

    .col-huge-7 {
    width: 58.33333%;
  }

    .col-huge-8 {
    width: 66.66667%;
  }

    .col-huge-9 {
    width: 75%;
  }

    .col-huge-10 {
    width: 83.33333%;
  }

    .col-huge-11 {
    width: 91.66667%;
  }

    .col-huge-12 {
    width: 100%;
  }

  }

@media (min-width: 1000px) {

    .col-wooser-1 {
    width: 8.33333%;
  }

    .col-wooser-2 {
    width: 16.66667%;
  }

    .col-wooser-3 {
    width: 25%;
  }

    .col-wooser-4 {
    width: 33.33333%;
  }

    .col-wooser-5 {
    width: 41.66667%;
  }

    .col-wooser-6 {
    width: 50%;
  }

    .col-wooser-7 {
    width: 58.33333%;
  }

    .col-wooser-8 {
    width: 66.66667%;
  }

    .col-wooser-9 {
    width: 75%;
  }

    .col-wooser-10 {
    width: 83.33333%;
  }

    .col-wooser-11 {
    width: 91.66667%;
  }

    .col-wooser-12 {
    width: 100%;
  }

  }

@media (min-width: 1100px) {

    .col-yatterman-1 {
    width: 8.33333%;
  }

    .col-yatterman-2 {
    width: 16.66667%;
  }

    .col-yatterman-3 {
    width: 25%;
  }

    .col-yatterman-4 {
    width: 33.33333%;
  }

    .col-yatterman-5 {
    width: 41.66667%;
  }

    .col-yatterman-6 {
    width: 50%;
  }

    .col-yatterman-7 {
    width: 58.33333%;
  }

    .col-yatterman-8 {
    width: 66.66667%;
  }

    .col-yatterman-9 {
    width: 75%;
  }

    .col-yatterman-10 {
    width: 83.33333%;
  }

    .col-yatterman-11 {
    width: 91.66667%;
  }

    .col-yatterman-12 {
    width: 100%;
  }

  }

@media (min-width: 1200px) {

    .col-gamagori-1 {
    width: 8.33333%;
  }

    .col-gamagori-2 {
    width: 16.66667%;
  }

    .col-gamagori-3 {
    width: 25%;
  }

    .col-gamagori-4 {
    width: 33.33333%;
  }

    .col-gamagori-5 {
    width: 41.66667%;
  }

    .col-gamagori-6 {
    width: 50%;
  }

    .col-gamagori-7 {
    width: 58.33333%;
  }

    .col-gamagori-8 {
    width: 66.66667%;
  }

    .col-gamagori-9 {
    width: 75%;
  }

    .col-gamagori-10 {
    width: 83.33333%;
  }

    .col-gamagori-11 {
    width: 91.66667%;
  }

    .col-gamagori-12 {
    width: 100%;
  }

  }

@media (min-width: 1300px) {

    .col-aldnoah-1 {
    width: 8.33333%;
  }

    .col-aldnoah-2 {
    width: 16.66667%;
  }

    .col-aldnoah-3 {
    width: 25%;
  }

    .col-aldnoah-4 {
    width: 33.33333%;
  }

    .col-aldnoah-5 {
    width: 41.66667%;
  }

    .col-aldnoah-6 {
    width: 50%;
  }

    .col-aldnoah-7 {
    width: 58.33333%;
  }

    .col-aldnoah-8 {
    width: 66.66667%;
  }

    .col-aldnoah-9 {
    width: 75%;
  }

    .col-aldnoah-10 {
    width: 83.33333%;
  }

    .col-aldnoah-11 {
    width: 91.66667%;
  }

    .col-aldnoah-12 {
    width: 100%;
  }

  }

@media (min-width: 1400px) {

    .col-penguindrum-1 {
    width: 8.33333%;
  }

    .col-penguindrum-2 {
    width: 16.66667%;
  }

    .col-penguindrum-3 {
    width: 25%;
  }

    .col-penguindrum-4 {
    width: 33.33333%;
  }

    .col-penguindrum-5 {
    width: 41.66667%;
  }

    .col-penguindrum-6 {
    width: 50%;
  }

    .col-penguindrum-7 {
    width: 58.33333%;
  }

    .col-penguindrum-8 {
    width: 66.66667%;
  }

    .col-penguindrum-9 {
    width: 75%;
  }

    .col-penguindrum-10 {
    width: 83.33333%;
  }

    .col-penguindrum-11 {
    width: 91.66667%;
  }

    .col-penguindrum-12 {
    width: 100%;
  }

  }

/*@import 'silk/halfway';*/

/*@import 'silk/modal';*/

/* ========================================
// Silk Nav
// ===================================== */

/*.silk-nav {

  ul {

    ul {
      position: absolute;
      top: em(42);
      left: 100%;
      z-index: 200;
      height: 100%;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      transform: translate(0, 0);
      transition:
        opacity .4s,
        visibility .4s,
        transform .4s;

      @mixin media $silkDrawerDisappears {
        top: 100%;
        left: 0;
        display: none;
        height: auto;
        opacity: 1;
        visibility: visible;
      }

      &.silk-nav__nest--active {
        opacity: 1;
        visibility: visible;
        transform: translate(-100%, 0);
        transition:
          opacity .4s,
          visibility .4s,
          transform .4s cubic-bezier(.175, .885, .24, 1.11);

        @mixin media $silkDrawerDisappears {
          transform: none;
        }

      }

      > a {

        @mixin media $silkDrawerDisappears {
          display: none;
        }

      }

    }

  }

}



.silk-nav__controls {
  position: relative;
  z-index: 400;
  border-top: 1px solid rgba(0, 0, 0, .25);
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  @mixin media $silkDrawerDisappears {
    display: none;
  }

}

  .silk-nav__trigger {
    border: 0;
    padding: em(10) em(10);
    background: none;
    transition:
      background .2s,
      color .2s,
      opacity .2s,
      visibilty .2s;

    span {
      clip: rect(1px, 1px, 1px, 1px);
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
    }

    &:hover {}

    @mixin media $silkDrawerDisappears {
      display: none;
    }

    &--home,
    &--revert {

      svg {
        display: inline-block;
        vertical-align: middle;
        margin-right: em(4);
      }

    }

    &--revert,
    &--reverse {
      opacity: 0;
      visibility: hidden;

      .silk-nav--active & {
        opacity: 1;
        visibility: visible;
      }

    }

    &--revert {
      border-left: 1px solid rgba(0, 0, 0, .25);
    }

    &--reverse,
    &--advance {
      position: absolute;
      padding: em(11) em(20);

      &:hover {}

        svg {
          display: block;
        }

    }

    &--reverse {
      top: 100%;
      left: 0;
      border-right: 1px solid rgba(0, 0, 0, .25);
    }

    &--advance {
      right: 0;
      border-left: 1px solid rgba(0, 0, 0, .25);
      margin-top: em(-42);
    }



  }
*/

/*@import 'silk/slides';*/

/* ========================================
// Silk Style Tile
// ===================================== */

.style-tile__bubble {
  padding: 1.6666666666666667em;
}

.style-tile__pallette {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 1.125rem;
    line-height: 1.5;
    list-style: none;
    margin: 0 -0.5555555555555556em;

  }

.style-tile__pallette:after {
  display: table;
  clear: both;
  content: '';
}

.style-tile__pallette li {
  float: left;
  margin: 0 0.5555555555555556em 2.2222222222222223em;
  height: 3.3333333333333335em;
  width: 3.3333333333333335em;
  border-radius: 100%;
}

.style-tile__colors li:nth-child(0) {
  background: #ffd204;
}

.style-tile__colors li:nth-child(1) {
  background: #ffd204;
}

.style-tile__colors li:nth-child(2) {
  background: #007698;
}

.style-tile__colors li:nth-child(3) {
  background: #E51937;
}

.style-tile__shades li:nth-child(0) {
  background: #292929;
}

.style-tile__shades li:nth-child(1) {
  background: #292929;
}

.style-tile__shades li:nth-child(2) {
  background: #EDEEF0;
}

/* ========================================
// Silk Table
// ===================================== */

.silk-table {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;

}

@media (min-width: 800px) {

  .silk-table {
    overflow-x: visible;
  }
}

.silk-table th {
  background-color: #ffd204;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}

.silk-table tr {
  border-bottom: 3px solid #fff;
}

.silk-table tr td:first-of-type {
  background-color: #efefef;
  text-align: center;
}

/*@import 'silk/style-tile';*/

/* ========================================
// Index
// ===================================== */

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

html {
  font-family: "Proxima Nova", sans-serif;;
  -webkit-font-smoothing: antialiased;
  background: none;
  color: #313131;
}

body {
    font-size: 1.125rem;
    line-height: 1.5;
  }

/* ========================================
// Sections
// ===================================== */

.content {
  padding: 2.2222222222222223em 1.1111111111111112em;
}

.main-wrap {
  margin-top: 3.125rem;
}

.internal-aside {
	width: 100%;
	float: left;
  margin-bottom: 3.125rem;
}

@media (min-width: 800px) {

  .internal-aside {
    width: 300px;
    padding-right: 1.25rem;
  }
}

.internal-main {
	width: 100%;
	float: left;
}

@media (min-width: 800px) {

  .internal-main {
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
    padding-left: 1.25rem;
  }
}

/* ========================================
// Site Header
// ===================================== */

.site-header__logo {
  display: inline-block;
}

.site-header__logo img {
  padding: 0.625rem;
  width: 12.5rem;
  margin-left: 0.3125rem;
}

@media (min-width: 1000px) {

  .site-header__logo img {
    width: 18.75rem;
    margin-left: 0.9375rem;
  }
}

.site-header__menu-trigger {
  display: inline-block;
  position: absolute;
  width: 60px;
  height: 79px;
  top: 0;
  right: 0;
  cursor: pointer;
  background: #ffd204;
  padding: 15px;
}

@media (min-width: 400px) {

  .site-header__menu-trigger {
    width: 70px;
    padding: 20px;
  }
}

@media (min-width: 1000px) {

  .site-header__menu-trigger {
    display: none;
  }
}

.site-header__menu-trigger span {
  position: absolute;
  width: 30px;
  height: 3px;
  background-color: #000;
  top: 47%;
}

@media (min-width: 400px) {

  .site-header__menu-trigger span {
    top: 50%;
  }
}

.site-header__menu-trigger span:after {
  content: '';
  position: absolute;
  top: -10px;
  width: 30px;
  height: 3px;
  background-color: #000;
}

.site-header__menu-trigger span:before {
  content: '';
  position: absolute;
  bottom: -10px;
  width: 30px;
  height: 3px;
  background-color: #000;
}

.site-header__search {
  display: inline-block;
  position: absolute;
  right: 60px;
  padding: 20px;
  height: 79px;
  width: 60px;
  background-image: url(../images/search.svg);
  background-size: 25px;
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-position: 50%;
}

@media (min-width: 400px) {

  .site-header__search {
    width: 70px;
    right: 70px;
    background-size: 30px;
  }
}

@media (min-width: 1000px) {

  .site-header__search {
    display: inline-block;
    position: absolute;
    right: 0;
    background-size: 16px;
    top: 53.5px;
    height: 41.75px;/*width: rem(25);*/
    cursor: pointer;
  }
}

.drawer {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	position: absolute;
	z-index: 10001;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	/*transform: scale(1, 0);*/
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

@media (max-width: 1000px){

  .drawer {
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
  }

  .drawer.drawer-open {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@media (min-width: 1000px) {

  .drawer {
    width: auto;
    position: static;
    margin-left: 0;
    margin-right: 0;/*transform: scale(1, 1);*/
  }
}

@media (min-width: 1000px) {

  .nav-utility {
    position: absolute;
    top: 2.5em;
    right: 4.444444444444445em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.nav-utility > ul {
  display: inline-block;
  list-style-type: none;
  vertical-align: bottom;
  width: 100%;
}

@media (min-width: 1000px) {

  .nav-utility > ul {
    width: auto;
  }
}

.nav-utility > ul > li {
  display: inline-block;
}

.nav-utility > ul > li.sub-trigger:hover .nav-utility__sub {
  display: block;
}

.nav-utility__sub {
  display: none;
  position: absolute;
  background-color: #fff;
  margin: 0;
  padding: 0.625rem;
  z-index: 20;
  border: 1px solid #f1f1f1;
}

.nav-utility__sub li {
  list-style-type: none;
}

.nav-utility__sub li a {
  padding: 0.5555555555555556em 1.6666666666666667em;
}

.nav-utility__social {
  width: 100%;
  padding: 0;
  padding-top: 1.1111111111111112em;
  padding-bottom: 1.1111111111111112em;
  margin-bottom: 0;
  text-align: center;
  background-color: #000;
}

@media (min-width: 1000px) {

  .nav-utility__social {
    padding-top: 0.5555555555555556em;
    padding-bottom: 0.5555555555555556em;
    background-color: transparent;
    width: auto;
  }
}

.nav-utility__social li a {
  background-color: #fff;
}

@media (min-width: 1000px) {

  .nav-utility__social li a {
    background-color: #a7a7a7;
  }
}

.nav-utility__social li a:before {
  color: #000;
}

@media (min-width: 1000px) {

  .nav-utility__social li a:before {
    color: #fff;
  }
}

.nav-utility__main {
  background-color: #000;
  padding: 0;
  margin: 0;
  text-align: center;
}

@media (min-width: 1000px) {

  .nav-utility__main {
    background-color: transparent;
    text-align: left;
  }
}

.nav-utility__main li {
  width: 25%;
  float: left;
}

@media (min-width: 1000px) {

  .nav-utility__main li {
    width: auto;
    float: none;
  }
}

.nav-utility__main li.nav-utility__nav-donate {
  width: 100%;
  background-color: #E51937;
  text-align: center;
  overflow: hidden;
  vertical-align: top;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  overflow: hidden;
  vertical-align: bottom;
  position: relative;
}

@media (min-width: 1000px) {

  .nav-utility__main li.nav-utility__nav-donate {
    width: auto;
  }
}

.nav-utility__main li.nav-utility__nav-donate a {
  color: #fff;
  display: inline-block;
  padding: 0.8333333333333334em 1.6666666666666667em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (min-width: 1000px) {

  .nav-utility__main li.nav-utility__nav-donate a {
    padding: 0.5555555555555556em 1.6666666666666667em;
  }
}

.nav-utility__main li.nav-utility__nav-donate a:after {
  content: "\e909";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  position: absolute;
  top: 13px;
  right: 20px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: translate(30px, 0);
  -ms-transform: translate(30px, 0);
  transform: translate(30px, 0);
  padding-left: 5px;
  opacity: 0;
}

.nav-utility__main li.nav-utility__nav-donate:hover {
  color: #ffd204;
}

@media (min-width: 1000px) {

  .nav-utility__main li.nav-utility__nav-donate:hover a {
    text-decoration: none;
    padding: 0.5555555555555556em 2.2222222222222223em 0.5555555555555556em 1.1111111111111112em;
  }

  .nav-utility__main li.nav-utility__nav-donate:hover a:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

.nav-utility__main a {
  display: inline-block;
  padding: 0.8333333333333334em 0.8333333333333334em;
  color: #fff;
  font-size: 1rem;
}

@media (min-width: 1000px) {

  .nav-utility__main a {
    color: #000;
  }
}

.nav-utility__main a:hover {
  color: #E51937;
  text-decoration: none;
}

.nav-quick-links {
	z-index: 100;
}

/*display: none;*/

@media (min-width: 1000px) {

  .nav-quick-links {
    position: fixed;
    width: 300px;
    right: 0;
    top: 55vh;
    -webkit-transform: translate3d(240px, -50%, 0);
    transform: translate3d(240px, -50%, 0);
  }
}

.nav-quick-links ul {
  background-color: #ffd204;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 1000px) {

  .nav-quick-links ul {
    background-color: transparent;
    display: inline-block;
  }
}

.nav-quick-links li {
  width: 50%;
  height: 100%;
  float: left;
  border-bottom: 1px solid #E9BF0D;
  height: 80px;
  display: table;
  position: relative;
}

@media (min-width: 1000px) {

  .nav-quick-links li {
    position: static;
    display: inline-block;
    width: 100%;
    height: auto;
    border-bottom: none;
    height: 60px;
  }
}

.nav-quick-links li:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.625rem;
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  pointer-events: none;
}

@media (min-width: 1000px) {

  .nav-quick-links li:after {
    display: none;
  }
}

.nav-quick-links li:nth-of-type(odd) {
  border-right: 1px solid #E9BF0D;
}

@media (min-width: 1000px) {

  .nav-quick-links li:nth-of-type(odd) {
    border-right: none;
  }
}

.nav-quick-links li:nth-of-type(1):after {
  content: "\e903";
}

.nav-quick-links li:nth-of-type(2):after {
  content: "\e90f";
}

.nav-quick-links li:nth-of-type(3):after {
  content: "\e900";
}

.nav-quick-links li:nth-of-type(4):after {
  content: "\e901";
}

.nav-quick-links li a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 0.9375rem;
  padding-right: 2.8125rem;
  color: #000;
  font-size: 0.7777777777777778em;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media (min-width: 1000px) {

  .nav-quick-links li a {
    vertical-align: top;
    display: inline-block;
    padding: 0;
    border-left: 1px solid #E9BF0D;
    box-sizing: content-box;/*transform: translateX(240px);*/
  }
}

@media (min-width: 1000px) {

  .nav-quick-links li a:hover .ql-text {
    background-color: #E9BF0D;
  }
}

.nav-quick-links li a:hover .icon {
  background-color: #E9BF0D;
}

.nav-quick-links li a .ql-text {
  display: inline-block;
  width: 100%;
  background-color: #ffd204;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  vertical-align: inherit;
}

@media (min-width: 1000px) {

  .nav-quick-links li a .ql-text {
    width: 240px;
    height: 60px;
    padding: 1.25rem;
    position: relative;
    z-index: 0;
    will-change: transform;
    border-bottom: 1px solid #E9BF0D;
    border-left: 1px solid #E9BF0D;
  }
}

@media (min-width: 1000px) {

  .nav-quick-links li a .ql-text.on-canvas {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

.nav-quick-links li a .icon {
  display: none;
}

@media (min-width: 1000px) {

  .nav-quick-links li a .icon {
    display: inline-block;
    width: 60px;
    padding: 19px 16px;
    font-size: 1.6666666666666667em;
    background-color: #ffd204;
    z-index: 200;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    height: 60px;
    border-bottom: 1px solid #E9BF0D;
    position: relative;
  }
}

.main-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #000;
	background-color: #292929;
}

@media (min-width: 1000px) {

  .main-nav {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #ffd204;
  }
}

.main-nav li {
  list-style-type: none;
}

@media (min-width: 1000px) {

  .main-nav > li {
    display: inline-block;
  }
}

@media (min-width: 1000px) {

  .main-nav > li:hover .main-nav__sec {
    display: block;
  }
}

@media (min-width: 1000px) {

  .main-nav > li:first-of-type > a {
    padding-left: 1.5625rem;
  }
}

.main-nav > li > a {
  display: inline-block;
  padding: 0.8333333333333334em 0.8333333333333334em;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.2px;
  width: 100%;
}

@media (min-width: 1000px) {

  .main-nav > li > a {
    width: auto;
    border-right: 1px solid #E9BF0D;
    margin-left: -4px;
    color: #000;
  }
}

@media (min-width: 1240px) {

  .main-nav > li > a {
    padding: 0.8333333333333334em 1.3888888888888888em;
    font-size: 1.0625rem;
  }
}

@media (min-width: 1000px) {

  .main-nav > li > a:hover {
    background-color: #f1f1f1;
    text-decoration: none;
  }
}

.main-nav > li > a.has-sub {
  position: relative;
}

.main-nav > li > a.has-sub:after {
  content: "\e909";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;/*position: absolute;*/
  display: inline-block;/*right: rem(20);*//*top: 18px;*/
  padding-left: 0.625rem;
  font-size: 0.75rem;
  color: #fff;
}

@media (min-width: 1000px) {

  .main-nav > li > a.has-sub:after {
    display: none;
  }
}

.main-nav__sec {
  display: none;
  list-style-type: none;
  padding-left: 0;
  padding-top: 0.5555555555555556em;
  padding-bottom: 0.5555555555555556em;
  background-color: #3c3c3c;
}

@media (min-width: 1000px) {

  .main-nav__sec {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    padding-top: 1.6666666666666667em;
    padding-bottom: 1.6666666666666667em;
    background-color: #f1f1f1;
    z-index: 1000;
    box-shadow: 0px 3px 3px 0px rgba(150,150,150,0.5);
  }
}

@media (min-width: 1000px) {

  .main-nav__sec > li {
    width: 18.75rem;
  }
}

@media (min-width: 1000px) {

  .main-nav__sec > li:hover .main-nav__tert {
    display: block;
  }
}

.main-nav__sec > li > a {
  display: inline-block;
  padding: 0.5555555555555556em 1.2222222222222223em;
  font-weight: 600;
  color: #fff;
  font-size: 1rem;
  width: 100%;
}

@media (min-width: 1000px) {

  .main-nav__sec > li > a {
    display: block;
    color: #000;
    font-size: inherit;/*width: auto;*/
    padding: 0.4444444444444444em 1.2222222222222223em;
    font-size: 0.9375rem;
  }
}

.main-nav__sec > li > a.has-sub:after {
  content: "\e909";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  padding-left: 1.1111111111111112em;
  font-size: 0.6875rem;
}

.main-nav__tert {
  display: none;
  height: 100%;
  padding-top: 0.5555555555555556em;
  padding-bottom: 0.5555555555555556em;
  padding-left: 1.1111111111111112em;
  background-color: #4d4d4d;
  margin-bottom: 0;
}

@media (min-width: 1000px) {

  .main-nav__tert {
    background-color: #fff;
    padding-top: 1.6666666666666667em;
    padding-bottom: 1.6666666666666667em;
    position: absolute;
    top: 0;
    left: 18.75rem;
    padding-right: 25rem;
    font-size: inherit;
    padding-bottom: 1.25rem;
    width: -webkit-calc(100% - 18.75rem);
    width: calc(100% - 18.75rem);
    height: auto;
    min-height: 100%;
  }
}

.main-nav__tert .pull-section {
  display: none;
  position: absolute;
  top: 0;
  margin-top: 30px;
  padding: 1.875rem;
  padding-top: 0;
  right: 0;
  width: 25rem;
  border-left: 1px solid #f1f1f1;
}

@media (min-width: 1000px) {

  .main-nav__tert .pull-section {
    display: block;
  }
}

@media (min-width: 1000px) {

  .main-nav__tert > li {
    width: 50%;
    float: left;
  }
}

.main-nav__tert > li > a {
  display: inline-block;
  padding: 0.5555555555555556em 1.2222222222222223em;
  padding-left: 1.6666666666666667em;
  color: #fff;
  font-size: 1rem;
}

@media (min-width: 1000px) {

  .main-nav__tert > li > a {
    color: #000;
    padding: 0.4444444444444444em 1.2222222222222223em;
    font-size: 0.9375rem;
  }
}

@media (min-width: 1000px) {

  .main-nav__tert > li > a:hover {
    color: #ffd204;
    text-decoration: none;
  }
}

.site-search {
	display: inline-block;
	position: absolute;
	top: 80px;
	right: 0;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	z-index: 2000;
	width: 100%;
}

@media (min-width: 1000px) {

  .site-search {
    top: 0;
    width: auto;
    -webkit-transform: translate(100%, 0) scale(1, 0);
    -ms-transform: translate(100%, 0) scale(1, 0);
    transform: translate(100%, 0) scale(1, 0);
  }
}

.site-search.open {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

@media (min-width: 1000px) {

  .site-search.open {
    -webkit-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
  }
}

.site-search__block-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  height: 60px;
  border: 1px solid #ccc;
}

@media (min-width: 1000px) {

  .site-search__block-inner {
    width: 300px;
    height: 40px;
  }
}

.site-search__block-inner input {
  float: left;
}

.site-search__block-inner input[type="search"] {
  border: none;
  padding: 5px;
  padding-left: 10px;
  margin: 0;
  width: -webkit-calc(100% - 71px);
  width: calc(100% - 71px);
  font-style: italic;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -webkit-appearance: none;
}

@media (min-width: 1000px) {

  .site-search__block-inner input[type="search"] {
    width: 250px;
    padding: 2.5px;
  }
}

.site-search__block-inner input[type="submit"]{
  font-size: 22px;
  border: none;
  margin: 0;
  height: 100%;/*padding: 20px;*/
  -webkit-transition: 0.2s;
  transition: 0.2s;/*text-indent: 100%; */
  white-space: nowrap;
  overflow: hidden;
  background-color: #f1f1f1;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -webkit-appearance: none;
  width: 71px;/*max-width: 60px;*//*background-image: url(../images/search.svg);*/
}

/*background-size: 18px;*/

@media (min-width: 1000px) {

  .site-search__block-inner input[type="submit"] {
    width: 77px;/*padding: 20px;*/
  }
}

.site__wrap {
  position: relative;
}

.site__alert {
  padding: 1.25rem;
  text-align: center;
  background-color: #E51937;
  color: #fff;
}

.site__alert.alert-closed {
  display: none;
}

.site__alert-title {
  font-weight: 600;
  display: inline-block;
  padding-right: 0.625rem;
}

.site__alert-close {
  position: absolute;
  right: 1.875rem;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.site__alert-close:before,
    .site__alert-close:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 20px;
  background-color: #fff;
}

.site__alert-close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.site__alert-close:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 1000px) {

  .nav-quick-links {
    display: none;
  }
}

.nav-quick-links li:first-of-type .icon {
	border-top: 1px solid #E9BF0D;
}

@media (min-width: 1000px) {

  .nav-quick-links li:first-of-type .ql-text {
    border-top: 1px solid #E9BF0D;
  }
}

@media (min-width: 1000px) {

  .home .nav-quick-links {
    display: block;
  }
}

/*form.site-search--block-inner input[type="submit"] {
    background-image: url(../images/search.svg);
}*/

/* ========================================
// Site Footer
// ===================================== */

.site-footer {
	background-color: #ffd204;
	padding: 2.7777777777777777em 0;
}

.site-footer__logo-wrap {
  margin-bottom: 1.1111111111111112em;
}

.site-footer__logo-wrap img {
  width: 13.88888888888889em;
  margin: 0 auto;
  position: relative;
  top: -20px;
}

@media (min-width: 400px) {

  .site-footer__logo-wrap img {
    width: 16.666666666666668em;
  }
}

@media (min-width: 600px) {

  .site-footer__logo-wrap img {
    margin-left: 1.6666666666666667em;
  }
}

.site-footer__links ul {
  padding-left: 1.6666666666666667em;
  margin: 0;
  margin-bottom: 1.1111111111111112em;
  list-style-type: none;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

@media (min-width: 800px) {

  .site-footer__links ul {
    text-align: left;
    padding: 0;
  }
}

.site-footer__links ul a {
  color: #000;
  font-weight: 600;/*font-size: em(14);*/
}

.site-footer__phone {
  margin-top: 1.1111111111111112em;
}

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

@media (min-width: 800px) {

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

.site-footer__address span {
  display: block;
}

.site-footer__address span a {
  color: #313131;
}

.site-footer__address span a:hover {
  text-decoration: none;
}

.site-footer__address .nav-social {
  text-align: center;
  margin: 0;
  margin-top: 1.1111111111111112em;
  padding: 0;
}

@media (min-width: 800px) {

  .site-footer__address .nav-social {
    text-align: left;
  }
}

.site-footer__address .nav-social li {
  margin-right: 25px;
}

.site-footer__address .nav-social a {
  font-size: 20px;
}

.site-footer__address .nav-social a:hover {
  background-color: #000;
}

.landing-callout {
	background-color: #f4f4f4;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem;
}

.landing-callout__btn-wrap {
  margin-top: 1.875rem;
}

.callout-row__headline {
  font-size: 2rem;
  margin-bottom: 0.625rem;
}

.callout-row__text {
  font-size: 1.3125rem;
}

.callout-row .spaced-columns img {
  margin-bottom: 0;
}

.facts-box {
	text-align: center;
	padding: 1.1111111111111112em;
	padding-top: 2.8125rem;
	color: #fff;
}

.facts-box--slider {
  text-align: center;
  color: #313131;
  padding-top: 1.25rem;
}

.facts-box--slider .facts-box__num {
  font-size: 4.444444444444445em;
}

@media (min-width: 800px) {

  .facts-box--slider .facts-box__num {
    font-size: 5.555555555555555em;
  }
}

.facts-box--slider .facts-box__desc {
  font-size: 1.1111111111111112em;
  margin: 0 auto 1.25rem;
}

@media (min-width: 800px) {

  .facts-box--slider .facts-box__desc {
    font-size: 1.5555555555555556em;
  }
}

.facts-box--slider .slick-dots {
  position: static;
}

.facts-box--slider .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: rgba(255,255,255,1);
}

.facts-box--slider .slick-dots button {
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.facts-box--slider .slick-dots button:before {
  width: 17px;
  height: 17px;
  background-color: rgba(255,255,255,0.25);
  border: 3px solid #fff;
  opacity: 1;
}

.facts-box .section-title {
  margin-bottom: 0.9375rem;
}

.facts-box__num {
  display: inline-block;
  font-size: 2.7777777777777777em;
  font-weight: 600;
  margin-bottom: 0.625rem;
}

.facts-box__desc {
  font-size: 0.8888888888888888em;
  line-height: 1.6;
  max-width: 37.5rem;
  margin: 0 auto 1.25rem;
}

.facts-box .button {
  margin-bottom: 1.6666666666666667em;
}

.events-list {
	padding-left: 1.1111111111111112em;
	padding-right: 1.1111111111111112em;
	max-width: 37.5rem;
}

/*float: left;*/

.events-list--two-col {
  padding: 0;
  max-width: inherit;
}

.events-list--two-col .events-list__headline {
  position: relative;
  margin-bottom: 1.25rem;
  border-bottom: 5px solid #ffd204;
}

.events-list--two-col .events-list__headline .headline {
  margin-bottom: 0.625rem;
}

.events-list--two-col .events-list__single {
  min-height: 126px;
}

@media (min-width: 800px) {

  .events-list--two-col .events-list__list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 800px) {

  .events-list--two-col li:nth-of-type(2) .events-list__single {
    border-bottom: none;
  }
}

.events-list__list, .events-list #common_calendar {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.events-list li:last-of-type .events-list__single {
  border-bottom: none;
}

.events-list__single, .events-list #common_calendar .event {
  margin-bottom: 1.6666666666666667em;
  padding-bottom: 1.3888888888888888em;
  border-bottom: 3px solid #f1f1f1;
  display: inline-block;
  width: 100%;
}

.events-list__single:hover, .events-list #common_calendar .event:hover {
  text-decoration: none;
}

.events-list__single:hover .events-list__title, .events-list #common_calendar .event:hover .events-list__title {
  color: #E51937;
}

.events-list__date, .events-list #common_calendar .date_box {
  display: inline-block;
  width: 64px;
  padding: 0.5555555555555556em;
  padding-bottom: 0.2222222222222222em;
  color: #fff;
  background-color: #E51937;
  vertical-align: top;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}

.events-list__date span, .events-list #common_calendar .date_box span {
  display: block;
}

.events-list__day {
  position: relative;
  top: -5px;
}

.events-list__info, .events-list #common_calendar .event_details {
  display: inline-block;
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
  padding-left: 30px;
  font-size: 1em;
  color: #313131;
}

.events-list__time, .events-list #common_calendar .eventdatetimeplace {
  margin-bottom: 0.2777777777777778em;
  font-size: 0.7777777777777778em;
  font-weight: 600;
}

@media (min-width: 800px) {

  .events-list__time, .events-list #common_calendar .eventdatetimeplace {
    font-size: 1.1111111111111112em;
  }
}

.events-list #common_calendar .eventdatetimeplace {
  display: block;
}

.events-list__title, .events-list #common_calendar .eventtitle {
  display: block;
  font-size: 1.25rem;
  color: #313131;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

@media (min-width: 800px) {

  .events-list__title, .events-list #common_calendar .eventtitle {
    font-size: 1.375rem;
  }
}

.events-list .align-center {/*margin-top: em(30);*/
}

.news-list .news-list__headline {
  position: relative;
  margin-bottom: 1.5625rem;
  border-bottom: 5px solid #ffd204;
}

.news-list .news-list__headline .headline {
  margin-bottom: 0.625rem;
}

.news-list__list {
  list-style-type: none;
  padding-left: 0;
}

.news-list__single {
  display: inline-block;
  margin-bottom: 0.625rem;
  padding: 1.25rem;
  width: 100%;
  background-color: #f4f4f4;
}

.news-list__single:after {
  content: '';
  display: table;
  clear: both;
}

.news-list__single:hover {
  background-color: #f6f6f6;
  text-decoration: none;
}

.news-list__single:hover .news-list__title {
  color: #E51937;
}

.news-list__img {
  display: inline-block;
  float: left;
  width: 100px;
  height: 100px;
}

.news-list__info {
  display: inline-block;
  float: left;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  padding-left: 1.875rem;
}

.news-list__date {
  font-weight: 600;
  font-size: 0.7777777777777778em;
  color: #313131;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.news-list__title {
  display: block;
  font-size: 1.4375rem;
  color: #313131;
  letter-spacing: 0.5px;
}

.news-list .align-center {
  margin-top: 1.6666666666666667em;
}

.posts-list-sm {
	max-width: 25rem;
	float: right;
	padding-left: 1.25rem;
	margin-bottom: 0.625rem;
}

.posts-list-sm__headline {
  position: relative;
  margin-bottom: 1.5625rem;
  border-bottom: 5px solid #ffd204;
}

.posts-list-sm__headline .headline {
  margin-bottom: 0.625rem;
  font-size: 1em;
}

.posts-list-sm__headline .more-link {
  top: 3px;
}

.posts-list-sm__single {
  margin-bottom: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-bottom: 3px solid #f1f1f1;
  display: inline-block;
}

.posts-list-sm__single:after {
  content: '';
  display: table;
  clear: both;
}

.posts-list-sm__single:hover .posts-list-sm__desc {
  color: #E51937;
}

.posts-list-sm__img {
  display: inline-block;
  float: left;
  width: 100px;
  height: 100px;
}

.posts-list-sm__info {
  display: inline-block;
  float: left;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  padding-left: 1.875rem;
}

.posts-list-sm__date {
  color: #E51937;
  font-size: 0.7777777777777778em;
  letter-spacing: 0.5px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}

.posts-list-sm__desc {
  display: block;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #313131;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.posts-list-lg__headline {
  position: relative;
  margin-bottom: 1.5625rem;
  border-bottom: 5px solid #ffd204;
}

.posts-list-lg__headline .headline {
  margin-bottom: 0.625rem;
}

.posts-list-lg__headline .more-link {
  top: 0.3125rem;
}

.posts-list-lg__list {
  list-style-type: none;
  padding-left: 0;
}

.posts-list-lg__single {
  display: inline-block;
  margin-bottom: 0.625rem;
  padding: 0.9375rem;
  width: 100%;
  background-color: #f4f4f4;
}

.posts-list-lg__single:after {
  content: '';
  display: table;
  clear: both;
}

.posts-list-lg__single:hover {
  background-color: #f6f6f6;
  text-decoration: none;
}

.posts-list-lg__img {
  display: inline-block;
  float: left;
  width: 100px;
  height: 100px;
}

.posts-list-lg__info {
  display: inline-block;
  float: left;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  padding-left: 1.875rem;
}

.posts-list-lg__time {
  font-weight: 600;
  font-size: 0.7777777777777778em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #000;
}

.posts-list-lg__title {
  display: block;
  font-size: 1.4375rem;
  color: #313131;
  letter-spacing: 0.5px;
}

.posts-list-lg .align-center {
  margin-top: 1.6666666666666667em;
}

.profiles-list__single {
  margin-bottom: 1.1111111111111112em;
  padding-bottom: 1.1111111111111112em;
  border-bottom: 3px solid #f1f1f1;
}

.profiles-list__single:after {
  content: '';
  display: table;
  clear: both;
}

.profiles-list__single:last-of-type {
  border-bottom: none;
}

.profiles-list__img {
  display: inline-block;
  float: left;
  width: 100%;
  height: 200px;
  margin-bottom: 1.25rem;
}

@media (min-width: 700px) {

  .profiles-list__img {
    width: 150px;
    height: 150px;
    margin-bottom: 0;
  }
}

.profiles-list__info {
  display: inline-block;
  float: left;
  width: 100%;
  padding-left: 1.875rem;
}

@media (min-width: 700px) {

  .profiles-list__info {
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
  }
}

.profiles-list__name {
  display: block;
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.5px;
}

.profiles-list__degree {
  display: block;
  font-style: italic;
  margin-bottom: 0.625rem;
}

.two-fw-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.two-fw-col [class*="col-"] {
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-left: 1.1111111111111112em;
  padding-right: 1.1111111111111112em;
}

@media (min-width: 800px) {

  .two-fw-col [class*="col-"] {
    padding-left: 4.166666666666667em;
    padding-right: 4.166666666666667em;
  }
}

.accordion {
	background-color: #fff;
}

.accordion.accordion-open .accordion__trigger-icon:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0;
}

.accordion.accordion-open .accordion__trigger-icon:before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.accordion__trigger {
  position: relative;
  border-bottom: 3px solid #f1f1f1;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.accordion__trigger-icon {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 100%;
  width: 60px;
}

.accordion__trigger-icon:after {
  content: '';
  position: absolute;
  left: 15px;
  top: 35px;
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #E51937;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.accordion__trigger-icon:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 35px;
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #E51937;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.accordion__title {
  font-size: 1.375rem;
  display: inline-block;
  padding: 1.25rem;
  padding-left: 60px;
  font-weight: bold;
}

.accordion__content {
  display: none;
  font-size: 1.0625rem;
}

.accordion__content p {
  padding: 1.1111111111111112em;
  margin-bottom: 0;
}

.testimonial-band {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top: 3px solid #f1f1f1;
  border-bottom: 3px solid #f1f1f1;
}

.testimonial-band__img {
  margin: 0 auto;
  width: 10em;
  height: 10em;
  border-radius: 100%;
}

@media (min-width: 800px) {

  .testimonial-band__img {
    margin: 0;
    width: 11.11111111111111em;
    height: 11.11111111111111em;
  }
}

.testimonial-band__left {
  padding-top: 2.7777777777777777em;
  margin: 0 auto 20px;
}

@media (min-width: 800px) {

  .testimonial-band__left {
    padding-top: 0;
    width: 240px;
  }
}

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

@media (min-width: 800px) {

  .testimonial-band__right {
    text-align: left;
    width: -webkit-calc(100% - 240px);
    width: calc(100% - 240px);
  }
}

.testimonial-band__quote {
  display: inline-block;
  position: relative;
  margin-bottom: 1.25rem;
  font-size: 1.3333333333333333em;
  line-height: 1.6;
}

@media (min-width: 800px) {

  .testimonial-band__quote {
    padding-top: 2.7777777777777777em;
  }
}

.testimonial-band__quote:before {
  content: "\e907";
  position: absolute;
  top: -260px;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(180deg);
  -ms-transform: translate(-50%, 0) rotate(180deg);
  transform: translate(-50%, 0) rotate(180deg);
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #E51937;
  font-size: 2.5rem;
}

@media (min-width: 800px) {

  .testimonial-band__quote:before {
    font-size: 3rem;
    top: 0;
    left: 0;
    margin-left: 0;
    -webkit-transform: translate(0, 0) rotate(180deg);
    -ms-transform: translate(0, 0) rotate(180deg);
    transform: translate(0, 0) rotate(180deg);
  }
}

.testimonial-band__citation {
  text-transform: uppercase;
  font-size: 0.7777777777777778em;
  letter-spacing: 0.5;
  font-weight: 600;
}

.news-slider__single-wrap {
  padding-left: 0.5555555555555556em;
  padding-right: 0.5555555555555556em;
}

.news-slider__single {
  display: inline-block;
  position: relative;
  padding: 1.1111111111111112em;
  width: 100%;
  background-color: #f4f4f4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.news-slider__single:hover {
  background-color: #f6f6f6;
  text-decoration: none;
}

.news-slider__img {
  width: 100%;
  height: 11.11111111111111em;
  margin-bottom: 1.1111111111111112em;
}

.news-slider__content {
  height: 8.333333333333334em;
  overflow: hidden;
}

.news-slider__date {
  display: block;
  margin-bottom: 0.5555555555555556em;
  color: #313131;
  font-size: 0.7777777777777778em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.news-slider__desc {
  color: #313131;
}

.news-slider .section-title-lg {
  margin-bottom: 0.5555555555555556em;
}

.news-slider .section-title {
  margin-top: 1.6666666666666667em;
  margin-bottom: 0.5555555555555556em;
}

.news-slider .button {
  margin-bottom: 1.6666666666666667em;
}

.news-slider .slick-arrow {
  color: #E51937;
  font-size: 20px;
  width: 2.2222222222222223em;
  height: 2.2222222222222223em;
  text-align: center;
  background-color: #fff;
  border-radius: 100%;
  z-index: 20;
  box-shadow: 0px 0px 3px 3px rgba(241,241,241,1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.news-slider .slick-arrow:before {
  display: none;
}

.news-slider .slick-arrow:hover {
  background-color: #E51937;
  color: #fff;
}

.twitter-section {
	text-align: center;
	position: relative;
	max-width: 44.44444444444444em;
	padding-top: 2.7777777777777777em;
	margin: 0 auto;
}

.twitter-section:before {
  content: "\ea96";
  position: absolute;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.2222222222222223em;
  top: -105px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-radius: 100%;
  color: #fff;
  background-color: #E51937;
  padding: 0.5555555555555556em;
}

.twitter-section__tweet {
  font-size: 1.6666666666666667em;
  line-height: 1.5;
}

.content-row {
	background-color: #f4f4f4;
	margin-bottom: 1.875rem;
}

.content-row--video .content-row__left:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
}

.content-row--featured {
  border-left: 7px solid #ffd204;
}

.content-row--featured .content-row__left {
  height: 200px;
  width: 100%;
}

@media (min-width: 700px) {

  .content-row--featured .content-row__left {
    width: 200px;
    float: left;
  }
}

.content-row--featured .content-row__right {
  width: 100%;
}

@media (min-width: 700px) {

  .content-row--featured .content-row__right {
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
    float: left;
  }
}

.content-row--featured .content-row__right .headline--sm {
  margin-bottom: 0.3125rem;
}

.content-row--portrait .content-row__left {
  width: 100%;
}

@media (min-width: 700px) {

  .content-row--portrait .content-row__left {
    width: 200px;
    float: left;
  }
}

.content-row--portrait .content-row__right {
  width: 100%;
}

@media (min-width: 700px) {

  .content-row--portrait .content-row__right {
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
    float: left;
  }
}

.content-row--slider .slick-prev {
  left: -17px;
}

.content-row--slider .slick-next {
  right: -17px;
}

.content-row--slider .slick-arrow {
  color: #E51937;
  font-size: 20px;
  width: 2.2222222222222223em;
  height: 2.2222222222222223em;
  text-align: center;
  background-color: #fff;
  border-radius: 100%;
  z-index: 20;
  box-shadow: 0px 0px 3px 3px rgba(241,241,241,1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.content-row--slider .slick-arrow:before {
  display: none;
}

/*color: #fff;*/

.content-row--slider .slick-arrow:hover.slick-prev {
  -webkit-transform: translate(-5px, -50%);
  -ms-transform: translate(-5px, -50%);
  transform: translate(-5px, -50%);
}

/*background-color: $m3;*/

.content-row--slider .slick-arrow:hover.slick-next {
  -webkit-transform: translate(5px, -50%);
  -ms-transform: translate(5px, -50%);
  transform: translate(5px, -50%);
}

.content-row__inner {
  padding: 1.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.content-row__left {/*height: em(250);*/
  position: relative;
  width: 100%;
  height: 12.5rem;
}

@media (min-width: 800px) {

  .content-row__left {
    width: 60%;
    float: left;
    height: auto;
  }
}

.content-row__left:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;/* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0) 100%);/* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}

.content-row__right {
  width: 100%;
  padding: 1.25rem;
}

@media (min-width: 800px) {

  .content-row__right {
    width: 40%;
    float: left;
    padding-top: 0;
  }
}

.content-row__right p {
  margin-bottom: 0.625rem;
  font-size: 0.8888888888888888em;
}

.content-row__right .bold {
  font-size: 1.125rem;
}

.content-row__caption {
  position: absolute;
  bottom: 0.5555555555555556em;
  left: 1.1111111111111112em;
  color: #fff;
  font-size: 0.8125rem;
  z-index: 10;
}

.content-row__play {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  color: #ffd204;
  background-color: rgba(0,0,0,0.8);
  border: 3px solid #ffd204;
  border-radius: 100%;
  padding: 9px;
  font-size: 2.375rem;
  text-align: center;
  padding-left: 12px;
  padding-right: 6px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.content-row__play:hover {
  text-decoration: none;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.social-post {
	position: relative;
	margin-top: 4.375rem;
	padding: 2.1875rem;
	padding-top: 3.75rem;
	padding-bottom: 4.375rem;
	margin-bottom: 1.875rem;
	background-color: #f4f4f4;
}

@media (min-width: 800px) {

  .social-post {
    margin-top: 0;
    padding-top: 2.1875rem;
    padding-left: 7.5rem;
  }
}

.social-post a {
  color: #313131;
  font-weight: 600;
}

.social-post--twitter .social-post__text:before {
  content: "\ea96";
}

.social-post--fbook .social-post__text:before {
  content: "\ea90";
}

.social-post .social-post__button {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}

.social-post__text {
  font-size: 1.375rem;
  line-height: 1.5;
  position: relative;
}

.social-post__text:before {
  content: "\ea96";
  position: absolute;
  top: -5.625rem;
  left: 50%;
  margin-left: -32px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 1.25rem;
  font-size: 1.5rem;
  color: #fff;
  background-color: #E51937;
  border-radius: 100%;
}

@media (min-width: 800px) {

  .social-post__text:before {
    left: -5.3125rem;
    top: 0.625rem;
    margin-left: 0;
  }
}

.social-follow {
	padding: 2.5rem;
	margin-bottom: 2.5rem;
	background: url(../images/web-bg-ltgray.png) top center / contain no-repeat;
	background-color: #f4f4f4;
	text-align: center;
}

.social-follow__title {
  font-size: 1.875rem;
}

.social-follow .nav-social {
  margin-top: 1.1111111111111112em;
  margin-bottom: 0;
}

.social-follow .nav-social li:not(:last-of-type) {
  margin-right: 1.3888888888888888em;
}

.social-follow .nav-social a {
  background-color: #E51937;
  font-size: 1.4444444444444444em;
}

.social-follow .nav-social a:hover {
  background-color: #E51937;
}

.social-fbook {
	display: inline-block;
	position: relative;
	margin-top: 4.375rem;
	padding: 2.1875rem;
	padding-top: 3.75rem;
	padding-bottom: 2.5rem;
	margin-bottom: 1.875rem;
	background-color: #f4f4f4;
	text-align: center;
	width: 100%;
	color: #313131;
}

@media (min-width: 800px) {

  .social-fbook {
    margin-top: 0;
    padding-top: 2.1875rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 1000px) {

  .social-fbook {
    padding-right: 7.5rem;
  }
}

.social-fbook:hover {
  text-decoration: none;
  color: #E51937;
}

.social-fbook__text {
  font-size: 2rem;
  line-height: 1.5;
  position: relative;
  display: block;
}

.social-fbook__text:after {
  content: "\ea90";
  position: absolute;
  top: -5.3125rem;
  right: 50%;
  margin-right: -32px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 1.25rem;
  font-size: 1.5rem;
  color: #fff;
  background-color: #E51937;
  border-radius: 100%;
}

@media (min-width: 800px) {

  .social-fbook__text:after {
    right: 0;
    top: -0.625rem;
    margin-left: 0;
  }
}

@media (min-width: 1000px) {

  .social-fbook__text:after {
    right: 4.0625rem;
  }
}

.three-col-callout {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1.875rem;
}

@media (min-width: 800px) {

  .three-col-callout {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.three-col-callout:after {
  display: table;
  clear: both;
  content: '';
}

.three-col-callout__single {
  margin-bottom: 1.1111111111111112em;
}

@media (min-width: 800px) {

  .three-col-callout__single {
    margin-bottom: 0;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.three-col-callout__inner {
  background-color: #f4f4f4;
  height: 100%;
}

.three-col-callout__img {
  height: 8.333333333333334em;
}

.three-col-callout__content {
  padding: 1.1111111111111112em;
}

.three-col-callout__content p {
  margin-bottom: 0.3125rem;
}

/*@import 'navigation/shared';*/

/* ========================================
// Main Navigation
// ===================================== */

/*.nav-main {

  > ul {

    > li {

      @mixin media $silkDrawerDisappears {
        position: relative;
        display: inline-block;
      }

      &:hover {

        > ul {

          @mixin media $silkDrawerDisappears {
            display: block;
          }

        }

      }

      @define-mixin tier-one {
        padding: em(10);
      }

      > a {
        @mixin tier-one;
      }

      ul {
        background: #fff;

        @mixin media $silkDrawerDisappears {
          width: em(220);
        }

        a {
          padding: em(10);
          padding-left: em(70);

          @mixin media $silkDrawerDisappears {
            padding-left: em(10);
          }

        }

        
        > a {
          @mixin tier-one;
          padding-left: em(70);
        }

      }

    }

  }

}*/

/*@import 'navigation/breadcrumbs';*/

/* ========================================
// Social Navigation
// ===================================== */

.nav-social {
  /*text-align: right;*/
  padding-left: 0;
}

.nav-social li {
  margin-right: 0.2777777777777778em;
  overflow: hidden;
  display: inline-block;
}

@media mixin 350px {

  .nav-social li {
    margin-right: 0.3888888888888889em;
  }
}

.nav-social a {
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  overflow: hidden;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

.nav-social a:before {
  width: 1.6666666666666667em;
  height: 1.6666666666666667em;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media mixin 350px {

  .nav-social a:before {
    width: 1.9444444444444444em;
    height: 1.9444444444444444em;
  }
}

.nav-social a:hover {
  background: #444;
  color: #702fa8;
  text-decoration: none;
}

.nav-social a:hover:before {
  -webkit-animation: icon-to-right 0.3s forwards;
  animation: icon-to-right 0.3s forwards;
}

@-webkit-keyframes icon-to-right {
  49% { 
    -webkit-transform: translate(100%); 
    transform: translate(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}

@keyframes icon-to-right {
  49% { 
    -webkit-transform: translate(100%); 
    transform: translate(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}

/* ========================================
// Unique Navigation
// ===================================== */

.side-nav {
	padding: 0;
	list-style-type: none;
}

.side-nav li {
  overflow: hidden;
  font-size: 1rem;
}

.side-nav li a {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0.9375rem 1.25rem;
  color: #313131;
  background-color: #f1f1f1;
  border-bottom: 2px solid #fff;
}

.side-nav li a:hover {
  background-color: #fff;
  text-decoration: none;
}

.side-nav li a:hover:before {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.side-nav li a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -7.5px;
  -webkit-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #ffd204;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.side-nav li.active a {
  background-color: #E51937;
}

.side-nav li:first-child a, .side-nav li a.side-nav__back {
  padding-left: 2.5rem;
  color: #fff;
  background-color: #292929;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.side-nav li:first-child a:before, .side-nav li a.side-nav__back:before {
  display: none;
}

.side-nav li:first-child a:hover, .side-nav li a.side-nav__back:hover {
  background-color: #636363;
}

.side-nav li:first-child a:hover:after, .side-nav li a.side-nav__back:hover:after {
  -webkit-transform: translate(-5px, 0);
  -ms-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
}

.side-nav li:first-child a:after, .side-nav li a.side-nav__back:after {
  content: '';
  position: absolute;
  left: 1.25rem;
  top: 50%;
  margin-top: -7.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 7.5px 7.5px 0;
  border-color: transparent #fff transparent transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/*
	"You are here" indicator.
	.currentbranch0 is a TerminalFour-ism.
	.current_page_item is a WordPress-ism.
	*/

.side-nav li .currentbranch0 > a, .side-nav li.current_page_item a {
  background-color: #ffd204;
}

.side-nav li .currentbranch0 > a:before, .side-nav li.current_page_item a:before {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-color: transparent transparent transparent #fff;
}

/* Hide the "Back to..." links in child navigation lists. */

.side-nav li li:first-child {
  display: none;
}

/* Space inner navs correctly. */

.side-nav ul {
  margin-bottom: 0;
}

.contact-box {
	background-color: #ffd204;
	padding: 1.25rem;
	margin-bottom: 1.875rem;
}

.contact-box .section-title-sm--left {
  margin-bottom: 1.1111111111111112em;
}

.contact-box__list {
  padding-left: 0.9375rem;
}

.contact-box__list li {
  margin-bottom: 0.625rem;
  font-size: 0.8333333333333334em;
}

.contact-box__list li a {
  color: #313131;
}

.contact-box .nav-social {
  text-align: center;
  margin-bottom: 0;
}

.contact-box .nav-social li {
  font-size: 1.25rem;
  margin-right: 0.625rem;
}

/*@import 'modules/address';*/

/* ========================================
// Buttons
// ===================================== */

[class*='button'] {
  display: inline-block;
  vertical-align: top;
  border: 0;
  margin: 0.2777777777777778em 0.5555555555555556em 0.2777777777777778em 0;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  background-color: #E51937;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  outline: 0;
  letter-spacing: 0.6px;
  -webkit-transition: background .2s,
    box-shadow .2s,
    color .2s,
    -webkit-transform .2s;
  transition: background .2s,
    box-shadow .2s,
    color .2s,
    -webkit-transform .2s;
  transition: background .2s,
    box-shadow .2s,
    color .2s,
    transform .2s;
  transition:
    background .2s,
    box-shadow .2s,
    color .2s,
    transform .2s,
    -webkit-transform .2s;
}

[class*='button']:hover {
  text-decoration: none;
}

/* Additional Buttons
// ------------------------------------- */

.button {
  position: relative;
  overflow: hidden;
  padding: 0.8333333333333334em 2.2222222222222223em;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;

}

.button:after {
  content: "\e909";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: translate(40px, -50%);
  -ms-transform: translate(40px, -50%);
  transform: translate(40px, -50%);
  opacity: 0;
}

.button:hover {
  padding: 0.8333333333333334em 2.7777777777777777em 0.8333333333333334em 1.6666666666666667em;
}

.button:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 1;
}

.button--hollow {
  border: 1px solid;
  background-color: transparent;
  color: #ffd204;
}

.button--hollow:hover {}

.button--yellow {
  background-color: #ffd204;
  color: #000;
}

/* ========================================
// Site Logo/Link
// ===================================== */

/* If the site logo is text based */

.site__link {
  display: block;
  text-decoration: none;
}

/* If the site logo is image based */

/* Set the max-width to the logo's size */

/* overflow: hidden and white-space: nowrap prevent line breaks */

.site__logo {
  display: block;
  overflow: hidden;
  height: 1.3333333333333333em;
  max-width: 1.3333333333333333em;
  width: 100%;
  white-space: nowrap;
  background: url('../images/logo.svg') no-repeat 0 50%;
  background-size: contain;
  color: transparent;

}

.site__logo:hover {
  color: transparent;
}

/*@import 'modules/filters';*/

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

form.site-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 307.5px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  height: 40px;   
}

form.site-search input {
  float: left;
}

form.site-search input[type="search"] {
  border: none;
  padding: 2.5px;
  padding-left: 15px;
  margin: 0;
  width: 250px;
  font-style: italic;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -webkit-appearance: none;
}

form.site-search input[type="submit"]{
  font-size: 0;
  border: none;
  margin: 0;
  height: 100%;
  padding: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-color: #f1f1f1;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -webkit-appearance: none;
  max-width: 60px;
}

/* ========================================
// Hero
// ===================================== */

.hero {
  position: relative;
  background: url("../images/hero-about.jpg");
  background-size: cover;
  background-position: 0 10%;
  color: #fff;
}

.hero a {
  color: #ffd204;
}

.hero--shade:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,000000+100&0+50,0.6+100 *//* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);/* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );/* IE6-9 */
}

.hero--full {
  height: 70vh;
  position: relative;
}

.hero--full__content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3.125rem;
  z-index: 10;
}

.hero--full__content--flush-left {
  padding-left: 0;
}

.hero--full__content-bottom {
  max-width: 43.75rem;
  border-top: 5px solid #ffd204;
}

.hero--full__content-bottom-inner {
  padding-top: 1.25rem;
  padding-left: 1.875rem;
}

.hero--short {
  height: 21.25rem;
  position: relative;
}

@media (min-width: 800px) {

  .hero--short {
    height: 18.75rem;
  }
}

.hero--short:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,000000+100&0+50,0.6+100 *//* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);/* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );/* IE6-9 */
}

.hero--short__compartment {
  position: relative;
  height: 100%;
}

.hero--short__page-info {
  position: absolute;
  bottom: 0;
  left: 1.875rem;
  z-index: 1;
}

.hero--short__page-title {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.625rem;
  letter-spacing: 1px;
  font-size: 1.3333333333333333em;
  line-height: 1.1;
}

@media (min-width: 500px) {

  .hero--short__page-title {
    font-size: 1.5555555555555556em;
    line-height: 1.3;
  }
}

.hero--short__breadcrumbs {
  padding: 0.9375rem;
  margin-bottom: 0;
  list-style-type: none;
  background-color: #fff;
  font-size: 0.8333333333333334em;
  display: inline-block;
}

.hero--short__breadcrumbs.gray-bg {
  background-color: #f1f1f1;
}

.hero--short__breadcrumbs li {
  display: inline-block;
  color: #000;
}

.hero--short__breadcrumbs li:not(:last-of-type):after {
  content: '>';
  padding-left: 5px;
  padding-right: 5px;
  color: #000;
}

.hero--short__breadcrumbs li a {
  color: #000;
}

/*
  Hero images -- class names are set in TerminalFour. Order matters here -- sets
  specificity.
  */

.hero[class*="-Academics"], .hero[class*="-Residency_and_Fellowship"] {
  background-image: url("../images/hero-academics.jpg");
  background-position: 50% 38%;
}

.hero[class*="-Admissions"] {
  background-image: url("../images/hero-admissions.jpg");
  background-position: 50% 30%;
}

.hero[class*="-Charitable_Giving"] {
  background-image: url("../images/hero-giving.jpg");
  background-position: 0 60%;
}

.hero[class*="-Development_and_Alumni_Affairs"] {
  background-image: url("../images/hero-alumni.jpg");
  background-position: 0 25%;
}

.hero[class*="-Research_and_Discovery"] {
  background-image: url("../images/hero-research.jpg");
  background-position: 50% 25%;
}

.hero[class*="-Practice_and_Innovation"] {
  background-image: url("../images/hero-practice.jpg");
  background-position: 0 20%;
}

.hero[class*="-Centers_and_Programs"], .hero[class*="-Facilities"], .hero[class*="-Centers"], .hero[class*="-Programs"] {
  background-image: url("../images/hero-centers-programs.jpg");
  background-position: 50% 15%;
}

.hero[class*="-Get_Involved"], .hero[class*="Student_Organizations"] {
  background-image: url("../images/hero-get-involved.jpg");
  background-position: 50% 10%;
}

.hero[class*="-Doctor_of_Pharmacy__PharmD_"] {
  background-image: url("../images/hero-pharmd.jpg");
}

.hero[class*="-PhD_in_Pharmaceutical_Health_Services_Research"] {
  background-image: url("../images/hero-phd-phsr.jpg");
}

.hero[class*="-PhD_in_Pharmaceutical_Sciences"] {
  background-image: url("../images/hero-phd-psc.jpg");
}

.hero[class*="-MS_in_Pharmacometrics"] {
  background-image: url("../images/hero-ms-pharmacometrics.jpg");
}

.hero[class*="-MS_in_Pharmaceutical_Health_Services_Research"] {
  background-image: url("../images/hero-ms-phsr.jpg");
  background-position: 0 15%;
}

.hero[class*="-MS_in_Regulatory_Science"] {
  background-image: url("../images/hero-ms-regulatory-science.jpg");
}

.hero[class*="-PharmTechX_Program"] {
  background-image: url("../images/hero-pharmtechx.jpg");
}

.hero[class*="-Preceptors"] {
  background-image: url("../images/hero-preceptors.jpg");
  background-position: 0 20%;
}

.hero[class*="-Residents_and_Fellows"] {
  background-image: url("../images/hero-residents.jpg");
  background-position: 0 35%;
}

.hero[class*="-Bio__and_Nano_technology_Center"] {
  background-image: url("../images/hero-bio-nano-technology-center.jpg");
  background-position: 0 30%;
}

.hero[class*="-Center_for_Drug_Safety"] {
  background-image: url("../images/hero-center-drug-safety.jpg");
}

.hero[class*="-Center_for_Innovative_Pharmacy_Solutions"] {
  background-image: url("../images/hero-cips.jpg");
}

.hero[class*="-Center_for_Translational_Medicine"] {
  background-image: url("../images/hero-ctm.jpg");
}

.hero[class*="-Center_on_Drugs_and_Public_Policy"] {
  background-image: url("../images/hero-cdpp.jpg");
}

.hero[class*="-Global_Health"] {
  background-image: url("../images/hero-global-health.jpg");
}

.hero[class*="-Mass_Spectrometry_Center"] {
  background-image: url("../images/hero-mass-spectrometry-center.jpg");
  background-position: 0 35%;
}

.hero[class*="-Mental_Health_Program"] {
  background-image: url("../images/hero-mental-health-program.jpg");
}

.hero[class*="-Peter_Lamy_Center_on_Drug_Therapy_and_Aging"] {
  background-image: url("../images/hero-lamy.jpg");
  background-position: 0 80%;
}

.hero[class*="-Pharmaceutical_Research_Computing"] {
  background-image: url("../images/hero-prc.jpg");
}

.hero[class*="-Patients__Pharmacists__Partnerships__P3__Program"] {
  background-image: url("../images/hero-p3.jpg");
  background-position: 0 30%;
}

.hero[class*="-ATRIUM_Cardiology_Collaborative"] {
  background-image: url("../images/hero-atrium.jpg");
  background-position: 0 35%;
}

.hero[class*="-Maryland_Statewide_Epidemiological_Outcomes_Workgroup__SEOW_"] {
  background-image: url("../images/hero-seow.jpg");
  background-position: 0 50%;
}

.hero[class*="-Behavioral_Health_Research_Team"] {
  background-image: url("../images/hero-behavioral-health-research-team.jpg");
}

.hero[class*="-Good_Manufacturing_Practice__GMP__Facility"] {
  background-image: url("../images/hero-gmp.jpg");
  background-position: 0 40%;
}

.hero[class*="-Nuclear_Magnetic_Resonance__NMR__Facility"] {
  background-image: url("../images/hero-nmr.jpg");
  background-position: 0 50%;
}

.hero[class*="faculty-site"] {
  background-image: url("../images/hero-faculty-site.jpg");
}

.hero-slider.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.hero-slider__slide {
  height: 70vh;
  position: relative;
}

.hero-slider__slide:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,000000+100&0+50,0.6+100 *//* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);/* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );/* IE6-9 */
}

.hero-slider__title {
  font-weight: 600;
  font-size: 1.6666666666666667em;
  line-height: 1.1;
}

@media (min-width: 800px) {

  .hero-slider__title {
    font-size: 2.5555555555555554em;
    line-height: 1.3;
  }
}

.hero-slider__subtitle {
  font-size: 1.1111111111111112em;
  line-height: 1.2;
}

@media (min-width: 800px) {

  .hero-slider__subtitle {
    line-height: inherit;
  }
}

.hero-slider .slick-dots {
  bottom: 20px;
  text-align: left;
  padding-left: 1.875rem;
}

.hero-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: rgba(255,255,255,1);
  border: 3px solid #fff;
}

.hero-slider .slick-dots button {
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.hero-slider .slick-dots button:before {
  width: 17px;
  height: 17px;
  background-color: rgba(255,255,255,0);
  border: 3px solid #ffd204;
  opacity: 1;
}

/* ========================================
// Media
// ===================================== */

/* Figure
// ------------------------------------- */

figure {
  margin: 0;
}

.shifted-asset {
  margin-bottom: 1.1111111111111112em;

}

@media (min-width: 900px) {

  .shifted-asset {
    max-width: 21.11111111111111em;
  }
}

@media (min-width: 900px) {

  .shifted-asset--left {
    float: left;
    margin-right: 2.2222222222222223em;
  }
}

@media (min-width: 900px) {

  .shifted-asset--right {
    float: right;
    margin-left: 2.2222222222222223em;
  }
}

figcaption {
    margin-top: 0.5555555555555556em;
    font-style: italic;
  }

/* Image
// ------------------------------------- */

img {
  display: block;
  max-width: 100%;
  height: auto;
  //width: 100%;

}

.hero > img {
  display: none;
}

/* Iframe
// ------------------------------------- */

iframe {
  width: 100%;
}

/* SVG
// ------------------------------------- */

svg {}

/* Video
// ------------------------------------- */

video {}

/*@import 'modules/social';*/

/* Delete upon starting a build */

/*@import 'silk/intro';*/

/*@media print {*/

/* ========================================
// Print
// ===================================== */

@media print {
	.site__header,
	.site__footer,
	.video {
	  display: none;
	  visibility: hidden;
	}
}

/*}*/

.coldfusion-legacy p.buttons {
  font-size: 100%;
}

.coldfusion-legacy .main-wrap {
  position: relative;
}

.coldfusion-legacy .text-content aside.side_nav {
  position: absolute;
  top: 0;
  left: 0;
}

.coldfusion-legacy .text-content aside.side_nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.coldfusion-legacy .text-content aside.side_nav li {
  overflow: hidden;
  font-size: 1rem;
}

.coldfusion-legacy .text-content aside.side_nav li a {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0.9375rem 1.25rem;
  color: #313131;
  background-color: #f1f1f1;
  border-bottom: 2px solid #fff;
}

.coldfusion-legacy .text-content aside.side_nav li a:hover {
  background-color: #fff;
  text-decoration: none;
}

.coldfusion-legacy .text-content aside.side_nav li a:hover:before {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.coldfusion-legacy .text-content aside.side_nav li a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -7.5px;
  -webkit-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #ffd204;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.coldfusion-legacy .text-content aside.side_nav li.active a {
  background-color: #E51937;
}

.coldfusion-legacy .text-content aside.side_nav > ul > li:first-child a, .coldfusion-legacy .text-content aside.side_nav a.side-nav__back {
  padding-left: 2.5rem;
  color: #fff;
  background-color: #292929;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.coldfusion-legacy .text-content aside.side_nav > ul > li:first-child a:before, .coldfusion-legacy .text-content aside.side_nav a.side-nav__back:before {
  display: none;
}

.coldfusion-legacy .text-content aside.side_nav > ul > li:first-child a:hover, .coldfusion-legacy .text-content aside.side_nav a.side-nav__back:hover {
  background-color: #636363;
}

.coldfusion-legacy .text-content aside.side_nav > ul > li:first-child a:hover:after, .coldfusion-legacy .text-content aside.side_nav a.side-nav__back:hover:after {
  -webkit-transform: translate(-5px, 0);
  -ms-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
}

.coldfusion-legacy .text-content aside.side_nav > ul > li:first-child a:after, .coldfusion-legacy .text-content aside.side_nav a.side-nav__back:after {
  content: '';
  position: absolute;
  left: 1.25rem;
  top: 50%;
  margin-top: -7.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 7.5px 7.5px 0;
  border-color: transparent #fff transparent transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* These used to appear on the right, in fact, overlapping the title bar, but we're moving them to the left, below the nav. */

aside.internal-aside aside.feature {
	background-color: #ffd204;
	padding: 1.25rem;
	margin-bottom: 1.875rem;
	font-size: 90%;
}

aside.internal-aside aside.feature p:last-child {
  margin-bottom: 0;
}

aside.internal-aside aside.feature .section-title-sm--left {
  margin-bottom: 1.1111111111111112em;
}

/* Standalone photos on the right. */

.text-content .aside.right {
  float: right;
  clear: right;
  margin-left: 1.25rem;
  margin-bottom: 0.9375rem;
  max-width: 250px;
}

.text-content .figure.right {
  float: right;
  margin-left: 1.25rem;
  margin-bottom: 0.9375rem;
  font-size: 80%;
  max-width: 250px;
}

/* Sidebars. */

.text-content .aside.sidebar {
  float: right;
  clear: right;
  width: 235px;
  padding: 1.25rem;
  margin-left: 1.25rem;
  margin-bottom: 0.9375rem;
  font-size: 80%;
  background: #f1f1f1;
}

/* Right asides with a photo. */

.text-content .figure.right.side {
	float: right;
	width: 235px;
	background: #f1f1f1;
	padding: 0.9375rem 1.25rem;
	margin-left: 1.25rem;
	margin-bottom: 0.9375rem;
}

.text-content .figure.right.side h3 {
  font-size: 1em;
  margin-top: 1em;
}

.text-content .figure.right.side p {
  font-size: 90%;
}

.text-content .figure.right.side p:last-child {
  margin-bottom: 0;
}

/* Images are getting inappropriately sized in table rows. */

.text-content td img {
	width: auto;
	max-width: none;
}

/* Form input styling. */

.text-content input[type="button"], .text-content input[type="submit"], .text-content button
{
	text-transform: uppercase;
	background-color: #e8e8e8;
	border: none;
	color: #666;
	height: 2em;
	cursor: pointer;
	padding: 5px 10px;
}

.text-content input[type="button"].highlighted, .text-content input[type="submit"].highlighted, .text-content button.highlighted
{
	font-weight: bolder;
	background-color: #d0d0d0;
}

.text-content input[type="button"].touching, .text-content input[type="submit"].touching, .text-content button.touching
{
	background-color: #dadada;
}

.text-content input[type="button"]:hover, .text-content input[type="submit"]:hover, .text-content button:hover
{
	background-color: #f5f2e6;
	color: black;
}

.text-content input[type="text"], .text-content input[type="password"], .text-content textarea
{
	border: 1px solid #dadada;
	padding: 4px;
}

.text-content input[type="text"].error, .text-content input[type="password"].error
{
	border: 1px solid #dd0000;
	background-color: #ffe2e2;
}

.text-content input[type="text"], .text-content input[type="password"], .text-content input[type="file"], .text-content textarea, .text-content select
{
	//font: 1em "Franklin Gothic Book";
}

.text-content label.required:after
{
	content: '*';
	color: #e51937;
	font-weight: bold;
}

.text-content input[type="checkbox"], .text-content input[type="radio"]
{
	margin-top: -.25em;
}

.text-content ul.tabs
{
	list-style: none;	
	padding: 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #d0d0d0;
}

.text-content ul.tabs li
{
	display: inline-block;
	padding: 0.25em 1em;
	border: 1px solid #d0d0d0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: none;
	background-color: white;
	font-size: 0.875em;
	color: #333;
	cursor: pointer;
}

.text-content ul.tabs li.current
{
	background-color: #d0d0d0;
	color: #000;
}

.text-content #errors
{
	background-color: #ffe2e2;
	display: none;
	padding: 0.5em 1em;
	margin: 1em 0;
}

.text-content #errors label
{
	color: #dd0000;
	display: block;
	margin: 0.5em 0;
}

.text-content .note
{
	background-color: #e5f1f3;
	padding: 1em;
}

.text-content .note .icon
{
	font-size: 2em;
	color: #b7c2c3;
	display: block;
	float: left;
	padding-right: 0.5em;
}

/* These tables need to adapt to their available width. */

.text-content table.rss-feed {
	width: auto;
}
/*# sourceMappingURL=styles.css.map */