/* ==================
 * $UTILITIES
 * ================== */
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

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

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

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

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

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

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

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

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
ul, ol {
  padding: 0;
  list-style-type: none;
}

dd {
  margin: 0;
}

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}

/* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens) */
p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -epub-hyphens: auto;
  hyphens: auto;
}

b,
strong,
.strong {
  font-weight: bold;
}

dfn,
em,
.em {
  font-style: italic;
}

small, .small {
  font-size: 75%;
}

/* ====================== *
 * $VARIABLES
 * ====================== */
/* ==================
 * $COLORS 
 */
/* ==================
 * Typography
 */
/* ==================
 * $MEDIA-QUERY VARIABLES
 * Base font of 16px.
  */
/* ==================
 * $MIXINS
 * ================== */
/* ==================
 * Media Query 
 */
/* ==================
 * Tools
 * ================== */
.hide-text {
  line-height: 0;
  font-size: 0;
  color: transparent;
}

.shadow {
  -webkit-box-shadow: 0 4px 15px -4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 15px -4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 15px -4px rgba(0, 0, 0, 0.4);
}

.flat {
  box-shadow: none !important;
}

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

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

/* ==================
 * Texture and Depth */
.inset {
  -webkit-box-shadow: inset 0 0 2px 0 rgba(68, 68, 68, 0.8);
  -moz-box-shadow: inset 0 0 2px 0 rgba(68, 68, 68, 0.8);
  box-shadow: inset 0 0 2px 0 rgba(68, 68, 68, 0.8);
}

/* ====================== *
 * Media Query
 * ====================== */
/* ====================== *
 * @include breakpoint(palm) { style shere } */
/* ==================
 * CSS Transitions
 * ================== */
/* @include transition(all,2s,ease-out); */
.gradient--rtl {
  background: #3366cc;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTM0OGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #3366cc 0%, #21348a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3366cc), color-stop(100%, #21348a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #3366cc 0%, #21348a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #3366cc 0%, #21348a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #3366cc 0%, #21348a 100%);
  /* IE10+ */
  background: linear-gradient(to right, #3366cc 0%, #21348a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3366cc', endColorstr='#21348a',GradientType=1 );
  /* IE6-8 */
}

.gradient--old-tinsley {
  background: #006699;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjY5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MGFmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #006699 0%, #50afdf 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #50afdf));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #006699 0%, #50afdf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #006699 0%, #50afdf 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #006699 0%, #50afdf 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #006699 0%, #50afdf 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#50afdf',GradientType=0 );
  /* IE6-8 */
}

.gradient--vertical {
  background: #0090D2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #50afdf), color-stop(1, #1fbaf2));
  background: -moz-linear-gradient(center top, #50afdf 20%, #1fbaf2 100%);
}

.gradient--yellow {
  background: #f5ab27;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #f5ab27), color-stop(1, #f7bc53));
  background: -moz-linear-gradient(center top, #f5ab27 20%, #f7bc53 100%);
}

.gradient--coral {
  background-color: #E2624F;
}

.gradient--orange {
  background: #ffae3d;
}

.tinsley-gradient {
  background: #069;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMjEzNDhhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzM2NmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmYmFmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, #006699), color-stop(50%, #3366cc), color-stop(100%, #1fbaf2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#069', endColorstr='#1fbaf2',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */
}

@media only screen and (min-width: 62.5em) {
  .tinsley-gradient {
    background: #069;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMjEzNDhhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzM2NmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmYmFmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: url("water-background(1000).png") top right no-repeat, -moz-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* FF3.6+ */
    background: url("water-background(1000).png") top right no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(1%, #006699), color-stop(50%, #3366cc), color-stop(100%, #1fbaf2));
    /* Chrome,Safari4+ */
    background: url("water-background(1000).png") top right no-repeat, -webkit-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* Chrome10+,Safari5.1+ */
    background: url("water-background(1000).png") top right no-repeat, -o-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* Opera 11.10+ */
    background: url("water-background(1000).png") top right no-repeat, -ms-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* IE10+ */
    background: url("water-background(1000).png") top right no-repeat, linear-gradient(135deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#069', endColorstr='#1fbaf2',GradientType=1 );
    /* IE6-8 fallback on horizontal gradient */
  }
}
@media only screen and (min-width: 67.5em) {
  .tinsley-gradient {
    background: #069;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMjEzNDhhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzM2NmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmYmFmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: url("water-background(1080).png") top right no-repeat, -moz-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* FF3.6+ */
    background: url("water-background(1080).png") top right no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(1%, #006699), color-stop(50%, #3366cc), color-stop(100%, #1fbaf2));
    /* Chrome,Safari4+ */
    background: url("water-background(1080).png") top right no-repeat, -webkit-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* Chrome10+,Safari5.1+ */
    background: url("water-background(1080).png") top right no-repeat, -o-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* Opera 11.10+ */
    background: url("water-background(1080).png") top right no-repeat, -ms-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* IE10+ */
    background: url("water-background(1080).png") top right no-repeat, linear-gradient(135deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#069', endColorstr='#1fbaf2',GradientType=1 );
    /* IE6-8 fallback on horizontal gradient */
  }
}
@media only screen and (min-width: 75em) {
  .tinsley-gradient {
    background: #069;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMjEzNDhhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzM2NmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmYmFmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: url("water-background.png") top right no-repeat, -moz-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* FF3.6+ */
    background: url("water-background.png") top right no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(1%, #006699), color-stop(50%, #3366cc), color-stop(100%, #1fbaf2));
    /* Chrome,Safari4+ */
    background: url("water-background.png") top right no-repeat, -webkit-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* Chrome10+,Safari5.1+ */
    background: url("water-background.png") top right no-repeat, -o-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* Opera 11.10+ */
    background: url("water-background.png") top right no-repeat, -ms-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* IE10+ */
    background: url("water-background.png") top right no-repeat, linear-gradient(135deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#069', endColorstr='#1fbaf2',GradientType=1 );
    /* IE6-8 fallback on horizontal gradient */
  }
}
@media only screen and (min-width: 83.125em) {
  .tinsley-gradient {
    background: #069;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMjEzNDhhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzM2NmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmYmFmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: url("water-background(1366).png") top right no-repeat, -moz-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* FF3.6+ */
    background: url("water-background(1366).png") top right no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(1%, #006699), color-stop(50%, #3366cc), color-stop(100%, #1fbaf2));
    /* Chrome,Safari4+ */
    background: url("water-background(1366).png") top right no-repeat, -webkit-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* Chrome10+,Safari5.1+ */
    background: url("water-background(1366).png") top right no-repeat, -o-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* Opera 11.10+ */
    background: url("water-background(1366).png") top right no-repeat, -ms-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* IE10+ */
    background: url("water-background(1366).png") top right no-repeat, linear-gradient(135deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#069', endColorstr='#1fbaf2',GradientType=1 );
    /* IE6-8 fallback on horizontal gradient */
  }
}
@media only screen and (min-width: 90.625em) {
  .tinsley-gradient {
    background: #069;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMjEzNDhhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzM2NmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmYmFmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: url("water-background(1550).png") top right no-repeat, -moz-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* FF3.6+ */
    background: url("water-background(1550).png") top right no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(1%, #21348a), color-stop(50%, #3366cc), color-stop(100%, #1fbaf2));
    /* Chrome,Safari4+ */
    background: url("water-background(1550).png") top right no-repeat, -webkit-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* Chrome10+,Safari5.1+ */
    background: url("water-background(1550).png") top right no-repeat, -o-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* Opera 11.10+ */
    background: url("water-background(1550).png") top right no-repeat, -ms-linear-gradient(-45deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* IE10+ */
    background: url("water-background(1550).png") top right no-repeat, linear-gradient(135deg, #006699 1%, #3366cc 50%, #1fbaf2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#069', endColorstr='#1fbaf2',GradientType=1 );
    /* IE6-8 fallback on horizontal gradient */
  }
}
.old-gradient {
  background: #21348a;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxMzQ4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzMzNjZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZmJhZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #21348a 0%, #3366cc 30%, #1fbaf2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #21348a), color-stop(30%, #3366cc), color-stop(100%, #1fbaf2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #21348a 0%, #3366cc 30%, #1fbaf2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #21348a 0%, #3366cc 30%, #1fbaf2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #21348a 0%, #3366cc 30%, #1fbaf2 100%);
  /* IE10+ */
  background: linear-gradient(to right, #21348a 0%, #3366cc 30%, #1fbaf2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21348a', endColorstr='#1fbaf2',GradientType=1 );
  /* IE6-8 */
}

.ie .tinsley-gradient, .ie .old-gradient, .ie .gradient--old-tinsley {
  filter: none;
}

pre {
  background-color: #555555;
  border-radius: 4px;
  color: white;
  padding: 1em;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code {
  font-family: monospace, serif;
}

/* ==================
 * $MODULES
 * ================== */
/* ==================
 * Typography
 * ================== */
body {
  font-size: 18px;
}
@media only screen and (min-width: 37.375em) {
  body {
    font-size: 15px;
  }
}

/* ==================
 * Heading Styles */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: Georgia, serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  /* 
  if you're going to use webfonts, be sure to check your weights 
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em;
}

h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

h3, .h3 {
  font-size: 1.125em;
}

h4, .h4 {
  font-size: 1.1em;
  font-weight: 700;
}

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.highlight {
  color: #1fbaf2;
  font-style: italic;
}

/* ==================
* Larger Mobile Devices
* ================== */
/* ==================
 * Widescreen Monitors
 * ================== */
/* ==================
 * Large Viewing Size
 * ================== */
/* ==================
 * $BRAND
 * ================== */
/* ==================
 * Logo
 * Logo - Backward Compatibility
 */
/* ==================
 * $LOGO
 * ================== */
header[role="banner"] {
  border-bottom: 5px solid #1fbaf2;
  /* ==================
   * ASLRITC */
  /* ==================
   * HPD */
  /* ==================
   * Shepard Broad Law Center
   */
  /* ==================
   * Circle of Friends
   */
  /* ==================
   * NSU */
}
@media only screen and (max-width: 37.275em) {
  header[role="banner"] #logo {
    background: transparent url("logo(phone).png") no-repeat;
    background-size: 100%;
    height: 64px;
    margin-top: -20px;
  }
}
@media only screen and (min-width: 37.375em) {
  header[role="banner"] #logo {
    background: transparent url("logo.png") no-repeat -125px 0;
    height: 130px;
    margin: 0 auto auto 125px;
  }
}
header[role="banner"] #logo.health-professions {
  background: transparent url("logo(hpd).png") no-repeat -112px -58px;
  background-size: 500px 101px;
}
@media only screen and (min-width: 48em) {
  header[role="banner"] #logo.law {
    background: transparent url("logo(law).png") no-repeat -112px -58px;
    background-size: 500px 101px;
  }
}
@media only screen and (min-width: 48em) {
  header[role="banner"] #logo.circle-of-friends {
    background: transparent url("logo(cof).png") no-repeat -112px -58px;
    background-size: 500px 101px;
  }
}
@media only screen and (min-width: 37.375em) {
  header[role="banner"] .nsu {
    position: absolute;
    background: transparent url("logo.png") no-repeat 0 0;
    width: 135px;
    height: 100%;
  }
}

/* ==================
 * $LOGO - Backward Compatibility
 * ================== */
/* ==================
 * Requires Modernizr */
.no-backgroundsize header[role="banner"] #logo {
  background: transparent url("logo(small).png") 50% 50% no-repeat;
  width: 500px;
  height: 118px;
  margin: 0 auto auto 0;
}
.no-backgroundsize header[role="banner"] #logo.health-professions {
  background: transparent url("logo(hpd)(small).png") 50% 50% no-repeat;
  width: 500px;
  height: 118px;
  margin: 0 auto auto 0;
}

/* ==================
 * $HEADER
 * ================== */
@media only screen and (min-width: 37.375em) {
  header[role="banner"] {
    position: relative;
    visibility: visible;
  }
  header[role="banner"] .menu {
    font-size: 16px;
  }
}

/* ==================
 * Javascript disabled,
 * Hover enabled 
 */
.no-js .utilities > ul > li:hover .sub-menu {
  display: block;
}

/* ==================
* Navigation
* ================== */
.ie .menu {
  font-family: "Calibri", Tahoma, "DroidSansRegular", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  filter: none;
}

.lt-ie9 .menu {
  border-bottom: 1px solid #21348a;
  border-top: 1px solid #21348a;
}

.menu {
  border-bottom: 10px solid #069;
  line-height: 2.4;
  margin-bottom: 1em;
  z-index: 1000;
  /* ==================
   * Menu Icons */
  /* ==================
   * Top Level Menu Items */
  /* end .menu ul li */
  /* highlight current page */
  /* end current highlighters */
}
.menu .menu-link {
  display: block;
  padding: 0 1em;
  text-align: right;
  text-decoration: none;
}
.menu .page-title {
  vertical-align: bottom;
}
.menu input[type='submit'] {
  background: none;
  border: none;
  color: white;
}
.menu input[type='submit']:hover, .menu input[type='submit']:focus, .menu input[type='submit']:active {
  color: #e2624f;
}
.menu ul {
  max-width: 1140px;
  margin: 0 auto;
  width: 90%;
}
.menu [class^="icon-"]:before, .menu [class*=" icon-"]:before {
  /* ==================
   * White Menu Option */
  /* ==================
   * Blue Menu Option */
  color: #5882d5;
  font-weight: normal;
  position: relative;
}
.menu .icon-calendar:before,
.menu .icon-home:before {
  margin-right: -.8em;
  top: 1px;
}
.menu .icon-book:before,
.menu .icon-code:before,
.menu li.icon-grid-view:before,
.menu .icon-help:before,
.menu .icon-info:before,
.menu .icon-pencil:before,
.menu .icon-keyboard:before,
.menu .icon-marker:before,
.menu .icon-user:before,
.menu .icon-wifi:before,
.menu .icon-info:before,
.menu .icon-library:before,
.menu .icon-rocket:before,
.menu .icon-mobile:before {
  margin-right: -12px;
}
.menu .icon-keyboard:before,
.menu .icon-code:before,
.menu .icon-help:before,
.menu .icon-home:before,
.menu .icon-grid-view:before,
.menu .icon-user:before,
.menu .icon-wifi:before,
.menu .icon-info:before,
.menu .icon-library:before,
.menu .icon-rocket:before,
.menu .icon-pencil:before {
  top: 1px;
}
.menu a.icon-search:before,
.menu .menu-link.icon-grid-view:before {
  margin-right: .5em;
}
.menu li {
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /* ==================
   * First Sub Menu */
  /* showing sub-menus */
}
.menu li:hover, .menu li:focus, .menu li:active {
  color: white;
}
.menu li:hover:before, .menu li:focus:before, .menu li:active:before {
  color: #50afdf;
}
.menu li:hover:first-child, .menu li:hover:nth-child(2), .menu li:focus:first-child, .menu li:focus:nth-child(2), .menu li:active:first-child, .menu li:active:nth-child(2) {
  border-left: none;
}
.menu li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.menu li:first-child, .menu li:nth-child(2) {
  border-left: none;
}
.menu li:first-child > a, .menu li:nth-child(2) > a {
  padding: 0 1em 0 0;
}
.menu li a {
  /* ==================
   * White Menu Option */
  /* ==================
   * Blue Menu Option */
  text-decoration: none;
  vertical-align: middle;
  padding: 0 1em;
}
.menu li:last-child {
  margin-right: 0;
  border-right: none;
  border-bottom: none;
}
.menu li ul.sub-menu {
  display: none;
  z-index: 1000;
  /* highlight sub-menu current page */
}
.menu li ul.sub-menu li {
  background: white;
  border-bottom: 2px solid #555555;
  text-align: left;
  /*
  if you need to go deeper, go nuts
  just remember deeper menus suck
  for usability. k, bai.
  */
}
.menu li ul.sub-menu li a {
  border-left: 6px solid #91cdeb;
  color: #555555;
  display: block;
  font-weight: normal;
  margin: 0 auto;
  padding: 0 .5em;
}
.menu li ul.sub-menu li a:hover, .menu li ul.sub-menu li a:focus, .menu li ul.sub-menu li a:active, .menu li ul.sub-menu li a.active {
  border-left: 6px solid #1fbaf2;
  color: #50afdf;
}
.menu li ul.sub-menu li:last-child a {
  border-bottom: 0;
}
.menu li.active > ul {
  top: auto;
  display: block;
}
.menu li.has-subnav .icon-arrow-right {
  float: right;
  margin-right: 1em;
}
.menu li.has-subnav ul.children {
  z-index: 1;
  display: none;
}
.menu li.has-subnav ul.children li:first-child {
  border-top: 1px solid #555555;
}
.menu li.has-subnav ul.children.active {
  display: block;
}
.menu li.current-menu-item:before,
.menu li.current_page_item:before,
.menu li.current-page-ancestor:before {
  color: #50afdf;
}
.menu li.current-menu-item a,
.menu li.current_page_item a,
.menu li.current-page-ancestor a {
  color: #50afdf;
}

/* end .menu */
.persistent {
  position: fixed;
  height: auto !important;
  left: 0;
  right: 0;
  z-index: 2;
}

.persistent--bottom {
  bottom: 0;
  margin-bottom: 0 !important;
}

.persistent--top {
  top: 0;
}

.menu.persistent {
  box-shadow: inset 0 0 3px 0 #3366cc;
}

.lt-ie8 .persistent {
  position: inherit !important;
}

/* ==================
 * Mobile Menu Toggle */
.no-js .menu-link {
  display: none;
}

.js .menu ul {
  display: none;
}

.no-js .menu ul {
  display: block;
}

/* ==================
 * Springboard */
#springboard {
  background: #444444 url("textures/noise.png");
  font-size: 14px;
  margin: -1em auto .25em;
  padding: 3em 0 0;
  text-align: center;
}
#springboard a {
  color: white;
  display: inline-block;
  width: 18%;
}
#springboard a:before {
  font-size: 2.5em;
  margin-top: -.5em;
  position: absolute;
  text-shadow: 1px 0 4px #444;
}
#springboard a:first-child {
  margin-left: 0;
}
#springboard a:last-child {
  float: right;
}
#springboard a:active:before, #springboard a:focus:before {
  color: white;
}
#springboard .icon-book:before {
  margin-left: .3em;
}
#springboard .icon-calendar:before,
#springboard .icon-key:before {
  margin-left: .1em;
}
#springboard .icon-map:before {
  margin-left: .3em;
}

.no-js .menu li:hover > ul {
  display: block;
}

.no-js .menu ul.children:hover {
  display: block;
}

/* ==================
 * Small Monitors
 * ================== */
@media only screen and (min-width: 63.9375em) {
  /* ==================
   * Mobile Menu Toggle */
  .js .menu ul {
    display: block;
  }

  .menu {
    /* ==================
     * Top Level Menu Items */
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .menu .menu-link {
    display: none;
  }
  .menu li.last ul.sub-menu li {
    float: right;
  }
  .menu li {
    position: relative;
    display: inline-block;
    /* ==================
     * First Sub Menu */
    /* showing sub-menus */
  }
  .menu li ul.sub-menu {
    position: absolute;
    /* highlight sub-menu current page */
  }
  .menu li ul.sub-menu li {
    text-indent: 0;
    min-width: 15em;
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. k, bai.
    */
  }
  .menu li.active > ul {
    top: auto;
    display: block;
    margin-left: -1em;
    margin-top: 2px;
  }
  .menu .last > li .sub-menu li {
    min-width: 7em;
  }
  .menu li.has-subnav a[href="#parent"]:after {
    font-family: icomoon;
    color: #91CDEB;
    content: "o";
    float: right;
  }
  .menu li.has-subnav ul.children {
    z-index: 1;
    display: none;
    width: auto;
  }
  .menu li.has-subnav ul.children a {
    border-left: 6px solid #b8dff2;
  }
  .menu li.has-subnav ul.children li:first-child {
    border-top: 1px solid #555555;
  }
  .menu li.has-subnav ul.children li:last-child {
    border-bottom: none;
  }
  .menu li.has-subnav ul.children.active {
    display: block;
  }

  /* end .menu */
  .menu > ul > li {
    border-left: 3px solid rgba(80, 175, 223, 0.2);
    padding: 0 0 0 1em;
  }
  .menu > ul > li:first-child {
    padding-left: 0;
  }
  .menu > ul > li:hover, .menu > ul > li:active, .menu > ul > li:focus {
    border-left: 3px solid #50afdf;
  }
}
#footer.footer {
  background: #3366cc url("textures/noise.png");
  border-top: none;
  height: 100%;
  padding-bottom: 1em;
}
#footer.footer .contact-ribbon {
  background: #21348a;
  box-shadow: 0 1px 10px #000;
  height: 60px;
  left: 0;
  position: relative;
  right: 0;
}
#footer.footer img {
  width: 100%;
}
#footer.footer .social-menu {
  font-size: 2em;
  margin-top: 12px;
}
#footer.footer .social-menu a {
  color: #3366cc;
}
#footer.footer .social-menu a:hover, #footer.footer .social-menu a:active, #footer.footer .social-menu a:focus {
  color: white;
}

.portlet {
  margin-bottom: 1em;
  /* ==================
   * Portlet Header
   * ================== */
}
.portlet .h2, .portlet .h3, .portlet .h4, .portlet .h5, .portlet .h6 {
  display: inline;
}

.portlet > article h3 {
  line-height: 1;
  margin: .5em auto;
}
.portlet > article .excerpt {
  margin: 0;
}

.portlet.standout {
  background: transparent;
  color: white;
}
.portlet.standout > div {
  background: white;
}
.portlet.standout > div > ul {
  margin-top: 0;
}
.portlet.standout .icon-help {
  color: rgba(85, 85, 85, 0.7);
  cursor: pointer;
  font-size: 1em;
  margin-top: 2px;
  padding-right: .5em;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.portlet.standout .icon-help:hover:before, .portlet.standout .icon-help:active:before, .portlet.standout .icon-help:focus:before {
  color: #50afdf;
}
.portlet.standout header {
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #dce0f5;
  letter-spacing: 1px;
  padding-left: 1em;
}
.portlet.standout .wrap {
  color: white;
  margin-top: -.8em;
  width: 98%;
}
.portlet.standout li {
  border-bottom: 2px solid rgba(80, 175, 223, 0.2);
  font-size: 1.125em;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.portlet.standout li:last-child {
  border-bottom: none;
}
.portlet.standout li a {
  border-left: 6px solid rgba(80, 175, 223, 0.2);
  color: #333;
  display: block;
  padding: 0 .5em;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.portlet.standout li a:hover, .portlet.standout li a:active, .portlet.standout li a:focus, .portlet.standout li a.current-menu-item {
  border-left: 8px solid #50afdf;
  color: #50afdf;
}
.portlet.standout li a:before {
  color: #50afdf;
  top: 2px;
}

.no-rgba .portlet.standout li {
  border-bottom: 2px solid #d5e8f2;
}
.no-rgba .portlet.standout li a {
  border-left: 6px solid #d5e8f2;
}

.community {
  padding-bottom: 1.7em;
}

.community a.academic, .community a.public {
  background: #5cacd3 url("textures/noise.png");
  color: white;
  font-size: 1.125em;
  width: 50%;
  text-align: center;
}
.community a.academic:hover, .community a.public:hover {
  background: #80bedd;
  color: white;
}
.community a.academic:active, .community a.academic:focus, .community a.public:active, .community a.public:focus {
  color: white;
}

.community > .academic {
  float: left;
  margin-left: 0;
}

/*.community {

    &:after {
        background: url('sprites/channels.png') no-repeat -4px -2px;
        content: "";
        height:44px;
        left: 0;
        position: absolute;
        width:268px;
        margin-top: 2em;
    }

}

.community.research {
    &:after {
        background: url('sprites/channels.png') no-repeat -294px -3px;
        width:223px;
        height: 51px;
    }
}

.community.recreation {
    &:after {
        background: url('sprites/channels.png') no-repeat -536px -2px;
        width: 252px;
        height: 44px;
        position: absolute;
        content: "";
        left: auto;
        right: 0;
    }
}
.community > .public.active ~ .community > .academic:after {
    background: none;

}*/
.public {
  float: right;
}

.community a.active {
  background: #80bedd;
}

.community > .icon-library {
  color: white;
  left: 45%;
  font-size: 1.5em;
  position: absolute;
  margin-top: -2px;
}

.no-js .icon-help[data-info]:hover:after,
.no-js .icon-help[data-info]:active:after,
.no-js .icon-help[data-info]:focus:after {
  content: attr(data-info);
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 1;
}

/* ==================
 * Portlet Sub Menu
 * ================== */
.js .portlet.widget_nav_menu header {
  cursor: pointer;
}

.js .widget_nav_menu > ul.menu:after {
  display: none;
}

.js .portlet .menu.active {
  display: block;
}

.js .portlet .menu.inactive {
  display: none;
}

/* ==================
* Larger Mobile Devices
* ================== */
/* ==================
 * Tablets and Small Laptops
 * ================== */
/* ==================
 * Widescreen Monitors
 * ================== */
/* ==================
 * Large Viewing Size
 * ================== */
/* ==================
 * Retina, High PPI Screens
 * ================== 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {}
*/
/* ==================
 * Backward Compatibility
 * ================== */
/* ==================
 * Modernizr Dependent */
.portlet > h1:first-child, .portlet > h2:first-child, .portlet > h3:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 48em) {
  .js section#carousel {
    background: #555555 url("textures/noise.png");
    border: 2px solid #3366cc;
    box-shadow: 0 2px 2px 0 #444;
    margin: auto;
  }
}

.lt-ie9 section#carousel {
  background: #555555 url("textures/noise.png");
  border: 2px solid #3366cc;
  box-shadow: 0 2px 2px 0 #444;
  margin: auto;
}

.js .feed h2.h3 {
  background: #1fbaf2;
  color: white;
  display: block;
  padding-left: .5em;
  width: 97.5%;
}
.js .feed h2.h3:after {
  border-bottom: .75em solid transparent;
  border-left: 0.75em solid #1fbaf2;
  border-top: .75em solid transparent;
  content: "";
  float: right;
  height: 0;
  left: .7em;
  position: relative;
  width: 0;
}
.js .feed ul {
  margin: 0;
}
.js .feed li {
  margin: .5em auto;
}
.js .feed li:before {
  color: #555555;
  font-size: 1.125em;
  text-shadow: none;
}
.js .feed .title {
  list-style-type: decimal;
  margin-left: 2em;
}
.js .feed .title:last-child {
  border-bottom: none;
}

/* Flexslider SLIDER STYLES */
/* ========== Flexslider Slider
This slider has been customized, tinsleyfied,
and is ready to be plugged into Sherman Library
Web Projects as needed.======================*/
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  background: transparent;
  position: relative;
  zoom: 1;
}

.flex-viewport {
  max-height: 500px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  box-shadow: 0 2px 2px 0 #111;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Custom Captions */
.flex-caption {
  background: rgba(51, 51, 51, 0.8);
  position: absolute;
  right: 0;
  bottom: -24px;
  left: 0;
  padding: 0.5em;
  color: white;
  font-weight: 500;
  font-size: 1em;
  line-height: 1;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  opacity: .8;
  width: 30px;
  height: 30px;
  display: block;
  background: url(sprites/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  bottom: -2.5em;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 0;
}

.flex-direction-nav .flex-prev {
  right: 2em;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: .8;
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media only screen and (min-width: 48em) {
  .js section#carousel {
    border: none;
    box-shadow: inset 0 2px 2px 0 #222;
    margin-bottom: 3em;
  }

  .flexslider {
    padding: .5em;
  }
}
.login-error {
  background-color: rgba(226, 98, 79, 0.5);
  color: #454545;
  border-radius: 4px;
  margin: 0 auto 2em;
  padding: 1em;
  width: 66%;
}

.login {
  color: white;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  margin: 1em auto;
  padding: 1em .5em;
}
@media only screen and (min-width: 48em) {
  .login {
    margin: 0 auto 1em;
  }
  .login img {
    width: 100%;
  }
}
.login .h3 {
  color: white;
  line-height: 1;
}
.login input[type="text"], .login input[type="password"] {
  -webkit-appearance: none !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-style: none;
  color: #454545;
  display: block;
  min-height: 36px;
  padding: 0 .25em;
  width: 100%;
}
.login input[type=submit] {
  border: none;
  color: #454545;
  margin-top: 1em;
  padding: .5em;
}
.login .shark-logo {
  background: transparent url("brand/shark-logo(2x).png") no-repeat;
}

.js p#login-error {
  display: none;
}

/* ==================
 * Each login form on the "quad-screen" has
 * a certain color scheme. Instead of drafting
 * a totally custom class, let's make a reusable
 * gradient. The form markup might look like this:

 <div id="browardform" class="login public-gradient"; */
/* ==================
 * Tinsley Gradient
 * Commented out because it's already
 * included in _mixins.scss */
/* ==================
 * Public (Broward) Gradient */
.public-gradient {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #336d46), color-stop(100%, #428c5a));
  background-image: -webkit-linear-gradient(top, #336d46, #428c5a);
  background-image: -moz-linear-gradient(top, #336d46, #428c5a);
  background-image: -o-linear-gradient(top, #336d46, #428c5a);
  background-image: linear-gradient(top, #336d46, #428c5a);
}

/* ==================
 * HPD Gradient */
.HPD-gradient {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #74a3ff), color-stop(100%, #a2c1ff));
  background-image: -webkit-linear-gradient(top, #74a3ff, #a2c1ff);
  background-image: -moz-linear-gradient(top, #74a3ff, #a2c1ff);
  background-image: -o-linear-gradient(top, #74a3ff, #a2c1ff);
  background-image: linear-gradient(top, #74a3ff, #a2c1ff);
}

/* ==================
 * UNS Gradient */
.UNS-gradient {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5ab27), color-stop(100%, #f7bc53));
  background-image: -webkit-linear-gradient(top, #f5ab27, #f7bc53);
  background-image: -moz-linear-gradient(top, #f5ab27, #f7bc53);
  background-image: -o-linear-gradient(top, #f5ab27, #f7bc53);
  background-image: linear-gradient(top, #f5ab27, #f7bc53);
}

/* ==================
 * Backward Compatibility
 * ================== */
.no-cssgradients .public-gradient {
  background: #336d46 url("sprites/public-sprite.png") repeat-x left 100%;
}
.no-cssgradients .HPD-gradient {
  background: #74a3ff url("sprites/alum-sprite.png") repeat-x left 100%;
}
.no-cssgradients .UNS-gradient {
  background: #f5ab27 url("sprites/uns-sprite.png") repeat-x left 100%;
}

#ask-a-librarian {
  background: #1fbaf2;
  background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0.2, #50afdf), color-stop(1, #1fbaf2));
  background: -moz-linear-gradient(center bottom, #50afdf 20%, #1fbaf2 100%);
  color: white;
}
#ask-a-librarian header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: .25em 1em;
  color: #dce0f5;
}
#ask-a-librarian header [class^="icon-"]:before, #ask-a-librarian header [class*=" icon-"]:before {
  margin-right: 1em;
}

.ask-badge [class^="icon-"]:before, .ask-badge [class*=" icon-"]:before {
  display: block;
  font-size: 2em;
  margin-bottom: .8em;
  margin-top: .2em;
  text-align: center;
}
@media only screen and (max-width: 47.9999em) {
  .ask-badge {
    margin-bottom: -1em;
    padding-top: 1em;
    text-align: center;
  }
  .ask-badge .twocol {
    display: inline-block;
    width: 15%;
  }
}
.ask-badge span {
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.ask-badge span:hover, .ask-badge span:active, .ask-badge span:focus {
  color: #21348a;
}
.ask-badge span.active {
  color: #21348a;
}

.ask-message a,
.ask-message [class^="icon-"]:before,
.ask-message [class*=" icon-"]:before {
  color: #21348a;
}

/* ==================
 * $OBJECTS
 * ================== */
/* ==================
 * $MEDIA OBJECT
 * ================== */
.media img, .media video, .media audio {
  vertical-align: bottom;
  width: 100%;
}

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

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'icomoon';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  line-height: 0;
  position: relative;
}

.icon-alert:before {
  content: "O";
}

.icon-arrow-left:before {
  content: "s";
}

.icon-arrow-right-2:before {
  content: "q";
}

.icon-bar:before {
  content: "=";
}

.icon-beaker:before {
  content: "a";
}

.icon-book:before {
  content: "+";
}

.icon-books:before {
  content: ",";
}

.icon-bubbles:before {
  content: "7";
}

.icon-calendar:before {
  content: "P";
}

.icon-cancel:before {
  content: "k";
}

.icon-cancel-2:before {
  content: "l";
}

.icon-checkmark:before {
  content: "m";
}

.icon-chrome:before {
  content: "E";
}

.icon-clock:before {
  content: "M";
}

.icon-code:before {
  content: "F";
}

.icon-coffee:before {
  content: "^";
}

.icon-cog:before {
  content: "]";
}

.icon-comments:before {
  content: "V";
}

.icon-credit:before {
  content: "0";
}

.icon-directions:before {
  content: "L";
}

.icon-ie:before {
  content: "C";
}

.icon-facebook:before {
  content: "u";
}

.icon-facebook-2:before {
  content: "v";
}

.icon-feed:before {
  content: "|";
}

.icon-film:before {
  content: "\'";
}

.icon-firefox:before {
  content: "D";
}

.icon-happy:before {
  content: "e";
}

.icon-help:before {
  content: "i";
}

.icon-help-2:before {
  content: "{i}";
}

.icon-home:before {
  content: "\21";
}

.icon-info:before {
  content: "j";
}

.icon-keyboard:before {
  content: "4";
}

.icon-key:before {
  content: "Y";
}

.icon-leaf:before {
  content: "?";
}

.icon-library:before {
  content: "-";
}

.icon-link:before {
  content: "@";
}

.icon-locked:before {
  content: "[";
}

.icon-mail:before {
  content: "J";
}

.icon-marker:before {
  content: "K";
}

.icon-map:before {
  content: "3";
}

.icon-twitter:before {
  content: "w";
}

.icon-rss:before {
  content: "x";
}

.icon-screen:before {
  content: "5";
}

.icon-mobile:before {
  content: "Q";
}

.icon-neutral:before {
  content: "g";
}

.icon-office:before {
  content: "\"";
}

.icon-pencil:before {
  content: "H";
}

.icon-phone:before {
  content: "I";
}

.icon-play:before {
  content: "&";
}

.icon-plus:before {
  content: "o";
}

.icon-rocket:before {
  content: "_";
}

.icon-safari:before {
  content: "A";
}

.icon-search:before {
  content: "X";
}

.icon-smiley:before {
  content: "f";
}

.icon-stats:before {
  content: ">";
}

.icon-thumbs-up:before {
  content: "d";
}

.icon-thumbs-down:before {
  content: "h";
}

.icon-unlocked:before {
  content: "Z";
}

.icon-user:before {
  content: "\2190";
}

.icon-users:before {
  content: "\3b";
}

.icon-wifi:before {
  content: "*";
}

.icon-grid-view:before {
  content: "c";
}

/* ==================
 * MENUS
 * ================== */
/* ==================
 * - Feedly Inspired Menu
 * - Vertical Menu
 */
/* ==================
 * - Feedly Inspired Menu
 */
.menu--feedly {
  /* sub menus */
}
.menu--feedly > ul > li {
  width: auto;
  padding: 0;
  margin-bottom: .5em;
  opacity: .8;
  transition: opacity .4s ease;
  -webkit-transition: opacity .4s ease;
}
.menu--feedly > ul > li:hover, .menu--feedly > ul > li:active {
  opacity: 1;
}
.menu--feedly > ul > li > a, .menu--feedly > ul > li > a:visited {
  background: transparent;
  color: white;
  display: block;
  text-decoration: none;
  width: 100%;
}
.menu--feedly > ul > li:after, .menu--feedly > ul > li > a:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}
.menu--feedly > ul > li:nth-of-type(5n+1) span, .menu--feedly > ul > li:nth-of-type(5n+1) a.on {
  background: #6cc655;
}
.menu--feedly > ul > li:nth-of-type(5n+2) span, .menu--feedly > ul > li:nth-of-type(5n+2) a.on, .menu--feedly > ul > li.blue-soft span, .menu--feedly > ul > li.blue-soft a.on {
  background: #91cdeb;
}
.menu--feedly > ul > li:nth-of-type(5n+3) span, .menu--feedly > ul > li:nth-of-type(5n+3) a.on {
  background: #21aabd;
}
.menu--feedly > ul > li:nth-of-type(5n+4) span, .menu--feedly > ul > li:nth-of-type(5n+4) a.on, .menu--feedly > ul > li.coral span, .menu--feedly > ul > li.coral a.on {
  background: #E2624F;
}
.menu--feedly > ul > li:nth-of-type(5n+5) span, .menu--feedly > ul > li:nth-of-type(5n+5) a.on, .menu--feedly > ul > li.orange span, .menu--feedly > ul > li.orange a.on {
  background: #ffae3d;
}
.menu--feedly > ul > li.dark-blue span, .menu--feedly > ul > li.dark-blue a.on {
  background: #21348a;
}
.menu--feedly > ul > li.blue-sea span, .menu--feedly > ul > li.blue-sea a.on {
  background: #21aabd;
}
.menu--feedly > ul > li.green span, .menu--feedly > ul > li.green a.on {
  background: #6cc655;
}
.menu--feedly .icon {
  width: 33.25px;
  height: 33.25px;
  text-align: center;
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
}
.menu--feedly .label {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  font-family: Georgia, serif;
  font-size: 1.125em;
  height: 33.25px;
  padding: .25em 1em;
}
.menu--feedly .off .icon {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.menu--feedly .on .icon {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.menu--feedly span {
  display: block;
  float: left;
  padding: .5em;
}
.menu--feedly .sub-menu {
  margin-top: 0;
  position: absolute;
  visibility: hidden;
  width: 100%;
  opacity: 0;
  transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -webkit-transform: rotateX(-90deg);
  transition: transform .2s ease-out;
  -webkit-transition: transform .2s ease-out;
}
.menu--feedly .sub-menu p {
  padding: 0 1em;
}
.menu--feedly .on ~ .sub-menu {
  visibility: visible;
  position: static;
  float: left;
  background: #fff;
  clear: left;
  opacity: 1;
  transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  /* box-shadow: 0 1px 6px rgba(0,0,0,.1);*/
}
.menu--feedly .sub-menu li {
  padding: 8px 20px 8px 45px;
  border-bottom: 1px solid rgba(102, 102, 102, 0.1);
}
.menu--feedly .sub-menu li a {
  text-decoration: none;
  color: #555;
  line-height: 1.2;
  font-size: .85rem;
}

.no-js .menu--feedly li:hover ul {
  visibility: visible;
  position: static;
  float: left;
  background: #fff;
  clear: left;
  opacity: 1;
  transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  /* box-shadow: 0 1px 6px rgba(0,0,0,.1);*/
}
.no-js .menu--feedly li:hover label {
  width: 305px;
}

/* ==================
 * Vertical Menu
 */
.vertical-menu {
  background: white;
  border: 1px solid #e9e9e9;
  list-style: none;
  overflow: hidden;
  padding: 0;
}
.vertical-menu header {
  color: #D6E0F5;
  padding: .25em 1.5em;
}
.vertical-menu header [class^="icon-"]:before, .vertical-menu header [class*=" icon-"]:before {
  margin-right: 1em;
}
.vertical-menu ul {
  margin: 0 auto;
}
.vertical-menu li {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.vertical-menu li:hover, .vertical-menu li.current-menu-item {
  background: #d6e0f5;
}
.vertical-menu li:nth-of-type(5n+1) a {
  border-left: 6px solid #91CDEB;
}
.vertical-menu li:nth-of-type(5n+2) a {
  border-left: 6px solid #006699;
}
.vertical-menu li:nth-of-type(5n+3) a {
  border-left: 6px solid #50afdf;
}
.vertical-menu li:nth-of-type(5n+4) a {
  border-left: 6px solid #3366CC;
}
.vertical-menu li:nth-of-type(5n+5) a {
  border-left: 6px solid #1FBAF2;
}
.vertical-menu li a {
  color: #213463;
  display: block;
  padding: .5em 1em;
}
.vertical-menu li a:hover [class^="icon-"]:before, .vertical-menu li a:hover [class*=" icon-"]:before {
  color: #50afdf;
}
.vertical-menu li a {
  color: #213463;
  display: block;
  padding: .5em 1em;
}
.vertical-menu li a:hover [class^="icon-"]:before, .vertical-menu li a:hover [class*=" icon-"]:before {
  color: #50afdf;
}
.vertical-menu li a [class^="icon-"]:before, .vertical-menu li a [class*=" icon-"]:before {
  margin-right: 1em;
}

/* ==================
 * Advanced Widget Menu Fix for Wordpress
 */
.vertical-menu.widget_advanced_menu header {
  background: #3366cc;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTM0OGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #3366cc 0%, #21348a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3366cc), color-stop(100%, #21348a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #3366cc 0%, #21348a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #3366cc 0%, #21348a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #3366cc 0%, #21348a 100%);
  /* IE10+ */
  background: linear-gradient(to right, #3366cc 0%, #21348a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3366cc', endColorstr='#21348a',GradientType=1 );
  /* IE6-8 */
  padding: .25em 1em;
}
.vertical-menu.widget_advanced_menu header span:before {
  content: "c ";
  font-family: 'icomoon';
  margin-right: .5em;
  text-rendering: auto;
}

.vertical-menu.widget_advanced_menu {
  	/* ==================
   * Parent Menu Item */
}
.vertical-menu.widget_advanced_menu a[href="#parent"]:after {
  font-family: icomoon;
  color: rgba(81, 175, 223, 0.2);
  content: "o";
  float: right;
  padding-right: .5em;
}
.vertical-menu.widget_advanced_menu a[href="#parent"]:hover:after {
  color: rgba(81, 175, 223, 0.5);
}
.vertical-menu.widget_advanced_menu a[href="#parent"].active:after {
  color: #50afdf;
  content: "n";
}
.vertical-menu.widget_advanced_menu ul.sub-menu [class^="icon-"]:before, .vertical-menu.widget_advanced_menu ul.sub-menu [class*=" icon-"]:before {
  color: #50afdf;
  text-shadow: none;
}

.js .vertical-menu ul.sub-menu {
  display: none;
}

/* ==================
 * IE8 Alternative [assuming Modernizr]
 * Adds separation between items
 */
.lt-ie9 .vertical-menu li a {
  border-bottom: 2px solid #D6E0F5;
}

.alert {
  background: #213463 url("textures/noise.png");
  border-radius: 4px;
  box-shadow: inset 0 2px 2px 0 #222;
  color: #eeeeee;
  padding: 0 .5em;
  line-height: 1;
  position: relative;
  text-align: left;
}
.alert p {
  margin: .5em auto;
}
.alert p a {
  color: #50afdf;
}
.alert p a:hover {
  color: #77c1e6;
}

.alert--note div, .alert--note p {
  color: #d6e0f5;
}
.alert--note div:before, .alert--note p:before {
  color: #ebda79;
  padding-right: .5em;
  text-shadow: 0 1px 4px black;
  top: 2px;
}

.alert--notice {
  background: #ff7f7f;
}

.alert--fixed {
  border-radius: 0;
  margin-bottom: .5em;
  margin-top: -14px;
  padding: .5em;
  position: relative;
  left: 0;
  right: 0;
}
.alert--fixed div, .alert--fixed p {
  margin: 0 auto;
  width: 90%;
}

.lib-success {
  display: block;
  line-height: 1.5em;
  margin: -0.5em 0 1.6em 0;
  padding: 1em 1.6em;
  background: #b2ff7f;
  border: 1px solid #8acc66;
  text-align: left;
  color: #444;
}

.lib-alert {
  display: block;
  line-height: 1.5em;
  margin: -0.5em 0 1.6em 0;
  padding: 1em 1.6em;
  background: #ffff7f;
  border: 1px solid #cc6;
  text-align: left;
  color: #444;
}

.lib-error {
  display: block;
  line-height: 1.5em;
  margin: -0.5em 0 1.6em 0;
  padding: 1em 1.6em;
  background: #ff7f7f;
  border: 1px solid #cc6666;
  text-align: left;
  color: #444;
}

.lib-error a {
  color: #841b1b;
}

.lib-note {
  display: block;
  line-height: 1.5em;
  margin: -0.5em 0 1.6em 0;
  padding: 1em 1.6em;
  background: #7fc1ff;
  border: 1px solid #6694cc;
  text-align: left;
  color: #444;
}

.lib-error a {
  color: #154e96;
}

@media only screen and (min-width: 48em) {
  .alert--fixed {
    text-align: center;
  }
}
.js .bread-crumbs {
  background: #3366cc url("../textures/noise.png");
  box-shadow: inset 0 1px 2px 0 #444;
  display: block;
  margin: .5em auto;
  overflow: hidden;
}
.js .bread-crumbs ul.breadbox {
  margin: 0 auto;
  width: 90%;
}

.js .bread-crumbs.persistent ul.breadbox {
  width: 100%;
}

.js .bread-crumbs.persistent--fixed-footer {
  bottom: 171px;
}
.js .bread-crumbs.persistent--fixed-footer ul.breadbox {
  width: 90%;
}

.no-js .bread-crumbs, .lt-ie9 .bread-crumbs {
  display: none;
}

.breadbox li {
  display: block;
  float: left;
  position: relative;
}
.breadbox li a {
  color: white;
  display: block;
  height: 25px;
  line-height: 24px;
  padding: 0 10px 0 25px;
  text-decoration: none;
}
.breadbox li:hover a, .breadbox li:active a, .breadbox li:focus a {
  background-color: #50afdf;
  color: white;
}
.breadbox li:hover .arrow span, .breadbox li:active .arrow span, .breadbox li:focus .arrow span {
  border-left-color: #50afdf;
}
.breadbox li:last-child a {
  background-color: #50afdf;
}
.breadbox li:last-child .arrow span {
  border-left-color: #50afdf;
}
.breadbox li:first-child a {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 10px 0 15px;
}
.breadbox li .arrow {
  border: 15px solid transparent;
  border-left-color: #3366cc;
  border-right: 1px none black;
  display: block;
  height: 0;
  right: -15px;
  position: absolute;
  top: -2px;
  width: 0;
  z-index: 5;
}
.breadbox li .arrow span {
  display: block;
  position: absolute;
  left: -16px;
  top: -15px;
  z-index: 10;
  border: 15px solid transparent;
  border-right: 1px none #3366cc;
  border-left-color: #3366cc;
  width: 0;
  height: 0;
  overflow: hidden;
  white-space: nowrap;
}
.breadbox li.empty {
  font-style: italic;
  padding: 3px 10px 0 25px;
}

.librarylearn h2 {
  margin: 0;
  line-height: 1;
}
.librarylearn .main-accent {
  color: #50afdf;
}
.librarylearn .tagline {
  text-transform: uppercase;
}

.lib-button,
.lib-button-small,
.lib-button-wide {
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.29);
  color: white;
  display: inline-block;
  font-family: Georgia, serif;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}
.lib-button.flat,
.lib-button-small.flat,
.lib-button-wide.flat {
  box-shadow: none;
}

a.lib-button,
a.lib-button-small,
a.lib-button-wide {
  -webkit-transition: all 0.2s ease-out 0.2s ease-out;
  -moz-transition: all 0.2s ease-out 0.2s ease-out;
  -o-transition: all 0.2s ease-out 0.2s ease-out;
  transition: all 0.2s ease-out 0.2s ease-out;
}
a.lib-button.base,
a.lib-button-small.base,
a.lib-button-wide.base {
  background-color: #313547;
  color: white;
}
a.lib-button.base:hover, a.lib-button.base:active, a.lib-button.base:focus,
a.lib-button-small.base:hover,
a.lib-button-small.base:active,
a.lib-button-small.base:focus,
a.lib-button-wide.base:hover,
a.lib-button-wide.base:active,
a.lib-button-wide.base:focus {
  background-color: #444962;
}
a.lib-button.gradient--coral,
a.lib-button-small.gradient--coral,
a.lib-button-wide.gradient--coral {
  color: white;
}
a.lib-button.gradient--coral:hover, a.lib-button.gradient--coral:active, a.lib-button.gradient--coral:focus,
a.lib-button-small.gradient--coral:hover,
a.lib-button-small.gradient--coral:active,
a.lib-button-small.gradient--coral:focus,
a.lib-button-wide.gradient--coral:hover,
a.lib-button-wide.gradient--coral:active,
a.lib-button-wide.gradient--coral:focus {
  background-color: #e88576;
  color: white;
}
a.lib-button.gradient--orange,
a.lib-button-small.gradient--orange,
a.lib-button-wide.gradient--orange {
  color: white;
}
a.lib-button.gradient--orange:hover, a.lib-button.gradient--orange:active, a.lib-button.gradient--orange:focus,
a.lib-button-small.gradient--orange:hover,
a.lib-button-small.gradient--orange:active,
a.lib-button-small.gradient--orange:focus,
a.lib-button-wide.gradient--orange:hover,
a.lib-button-wide.gradient--orange:active,
a.lib-button-wide.gradient--orange:focus {
  color: white;
}

.no-boxshadow .lib-button,
.no-boxshadow .lib-button-small,
.no-boxshadow .lib-button-wide {
  border: 1px solid #4081af;
  border-bottom-color: #20559a;
}

.lib-button-grey,
.lib-button-small-grey {
  background: #eee;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: .25em;
  color: #444;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  margin-bottom: 1.25em;
}

.lib-button,
.lib-button-grey {
  padding: .5em 1.4em;
  font-size: 1.3em;
  line-height: 1.7em;
}

.lib-button-small,
.lib-button-small-grey {
  padding: .25em .75em;
  font-size: 1em;
  line-height: 1.3125em;
}

.lib-button-wide {
  font-size: 1.2em;
  line-height: 1.3125em;
  padding: .333em 0;
  text-align: center;
  width: 100%;
}

.lib-button-small.gradient--vertical,
.lib-button-small.gradient--vertical:hover {
  color: white;
}

span.buttons {
  display: block;
}

@media only screen and (min-width: 48em) {
  span.buttons {
    display: inline;
  }
}
/* ==================
 * $FORMS
 * ================== */
/* ==================
 * Search
 * Quick Links
 */
.search input[type="search"], .search input[type="text"] {
  border-radius: 4px 0 0 5px;
  border-style: none;
  color: #454545;
  min-height: 36px;
  padding: 0 .25em;
  margin-right: -5px;
}
.search input[type="submit"] {
  background-color: #f2f2f2;
  border-radius: 0 5px 5px 0;
  border-style: none;
  color: #555;
  min-height: 36px;
}

/* ==================
 * $SEARCH
 * ================== */
.search-container {
  overflow: hidden;
}
.search-container a[type="submit"] {
  display: none;
}
@media only screen and (min-width: 48em) {
  .search-container {
    display: inline-block;
    width: 20em;
    background: #21348a;
    border-radius: 5px 2em 2em 5px;
    height: 2.5em;
  }
  .search-container a[type="submit"] {
    display: block;
  }
}
.search-container .button, .search-container input {
  display: inline-block;
}
@media only screen and (min-width: 63.9375em) {
  .search-container {
    position: relative;
    top: .75em;
  }
}
.search-container input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  border: 0;
  border-radius: 4px;
  height: 2em;
  margin: .5em auto 0;
  width: 100%;
  padding: .5em;
}
@media only screen and (min-width: 48em) {
  .search-container input {
    width: 16.75em;
    float: left;
    padding: .5em;
    margin: .25em;
  }
}
.search-container input:focus {
  outline: none;
  box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.25), 0 1px 5px rgba(0, 0, 0, 0.15);
}
.search-container .button {
  box-shadow: inset 0 0 3px 0 #21348a;
  cursor: pointer;
  float: right;
  width: 2.5em;
  height: 2.5em;
  margin: .4em;
  text-align: center;
  border-radius: 50%;
  transition: all .25s ease-out;
  overflow: hidden;
}
.search-container .button:hover {
  box-shadow: inset 0 0 5px 0 #21348a;
}
.search-container .button span {
  color: white;
  font-size: .5em;
  position: relative;
  margin-left: 3px;
  top: 1px;
}
.search-container .button span:active {
  border: 0 !important;
  text-shadow: 0 0 0;
}

.lt-ie9 .utilities {
  float: right;
  margin-bottom: auto;
  margin-top: -3em;
}
.lt-ie9 .utilities > ul, .lt-ie9 .utilities > ul > li {
  display: inline;
}
.lt-ie9 .search-container {
  box-shadow: 0 0 5px #666;
  display: inline-block;
  margin-top: -4px;
  width: 20em;
}
.lt-ie9 .search-container input {
  width: 16.75em;
}

/* ==================
 * $QUICK LINKS
 * ================== */
.utilities {
  margin-bottom: .25em;
}
.utilities .lib-button-small a {
  color: white;
  color: rgba(255, 255, 255, 0.9);
}
.utilities .lib-button-small a:hover, .utilities .lib-button-small a:active, .utilities .lib-button-small a:focus {
  color: white;
}
.utilities form ol li, .utilities form ul li {
  background: inherit;
  border-left: none;
  border-bottom: none;
}
.utilities form ol li:hover, .utilities form ul li:hover {
  border-left: none;
}
@media only screen and (min-width: 63.9375em) {
  .utilities {
    float: right;
    margin-top: -4em;
  }
}
.utilities .lib-button-small {
  display: block;
  line-height: auto;
  margin: .25em auto;
  padding: .5em;
}
@media only screen and (min-width: 48em) {
  .utilities .lib-button-small {
    display: inline-block;
    line-height: 1.3125em;
    position: relative;
    top: -.9em;
  }
}
@media only screen and (min-width: 63.9375em) {
  .utilities .lib-button-small {
    top: -.25em;
  }
}
.utilities > ul, .utilities > ul > li {
  display: none;
}
@media only screen and (min-width: 48em) {
  .utilities > ul, .utilities > ul > li {
    display: inline;
  }
}

.utilities > .lib-button-small {
  transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
}
.utilities > .lib-button-small .sub-menu li {
  padding: .25em 0;
}
.utilities > .lib-button-small .sub-menu li ul {
  margin: 0;
}
.utilities > .lib-button-small .sub-menu li form ol li {
  border-bottom: none;
  border-top: none;
}
@media only screen and (min-width: 48em) {
  .utilities > .lib-button-small .sub-menu {
    background: inherit;
    border-radius: 4px;
    box-shadow: 0 2px 5px #555555;
    padding: .5em;
    position: absolute;
    right: 0;
    top: 1.75em;
    width: 20em;
    z-index: 1;
  }
  .utilities > .lib-button-small .sub-menu:before {
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-bottom: 1em solid;
    content: "";
    position: absolute;
    height: 0;
    right: .5em;
    top: -.5em;
    width: 0;
  }
}
.utilities > .lib-button-small.active {
  box-shadow: none;
}
.utilities > .lib-button-small.active .sub-menu {
  display: block;
}
.utilities > .lib-button-small.gradient--coral .sub-menu:before {
  border-bottom: 1em solid #E2624F !important;
}
.utilities > .lib-button-small.gradient--orange .sub-menu:before {
  border-bottom: 1em solid #ffae3d !important;
}
@media only screen and (min-width: 48em) {
  .utilities > .lib-button-small.gradient--vertical .sub-menu {
    background: white;
  }
  .utilities > .lib-button-small.gradient--vertical .sub-menu li {
    color: #555555;
  }
  .utilities > .lib-button-small.gradient--vertical .sub-menu li a {
    color: #21348a;
    border-bottom: 1px solid #555555;
  }
  .utilities > .lib-button-small.gradient--vertical .sub-menu li a:hover, .utilities > .lib-button-small.gradient--vertical .sub-menu li a:active, .utilities > .lib-button-small.gradient--vertical .sub-menu li a:focus {
    color: #50afdf;
  }
}

.js .utilities > .lib-button-small .sub-menu {
  display: none;
}
.js .utilities > .lib-button-small.active .sub-menu {
  display: block;
}

.js .utilities > .lib-button-small .sub-menu form .hidden {
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}

form .header, fieldset header {
  background: #555555;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: white;
  padding: .5em;
}
form .header .h3, fieldset header .h3 {
  margin: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

form header button[type="submit"], fieldset header button[type="submit"] {
  float: right;
  margin-top: -1.75em;
}

.form--elib button[type="submit"] {
  float: right;
  margin-top: -1.75em;
}

form ol, form ul {
  margin: 0;
}
form ol li, form ul li {
  background: white;
  border-left: 6px solid rgba(81, 175, 223, 0.2);
  border-top: 1px solid #EEE;
  padding: .5em;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
form ol li:hover, form ol li.active, form ul li:hover, form ul li.active {
  border-left: 6px solid rgba(81, 175, 223, 0.5);
}
form ol li.active, form ul li.active {
  background: rgba(81, 175, 223, 0.5);
}
form ol li:first-child, form ul li:first-child {
  border-top: none;
}
form ol li:last-child, form ul li:last-child {
  border-bottom: none;
}
form ol li.error, form ul li.error {
  background: #f77f74;
  border-left: 6px solid #e82b21;
}
form ol li ol li, form ol li ol li:hover, form ol li ul li, form ol li ul li:hover, form ul li ol li, form ul li ol li:hover, form ul li ul li, form ul li ul li:hover {
  border: none;
}
form ol li ol li label, form ol li ul li label, form ul li ol li label, form ul li ul li label {
  font-weight: normal;
  display: inline;
  cursor: pointer;
}
form ol li.singleline label, form ul li.singleline label {
  font-weight: normal;
  display: inline;
}
form ol li label, form ol li .grouphead, form ul li label, form ul li .grouphead {
  display: block;
  font-size: 1.125em;
}
form ol li input, form ul li input {
  width: auto;
  display: inline;
}
form ol li input, form ol li textarea, form ol li select, form ul li input, form ul li textarea, form ul li select {
  border: 1px solid #ddd;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
  outline: none;
  padding: .5em;
  width: 100%;
}
form ol li input[type="checkbox"], form ul li input[type="checkbox"] {
  width: auto;
  display: inline-block;
  float: left;
  margin: .4em 1em auto auto;
}
form ol li input[type="radio"], form ul li input[type="radio"] {
  display: inline;
  width: auto;
}
form ol.columns, form ul.columns {
  width: 100%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.twitter-typeahead {
  width: 100%;
}

form.hidden {
  display: none;
}

form textarea {
  height: 75px;
}

form li.section-header {
  border-left: none;
  font-size: 1.175em;
  padding: 0 .5em;
  text-align: center;
}
form li.section-header:hover {
  border-left: none;
}

.form-elib legend {
  display: none;
}

/* ==================
 * The "Infograph" is called such for lack of a better name.
 * Basically, this is a <ul> where the list items are connected
 * by right or left facing arrows. Kind of like an infographic
 * where interaction is guided by an arrow. */
.infograph {
  margin-top: -.5em;
}
.infograph li:before,
.infograph li:after {
  color: #1fbaf2;
  font-family: 'icomoon';
}
.infograph li:last-child {
  position: relative;
  top: .65em;
}
.infograph li a {
  color: #1fbaf2;
}
.infograph li a:hover, .infograph li a:active, .infograph li a:focus {
  color: #4ac7f5;
}

.infograph--left {
  border-left: 3px solid #1fbaf2;
}
.infograph--left li:before {
  content: "q";
}

.infograph--right {
  border-right: 3px solid #1fbaf2;
}

.infograph--dark-blue {
  border-left: 3px solid #21348a;
}
.infograph--dark-blue li a, .infograph--dark-blue li:after {
  color: #21348a;
}

/* ==================
 * $QUOTES
 * ================== */
.disclaimer, .quote, .note {
  border-left: 6px solid #f5f5f5;
  padding: 0 1em;
}
.disclaimer h1, .disclaimer h2, .disclaimer h3, .disclaimer h4, .disclaimer h5, .quote h1, .quote h2, .quote h3, .quote h4, .quote h5, .note h1, .note h2, .note h3, .note h4, .note h5 {
  margin-top: 0;
}

/* ==================
 * Foundation
 * ================== */
/* ==================
 * Load here only the most basic styles.*/
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ====================== *
 * Foundational Styles
 * ====================== */
/* ====================== *
 * Be considerate of very small screens. */
/* ==================
 * General Styles
 * ================== */
body {
  color: #555555;
  font-family: "Calibri", "Myriad Pro", Myriad, Tahoma, "DroidSansRegular", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
}

/* ==================
 * Wordpress Body Classes
 * ================== */
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
.page-template-default, .single, .archive {
  /* default page template */
}
.page-template-default article.page header h1, .page-template-default article.post header h1, .page-template-default .video_tinsleyfied header h1, .single article.page header h1, .single article.post header h1, .single .video_tinsleyfied header h1, .archive article.page header h1, .archive article.post header h1, .archive .video_tinsleyfied header h1 {
  line-height: 1;
  margin: 0;
}
.page-template-default article.page .post-content h2, .page-template-default article.page .post-content h3, .page-template-default article.post .post-content h2, .page-template-default article.post .post-content h3, .page-template-default .video_tinsleyfied .post-content h2, .page-template-default .video_tinsleyfied .post-content h3, .single article.page .post-content h2, .single article.page .post-content h3, .single article.post .post-content h2, .single article.post .post-content h3, .single .video_tinsleyfied .post-content h2, .single .video_tinsleyfied .post-content h3, .archive article.page .post-content h2, .archive article.page .post-content h3, .archive article.post .post-content h2, .archive article.post .post-content h3, .archive .video_tinsleyfied .post-content h2, .archive .video_tinsleyfied .post-content h3 {
  border-left: 3px solid #50afdf;
  margin-left: -.655em;
  padding-left: .655em;
}
.page-template-default article.page .post-content h3, .page-template-default article.post .post-content h3, .page-template-default .video_tinsleyfied .post-content h3, .single article.page .post-content h3, .single article.post .post-content h3, .single .video_tinsleyfied .post-content h3, .archive article.page .post-content h3, .archive article.post .post-content h3, .archive .video_tinsleyfied .post-content h3 {
  margin-left: -1.1em;
  padding-left: 1.1em;
}

.typeplate {
  font-size: 18px;
}
.typeplate .post, .typeplate .type-spotlight_databases {
  background: white;
  border-bottom: 5px solid rgba(145, 205, 235, 0.5);
  border-left: none;
  margin: 1em auto;
  padding: 1em;
}
.typeplate .post.format-link, .typeplate .type-spotlight_databases.format-link {
  border-bottom: 5px solid #ffae3d;
}

.no-rgba .page-template-default article.page {
  border-left: 3px solid #dceef5;
}

/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/* ==================
 * Layout and Grid
 * ================== */
.wrap {
  width: 98%;
  margin: 0 auto;
}

/* ==================
 * Links
 * ================== */
a, a:visited {
  color: #006699;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #50afdf;
}
a:active, a:visited:active {
  color: #50afdf;
}
a:link, a:visited:link {
  /* 
  this highlights links on iPhones/iPads. 
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* ==================
 * Badge
 * ================== */
.badge {
  margin-left: -12px;
  margin-right: 1em;
}
.badge:before {
  content: attr(data-badge);
  background: #e2624f url("textures/noise.png");
  border-radius: 10px;
  padding: 0 6px;
}

a.button {
  color: #444;
  font-size: .8em;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /* on click */
}
a.button:hover, a.button:focus {
  color: #e2624f;
}
a.button:active {
  color: #e2624f;
}
a.button span:before {
  bottom: -14px;
  position: relative;
  font-size: 4em;
  line-height: 0;
}

/*********************
POSTS & CONTENT STYLES
*********************/
/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
.post header h1 {
  line-height: 1;
  margin: 0;
}
.post .post-content h2, .post .post-content h3 {
  border-left: 3px solid #50afdf;
  margin-left: -.655em;
  padding-left: .655em;
}
.post .post-content h3 {
  margin-left: -1.1em;
  padding-left: 1.1em;
}

/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.meta ul li {
  display: inline-block;
}
.meta ul li.author {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
}

/* post content */
.post-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */
}
.post-content ul, .post-content ol {
  list-style-type: disc;
  margin-left: 2em;
}
.post-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.post-content img {
  max-width: 100%;
  height: auto;
}
.post-content video, .post-content object {
  max-width: 100%;
  height: auto;
}

/* end .post-content */
.wp-caption {
  padding: .5em;
  /* images inside wp-caption */
}
.wp-caption img {
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  background: rgba(255, 255, 255, 0.6);
  margin: -28px 0 7px;
  position: relative;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.page-navigation,
.wp-prev-next {
  margin: 1.1em 0 2.2em;
}

.bones_page_navi {
  /* current page link */
  /* end .bones_page_navi .bpn-current */
  /* common styles for page-navi links */
  /* remove the bg on end links */
  /* previous link */
  /* next page link */
  /* first page link */
  /* last page link */
}
.bones_page_navi li {
  float: left;
  margin-left: 10px;
}
.bones_page_navi li a {
  padding: 3px 6px;
  display: block;
  text-decoration: none;
  position: relative;
}
.bones_page_navi li a:hover, .bones_page_navi li a:focus {
  color: #f01d4f;
  text-decoration: underline;
}
.bones_page_navi li.bpn-current {
  padding: 3px 6px;
  border-bottom: 2px solid #f01d4f;
  position: relative;
}
.bones_page_navi li.bpn-current a {
  /* hovering on current page link */
}
.bones_page_navi li.bpn-prev-link,
.bones_page_navi li.bpn-next-link {
  font-weight: 700;
}
.bones_page_navi li.bpn-prev-link a,
.bones_page_navi li.bpn-next-link a {
  padding: 0;
}
.bones_page_navi li.bpn-prev-link a:hover,
.bones_page_navi li.bpn-next-link a:hover,
.bones_page_navi li.bpn-first-page-link a:hover,
.bones_page_navi li.bpn-last-page-link a:hover {
  background: none;
}

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments {
  /* number of comments span */
}

.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */
}
.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
  /* end .commentlist li ul.children */
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
  padding-left: 24px;
  /* variations */
  /* change number for different depth */
}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .comment-author {
  clear: left;
  float: left;
  width: 60px;
}
.commentlist .vcard cite.fn {
  font-size: .9em;
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  float: left;
  height: 100%;
  margin-right: 1em;
  width: 100%;
}
.commentlist .comment_content {
  background: #50afdf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: white;
  margin: 0 0 1.5em 84px;
  padding: 1em;
  position: relative;
}
.commentlist .comment_content:after {
  border-color: transparent #50afdf;
  border-width: 10px 10px 10px 0;
  content: "";
  border-style: solid;
  bottom: auto;
  display: block;
  left: -10px;
  height: 0;
  position: absolute;
  top: 21px;
  width: 0;
}
.commentlist .comment-reply-link, .commentlist .comment-edit-link {
  text-decoration: none;
  float: right;
  background: #4598bb;
  padding: 3px 5px;
  color: #fff;
  opacity: 0.65;
  margin-bottom: 10px;
  margin-right: .5em;
  font-weight: 700;
  font-size: 0.9em;
}
.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus, .commentlist .comment-edit-link:hover, .commentlist .comment-edit-link:focus {
  opacity: 1;
}

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form form li {
  list-style-type: none;
  clear: both;
}
.respond-form form li label,
.respond-form form li small {
  display: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  /* form validation */
}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}

/* comment submit button */
/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em;
}

/* cancel comment reply link */
/* logged in comments */
.comments-logged-in-as {
  float: right;
  margin-top: -1.75em;
}
.comments-logged-in-as a {
  color: white;
  text-decoration: underline;
}

/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

/* no comments */
.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
SIDEBARS & ASIDES
*********************/
/* ==================
 * Search Widget, Portlet
 * ================== */
.search-widget {
  /* ==================
   * Submit Button with Search Icon */
  position: relative;
  z-index: 1;
}
.search-widget form {
  margin: 1em auto;
}
.search-widget input[type="submit"] {
  font-family: icomoon;
}
.search-widget .limit {
  display: block;
  margin-bottom: -.5em;
  text-align: right;
}
.search-widget .limit span {
  cursor: pointer;
  font-size: .8em;
  opacity: .7;
}
.search-widget .limit span.active {
  opacity: 1;
}
.search-widget .limit span.active:before {
  color: #e2624f;
}
.search-widget .limit span.hidden {
  opacity: 0;
}
.search-widget .keyword-search {
  text-align: center;
}
.search-widget .keyword-search .icon-help {
  float: none;
}
.search-widget label {
  color: #006699;
  cursor: pointer;
  font-size: .8em;
  margin: auto .5em;
  opacity: .7;
}
.search-widget label:first-child {
  margin-left: 0;
}
.search-widget label:last-child {
  margin-right: 0;
}
.search-widget label.active {
  border-bottom: 2px solid #444;
  opacity: 1;
}
.search-widget input[type=text] {
  width: 100%;
}
.search-widget input[name="searchtype"], .search-widget input[id="call-numbers"] {
  opacity: 0;
  position: absolute;
}
.search-widget .call-numbers {
  display: none;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.search-widget input[id="call-numbers"]:checked ~ .call-numbers {
  display: block;
}

.search-actions {
  background: white;
  box-shadow: 0 2px 2px 0 #555555;
  height: 3em;
  position: relative;
  top: -3.3em;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.search-actions:before {
  background: #91CDEB;
  color: rgba(145, 205, 235, 0.2);
  content: "X";
  font-family: 'icomoon';
  font-size: 2em;
  height: 1.375em;
  margin-top: 4px;
  position: absolute;
  text-shadow: 1px 4px 6px #91CDEB, 0 0 0 #000, 1px 4px 6px #91CDEB;
}
.search-actions ul {
  color: #555555;
  line-height: 3.5;
  text-align: center;
}
.search-actions li {
  cursor: pointer;
  display: inline;
  margin: 0 .5em;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-actions li:hover, .search-actions li:active, .search-actions li:focus {
  color: #50afdf;
}
.search-actions li:first-child {
  margin-left: 0;
}
.search-actions li:last-child {
  margin-right: 0;
}
.search-actions li.active {
  color: #50afdf;
  border-bottom: 2px solid #91cdeb;
}

.search-options {
  background: none;
  border: none;
  color: #555555;
  cursor: pointer;
  font-family: Georgia, serif;
  margin-top: -3.5em;
}
.search-options:hover .icon-search, .search-options:focus .icon-search, .search-options:active .icon-search {
  color: #e2624f;
}
.search-options .icon-search {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-size: 1.5em;
  top: .5em;
  margin-right: -.25em;
  position: relative;
}

input[id="search-options"] {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

input[id="search-options"]:checked ~ div.search-actions {
  top: -1.5em;
}

.widgettitle {
  border-bottom: none;
}

.widget .textwidget {
  margin: 0 auto;
  width: 90%;
  list-style-type: disc;
}
.widget .textwidget li {
  z-index: 1;
  /* deep nesting */
}

/* ==================
 * Ultraspecific Hack. Bad Form. */
ul.menu.active ul.sub-menu li a {
  border-left: 3px solid rgba(80, 175, 223, 0.2);
}

ul.menu li ul.sub-menu li {
  width: auto;
}

.widget_nav_menu {
  color: #555555;
  /* ==================
   * Parent Menu Item */
}
.widget_nav_menu > header {
  margin-bottom: -.75em;
}
.widget_nav_menu li {
  border-left: none;
  display: block;
}
.widget_nav_menu li:hover {
  border-left: none;
}
.widget_nav_menu li.current-menu-parent > ul.sub-menu {
  display: block;
  position: relative;
}
.widget_nav_menu li.current-menu-parent > a[href="#parent"]:after {
  content: "\4d";
}
.widget_nav_menu a[href="#parent"]:after {
  font-family: icomoon;
  color: rgba(81, 175, 223, 0.2);
  content: "o";
  float: right;
  padding-right: .5em;
}
.widget_nav_menu a[href="#parent"]:hover:after {
  color: rgba(81, 175, 223, 0.5);
}
.widget_nav_menu a[href="#parent"].active:after {
  color: #50afdf;
  content: "n";
}
.widget_nav_menu ul.sub-menu [class^="icon-"]:before, .widget_nav_menu ul.sub-menu [class*=" icon-"]:before {
  color: #50afdf;
  text-shadow: none;
}
.widget_nav_menu ul.sub-menu li {
  border-left: none;
}
.widget_nav_menu ul.sub-menu li:last-child {
  border-bottom: none;
}
.widget_nav_menu ul.sub-menu li a {
  border-left: none;
}
.widget_nav_menu ul.sub-menu .wrap a {
  border-left: none;
  color: #555555;
  padding-left: 0;
}
.widget_nav_menu ul.sub-menu .wrap .icon-phone {
  font-size: .9em;
}
.widget_nav_menu .sub-menu.hours li {
  border-bottom: none;
}
.widget_nav_menu .sub-menu table {
  color: #555555;
  font-size: .85em;
  margin-left: 1em;
  margin-bottom: 1em;
  width: 90%;
}
.widget_nav_menu .sub-menu li .icon-help:before {
  margin-right: 0;
}

.widget_advanced_menu header .widgettitle:before {
  content: "c ";
  color: #50afdf;
  font-family: icomoon;
  position: relative;
  text-rendering: auto;
  top: .15em;
}

.widget_nav_menu > ul {
  background: transparent;
  box-shadow: none;
}
.widget_nav_menu > ul li {
  border-left: 6px solid rgba(81, 175, 223, 0.2);
  padding: .25em .5em;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.widget_nav_menu > ul li:first-child {
  border-left: 6px solid rgba(81, 175, 223, 0.2);
  padding-top: 0;
}
.widget_nav_menu > ul li:last-child {
  padding-bottom: 0;
}
.widget_nav_menu > ul li:hover {
  border-left: 6px solid rgba(81, 175, 223, 0.5) !important;
  color: #50afdf;
}
.widget_nav_menu > ul li a {
  color: #555555;
  padding: 0;
}
.widget_nav_menu > ul li a:hover, .widget_nav_menu > ul li a:active {
  color: #555555;
}
.widget_nav_menu > ul li.current-menu-item {
  border-left: 6px solid #50afdf;
}

div.widget_nav_menu ul.sub-menu li {
  background: transparent;
  border-bottom: none;
  border-left: none;
  padding: 0;
  min-width: auto;
}
div.widget_nav_menu ul.sub-menu li:hover, div.widget_nav_menu ul.sub-menu li:active {
  border-left: none !important;
}
div.widget_nav_menu ul.sub-menu li a, div.widget_nav_menu ul.sub-menu li a:hover {
  border-left: none !important;
}

/* ==================
 * Footer Styles
 * ================== */
.footer {
  background: #555555 url("textures/gray-noise.png");
  border-top: 3px solid #50afdf;
  color: white;
  -webkit-box-shadow: inset 0 1px 3px 0 #222222;
  -moz-box-shadow: inset 0 1px 3px 0 #222222;
  box-shadow: inset 0 1px 3px 0 #222222;
  /*[class^="icon-"]:before, [class*=" icon-"]:before {
      color: rgba(#444444, 0.2);
   	font-size: 2em;
      position: relative;
      text-shadow: 1px 2px 6px #444, 0 0 0 #000, 1px 2px 6px #444;
  }*/
}
.footer a {
  color: white;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.footer a:hover, .footer a:focus, .footer a:active {
  color: #50afdf;
}
.footer p.icon {
  margin: 1em auto;
}

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
/* end .footer-links */
/* ==================
 * Larger Mobile Devices
 * ================== */
/* ==================
 * If needed, from here we can tweak for
 * phones or really small tablets. */
@media only screen and (min-width: 30.062em) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to 
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection. 
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .menu ul li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }

  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* post content */
  .post-content {
    /* at this larger size, we can start to align images */
  }
  .post-content .alignleft, .post-content img.alignleft {
    padding-left: 0;
    display: inline;
    float: left;
  }
  .post-content .alignright, .post-content img.alignright {
    padding-right: 0;
    display: inline;
    float: right;
  }
  .post-content .aligncenter, .post-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

  /* end .post-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
}
/* ==================
 * Tablets and Small Laptops
 * ================== */
/* ==================
 * From here on, these are really the more
 * common viewing windows. We can begin to 
 * work in more resource intensive styles */
@media only screen and (min-width: 48em) {
  .wrap {
    max-width: 1140px;
  }

  .row {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

  /*
      This is a combination of the 1140 grid and Twitter Boostrap.
      I liked 1140 but Boostrap's grid was way more detailed so
      I merged them together, let's see how this works out.
      If you want to use 1140, the original values are commented
      out on each line.
  */
  .onecol {
    width: 5.801104972%;
  }

  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%;
  }

  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%;
  }

  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%;
  }

  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%;
  }

  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%;
  }

  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%;
  }

  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%;
  }

  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%;
  }

  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%;
  }

  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%;
  }

  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%;
  }

  /* 100%;   } /* grid_12 */
  /* layout & column defaults */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }

  .first {
    margin-left: 0;
  }

  .last {
    float: right;
  }

  .typeplate {
    float: none;
    margin: 0 auto;
  }

  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /* ====================== *
   * Layout
   * ====================== */
  #main {
    width: 100%;
  }

  #sidebar {
    width: 100%;
  }

  .wrap {
    width: 90%;
  }

  /********************
  WORDPRESS BODY CLASSES
  style a page via class
  ********************/
  /* home page */
  /* blog page */
  /* archive page */
  /* date archive page */
  /* replace the number to the corresponding page number */
  /* search page */
  /* search result page */
  /* no results search page */
  /* individual paged search (i.e. body.search-paged-3) */
  /* 404 page */
  /* single post page */
  /* individual post page by id (i.e. body.postid-73) */
  /* individual paged single (i.e. body.single-paged-3) */
  /* attatchment page */
  /* individual attatchment page (i.e. body.attachmentid-763) */
  /* style mime type pages */
  /* author page */
  /* user nicename (i.e. body.author-samueladams) */
  /* paged author archives (i.e. body.author-paged-4) for page 4 */
  /* category page */
  /* individual category page (i.e. body.category-6) */
  /* replace the number to the corresponding page number */
  /* tag page */
  /* individual tag page (i.e. body.tag-news) */
  /* replace the number to the corresponding page number */
  /* custom page template page */
  /* individual page template (i.e. body.page-template-contact-php */
  /* replace the number to the corresponding page number */
  /* replace the number to the corresponding page number */
  /* if user is logged in */
  /* paged items like search results or archives */
  /* individual paged (i.e. body.paged-3) */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .widgettitle {
    margin-bottom: 0.75em;
  }

  .widget ul li {
    line-height: 1.5;
    /* deep nesting */
  }

  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  .footer-links ul li {
    /* 
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */
  }

  /* end .footer-links */
}
/* ==================
 * Small Monitors
 * ================== */
@media only screen and (min-width: 63.9375em) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Square Monitor Stylsheet
  
  This is a small desktop size. It will be seen on tablets with 1024px resolution.
  
  ******************************************************************/
  /* ====================== *
   * Layout
   * ====================== */
  #main {
    margin-left: 0;
    width: 74.30939226%;
  }

  #sidebar {
    float: right;
    width: 22.928176794%;
  }
}
/* ==================
 * Widescreen Monitors
 * ================== */
@media only screen and (min-width: 64.375em) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop. 
  
  ******************************************************************/
  /* ====================== *
   * Layout
   * ====================== */
  #sidebar > .fourcol {
    width: 100%;
    margin-left: auto;
  }
}
/* ==================
 * Large Viewing Size
 * ================== */
@media only screen and (min-width: 77.5em) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
}
/* ==================
 * Print Stylesheet
 * ================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
    /* show links on printed pages */
    /* show title too */
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  /* hide content people who print don't need to see */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}