@charset "UTF-8";
/******************************************************************
Site Name: Thunderball
Author: Matt Northam - @mattnortham
  __________
 / ___  ___ \
/ / @ \/ @ \ \
\ \___/\___/ /\
 \____\/____/||
 /     /\\\\\//
 |     |\\\\\\
  \      \\\\\\
   \______/\\\\
    _||_||_
     -- --

Bubo says 'hey' :)
******************************************************************/
/*! 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.
 */
@import url(https://fonts.googleapis.com/css?family=Bitter:400,700|Quattrocento+Sans:400,700,400italic);
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.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

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

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

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

ul, ol {
  padding: 0;
  list-style-type: none;
}

dd {
  margin: 0;
}

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

/******************************************************************
Site Name: Thunderball
Author: Matt Northam

Stylesheet: Mixins & Constants Stylesheet

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

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

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/*
font-family: 'Quattrocento Sans', sans-serif;
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

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

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

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

.alert-success, .alert-error, .alert-info, .alert-help {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BUTTONS
*********************/
.button, .button:visited, .more-link {
  font-family: "Quattrocento Sans", "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #9b0e55;
  border-top-color: #b71164;
  border-left-color: #b71164;
  padding: 0.6em 1em;
  color: #fffffd !important;
  display: inline-block;
  font-weight: bold;
  text-decoration: none !important;
  cursor: pointer;
  margin-bottom: 20px;
  border-radius: 4px;
  text-shadow: none !important;
  background-image: none !important;
  background-color: #c11269;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d81476), to(#c11269));
  background-image: -webkit-linear-gradient(top, #d81476, #c11269);
  background-image: -moz-linear-gradient(top, #d81476, #c11269);
  background-image: -o-linear-gradient(top, #d81476, #c11269);
  background-image: linear-gradient(to bottom, #d81476, #c11269);
}
.button:hover, .button:focus, .button:visited:hover, .button:visited:focus, .more-link:hover, .more-link:focus {
  color: #fffffd;
  border: 1px solid #9b0e55;
  border-top-color: #7b0b43;
  border-left-color: #7b0b43;
  background-color: #a9105d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c11269), to(#a9105d));
  background-image: -webkit-linear-gradient(top, #c11269, #a9105d);
  background-image: -moz-linear-gradient(top, #c11269, #a9105d);
  background-image: -o-linear-gradient(top, #c11269, #a9105d);
  background-image: linear-gradient(to bottom, #c11269, #a9105d);
}
.button:focus, .button:visited:focus, .more-link:focus {
  border: 4px solid #9b0e55;
}
.button:active, .button:visited:active, .more-link:active {
  background-color: #d81476;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c11269), to(#d81476));
  background-image: -webkit-linear-gradient(top, #c11269, #d81476);
  background-image: -moz-linear-gradient(top, #c11269, #d81476);
  background-image: -o-linear-gradient(top, #c11269, #d81476);
  background-image: linear-gradient(to bottom, #c11269, #d81476);
}

.blue-button, .blue-button:visited {
  border-color: #0da4fe;
  text-shadow: 0 1px 1px #0da4fe;
  background-color: #27adfe;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#40b7fe), to(#27adfe));
  background-image: -webkit-linear-gradient(top, #40b7fe, #27adfe);
  background-image: -moz-linear-gradient(top, #40b7fe, #27adfe);
  background-image: -o-linear-gradient(top, #40b7fe, #27adfe);
  background-image: linear-gradient(to bottom, #40b7fe, #27adfe);
  box-shadow: inset 0 0 3px #91d6fe;
}
.blue-button:hover, .blue-button:focus, .blue-button:visited:hover, .blue-button:visited:focus {
  border-color: #0197f0;
  background-color: #0da4fe;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2caffe), to(#0da4fe));
  background-image: -webkit-linear-gradient(top, #2caffe, #0da4fe);
  background-image: -moz-linear-gradient(top, #2caffe, #0da4fe);
  background-image: -o-linear-gradient(top, #2caffe, #0da4fe);
  background-image: linear-gradient(to bottom, #2caffe, #0da4fe);
}
.blue-button:active, .blue-button:visited:active {
  background-color: #40b7fe;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#27adfe), to(#40b7fe));
  background-image: -webkit-linear-gradient(top, #27adfe, #40b7fe);
  background-image: -moz-linear-gradient(top, #27adfe, #40b7fe);
  background-image: -o-linear-gradient(top, #27adfe, #40b7fe);
  background-image: linear-gradient(to bottom, #27adfe, #40b7fe);
}

/*
BASE (MOBILE) SIZE
*/
/******************************************************************
Site Name: Thunderball
Author: Matt Northam

Stylesheet: Base Mobile Stylesheet

******************************************************************/
/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*********************
GENERAL STYLES
*********************/
body {
  font-family: "Quattrocento Sans", "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
  font-size: 105%;
  line-height: 1.5;
  color: #565656;
  background: #fffffd;
  margin: 0;
  padding: 0;
}

.centered {
  text-align: center;
}

/*
accessible links

skiptocontent is first thing in header
backtotop is in the sidebar, so it falls after content but before side areas.
	could this be in a better place? maybe added by js after the closing </main> of every page??
*/
#skiptocontent, #backtotop {
  /*height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;*/
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  background: #fff;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#skiptocontent:focus-within, #backtotop:focus-within {
  clip: auto;
  overflow: visible;
  height: auto;
  position: static;
}
#skiptocontent a:focus, #backtotop a:focus {
  display: block;
  padding: 1rem;
  outline-offset: -2px;
}

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* 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 */
/* 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 & GRID STYLES
*********************/
.wrap, .footer {
  width: 98%;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

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

#main, .home .twelvecol, .page-template-page-home-2col-3col .twelvecol, .page-template-page-home-3col-2col .twelvecol, .page-template-page-home-3col .twelvecol, .page-template-page-home-2col .twelvecol {
  padding: 0 15px;
}

/*********************
LINK STYLES
*********************/
a, a:visited {
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #d81476;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #7f0c46;
}
a:focus, a:visited:focus {
  outline: 2px solid #f01d4f;
  outline-offset: 2px;
}
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Bitter", "Bitter", "Georgia", Cambria, Times New Roman, Times, serif;
  text-rendering: optimizelegibility;
  font-weight: 700;
}
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.95em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

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

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

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

/*********************
HEADER STYLES
*********************/
#social-links {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
  font-size: 0.7em;
  width: auto;
}
#social-links li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#social-links a {
  color: #444444;
  padding: 5px;
  text-decoration: none;
}
#social-links a:hover, #social-links a:focus {
  color: #111111;
}
#social-links a em {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
#social-links a:before {
  margin-left: 10px;
}

#branding {
  clear: both;
  padding: 0;
  margin-top: 1em;
}

#inner-header {
  position: relative;
  background: #fffffd;
  border-bottom: 1px solid #d9d9d9;
}

#logo {
  /*float: left;*/
  margin: 10px 0;
  padding: 0 15px;
}
#logo a {
  display: block;
  background: url(../images/bu-logo.svg) no-repeat;
  height: 36px;
  width: 152px;
  background-size: contain;
}

.no-svg #logo a {
  background: url(../images/bu-logo.png) no-repeat;
}

#sitename {
  font-size: 2em;
  /*float: left; clear: both;*/
  line-height: 1em;
  background: transparent;
  margin: 10px 0;
  padding: 0 20px;
  font-family: "Bitter", "Bitter", "Georgia", Cambria, Times New Roman, Times, serif;
  text-rendering: optimizelegibility;
  font-weight: 700;
}
#sitename a {
  color: #111111;
  text-decoration: none;
}

#branding p:not(#sitename) {
  clear: both;
  text-align: left;
  padding: 0 20px;
}

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via the wp_menu function
*/
#nav, #inner-content {
  outline: 0;
}

.nav {
  z-index: 7;
  text-align: center;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
.nav ul {
  padding: 0;
  margin: 0;
}
.nav .parent li {
  border: 0;
  display: block;
}
.nav li {
  text-align: left;
  display: inline-block;
  padding: 0;
  width: 40%;
  margin: 0.2em;
}
.nav li a {
  display: inline-block;
  text-decoration: none;
  padding: 5px 25px;
  color: #111111;
  font-weight: bold;
}
.nav li a:hover, .nav li a:focus {
  color: #ec3390;
  background: #f2f2f2;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  background: #fffffd;
}
.nav.offcanvas {
  position: fixed;
  overflow-y: auto;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  margin: 0;
  padding-top: 1.5em;
  z-index: 5;
  padding-bottom: 2em;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: 0s ease-in-out;
  border-bottom: 0;
  text-align: left;
  border-left: 6px solid #f01d4f;
  background: #FCFCFC;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,e2e2e2+100 */
  background: -moz-linear-gradient(left, #fcfcfc 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fcfcfc), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #fcfcfc 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #fcfcfc 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #fcfcfc 0%, #e2e2e2 100%);
  /* IE10+ */
  background: linear-gradient(to right, #fcfcfc 0%, #e2e2e2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fcfcfc", endColorstr="#e2e2e2",GradientType=1 );
  /* IE6-9 */
}
.nav.offcanvas li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #fffffd;
  color: #111111;
  margin: 0;
}
.nav.offcanvas li ul.children, .nav.offcanvas li ul.sub-menu {
  display: block;
}
.nav.offcanvas li ul.sub-menu li a {
  padding-left: 45px;
}
.nav.offcanvas li ul.sub-menu ul.sub-menu li a {
  padding-left: 60px;
}
.nav.offcanvas li a {
  background: none !important;
  padding: 10px 30px;
  color: #111111;
  display: block;
}
.nav.offcanvas li a:link, .nav.offcanvas li a:visited {
  color: #d81476;
}
.nav.offcanvas li a:hover, .nav.offcanvas li a:focus, .nav.offcanvas li a ul.sub-menu ul.sub-menu li a:hover, .nav.offcanvas li a ul.sub-menu ul.sub-menu li a:focus {
  color: #fffffd;
  background: #d81476 !important;
  border-left: 5px solid #d81476;
}
.nav.collapsed {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: 0.3s ease-in-out;
  display: none;
}
.nav.displayed {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  transition: 0.3s ease-in-out;
  display: block;
}

/* end .nav */
#nav .sesame {
  padding: 10px 20px;
  display: inline-block;
  clear: both;
  text-decoration: none;
  font-size: 1.3em;
  font-weight: bold;
}
#nav .sesame:hover, #nav .sesame:focus {
  cursor: pointer;
  background: #111111;
  color: #fffffd;
}
#nav #burger:before {
  padding-right: 15px;
  content: "\f0c9";
  font-family: "FontAwesome";
}
#nav #shrink {
  margin-bottom: 1em;
  border: 0;
  padding-left: 30px;
  background: #111111;
  color: #fffffd;
}
#nav #shrink:before {
  padding-right: 15px;
  content: "\f00d";
  font-family: "FontAwesome";
}
#nav #shrink:hover, #nav #shrink:focus {
  background: #d81476;
}

body.locked {
  overflow: hidden;
}

/*********************
POSTS & CONTENT STYLES
*********************/
.page-template-front-page-default #main, .page-template-page-home-with-blog-and-slider #main, .page-template-page-home-with-blog-and-fields #main {
  border: none;
}

.page-template-page-home-with-blog-and-slider .blog, .page-template-page-home-with-blog-and-fields .blog {
  border-right: 1px solid #f2f2f2;
  padding-right: 15px;
}

#inner-content img, .twelvecol img {
  max-width: 100%;
  height: auto;
}

#inner-content {
  background: #fffffd;
}

/* end .hentry */
.archive-desc {
  font-style: italic;
}

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* 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 */
.byline, .article-footer {
  color: #373737;
}
.recent-posts, .related {
  padding: 0 !important;
  margin: 0 !important;
}
.recent-posts img, .related img {
  width: 50px;
  height: 50px;
  float: left;
  display: block;
  margin-right: 10px !important;
}
.recent-posts li, .related li {
  padding: 0 0 10px 0 !important;
}
.recent-posts li:before, .related li:before {
  padding-right: 0px !important;
  content: "" !important;
}
.recent-posts a, .related a {
  display: block;
  clear: both;
  font-weight: bold;
  font-size: 1.1em;
  text-decoration: none;
}
.recent-posts span, .related span {
  clear: left;
  display: inline-block;
}
.recent-posts a.excerpt-read-more, .related a.excerpt-read-more {
  display: none;
}

.post, .page {
  padding-bottom: 20px;
}
.post .article-header, .post .recent-posts, .post .related, .page .article-header, .page .recent-posts, .page .related {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.post .article-header .h2, .post .recent-posts .h2, .post .related .h2, .page .article-header .h2, .page .recent-posts .h2, .page .related .h2 {
  line-height: 1em;
}
.post .article-header .byline, .post .recent-posts .byline, .post .related .byline, .page .article-header .byline, .page .recent-posts .byline, .page .related .byline {
  font-size: 0.8em;
  line-height: 1.5em;
  font-family: "Quattrocento Sans", "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
  padding: 5px;
  color: #747474;
}
.post .article-header .byline:before, .post .recent-posts .byline:before, .post .related .byline:before, .page .article-header .byline:before, .page .recent-posts .byline:before, .page .related .byline:before {
  padding-right: 5px;
  content: "\f073";
  font-family: "FontAwesome";
}
.post .article-footer, .page .article-footer {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #d9d9d9;
  font-size: 0.8em;
  line-height: 1.8em;
  font-family: "Quattrocento Sans", "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
}
.post .article-footer .tags a, .page .article-footer .tags a {
  background: #e6e6e6;
  padding: 2px 5px;
  text-decoration: none;
  color: #373737 !important;
}
.post .article-footer .tags a:hover, .page .article-footer .tags a:hover {
  background: #585858;
  color: #fff !important;
}
.post .article-footer .tags-title:before, .page .article-footer .tags-title:before {
  padding-right: 5px;
  content: "\f02c";
  font-family: "FontAwesome";
}

/* entry content */
.entry-content {
  -ms-word-break: keep-all;
  word-break: keep-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  border-bottom: 0px solid #f2f2f2;
}
.entry-content ul li, .entry-content ol li {
  padding: 0 0 10px 20px;
}
.entry-content ul li:before {
  padding-right: 5px;
  content: "•";
}
.entry-content ol {
  padding-left: 30px;
}
.entry-content ol li {
  list-style-type: decimal;
  padding-left: 0;
}
.entry-content blockquote {
  background-color: white;
  font-size: 1.1em;
}
.entry-content blockquote cite {
  display: block;
  clear: both;
  color: #a6a6a6;
  font-size: 0.8em;
  text-align: right;
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content table {
  max-width: 100%;
}
.entry-content table td {
  padding: 10px;
  border-bottom: 1px solid #a6a6a6;
}
.entry-content table tr {
  border-top: 1px solid #a6a6a6;
}
.entry-content table tr + tr {
  border-top: 1px solid #ccc;
}
.entry-content table td {
  border-left: 1px solid #ccc;
  border-right: 1px solid #a6a6a6;
}
.entry-content table td + td {
  border-left: 1px solid #a6a6a6;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
.entry-content iframe {
  padding: 0;
  max-width: 100%;
}
.entry-content .attachment-square-thumb-300 {
  width: 100px;
  height: auto;
  float: left;
  margin: 10px 20px 10px 0;
  padding: 4px;
  border: 1px solid #ccc;
}
.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  margin: 10px 5px;
  /* images inside wp-caption */
}
.wp-caption a {
  text-shadow: none !important;
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
.gallery dl {
  float: left;
  width: 30%;
  margin-right: 3%;
}
.gallery dl img {
  width: 100%;
  box-shadow: 0px 0px 8px #eee;
  border: 1px solid white;
  padding: 4px;
  background: #fffffd;
}
/* end .gallery */
/* gallery caption styles */
.yarpp-related ol li {
  padding: 0 0 15px 0 !important;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.yarpp-related ol li span.by {
  font-size: 0.8em;
  color: #999999;
  display: block;
}

/******************************************************************
SEARCH STYLES
******************************************************************/
#search-2, #search-3 {
  padding: 10px;
  background: #d9d9d9;
}
#search-2 form, #search-3 form {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
#search-2 label, #search-3 label {
  display: none;
}
#search-2 #s, #search-3 #s {
  padding: 10px 10px 10px 26px;
  width: 70%;
  background: #fffffd url(../images/magnifying_glass.svg) no-repeat 5px center;
  background-size: 14px 14px;
  border: 1px solid #fffffd;
}
#search-2 #s:focus, #search-3 #s:focus {
  border-color: #111111;
}
#search-2 #s:hover, #search-3 #s:hover {
  border-color: #f01d4f;
}
#search-2 .no-svg #s, #search-3 .no-svg #s {
  background: #fffffd url(../images/magnifying_glass.png) no-repeat 5px center;
}
#search-2 #searchsubmit, #search-3 #searchsubmit {
  padding: 10px;
  border: 0;
  background: #d81476;
  color: #fffffd;
  /*float: right;*/
  font-size: 1.1em;
  /*width: 25%;*/
}
#search-2 #searchsubmit:hover, #search-3 #searchsubmit:hover {
  background: #4d4d4d;
  color: #fffffd;
}
#search-2 #searchsubmit:focus, #search-3 #searchsubmit:focus {
  outline: 2px solid #670336;
}
#search-2 input:focus, #search-3 input:focus {
  outline: 2px solid #e0006d;
}

body.search .attachment-square-thumb-300 {
  width: 100px;
  height: 100px;
}

/******************************************************************
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 #ccc;
  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 {
  padding-top: 1em;
  /* 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;
  /* 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 li.depth-2 {
  margin-left: 10px;
}
.commentlist li.depth-3 {
  margin-left: 15px;
}
.commentlist li.depth-4 {
  margin-left: 20px;
}
.commentlist li.depth-5 {
  margin-left: 25px;
}
.commentlist .odd {
  background: #eee;
}
.commentlist .even {
  background: #fefefe;
}
.commentlist .bypostauthor {
  border-left: 2px solid #111111;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  font-size: 0.8em;
  color: #747474 !important;
  text-decoration: none;
}
.commentlist .vcard time a:before {
  padding-right: 5px;
  content: "\f017";
  font-family: "FontAwesome";
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fffffd;
}
.commentlist .comment_content {
  margin-left: 50px;
}
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #111111;
  padding: 3px 5px;
  color: #fffffd;
  opacity: 0.65;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 0.9em;
}
.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
  opacity: 1;
}

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}
.respond-form form {
  margin: 0.75em 0;
}
.respond-form form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
  display: inline-block;
}
.respond-form form span.req:before {
  content: "*";
  color: #c32129;
}
.respond-form form p.error, .respond-form form #errorList {
  color: #d91723;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  border: 1px solid #cecece;
  line-height: 1.5em;
  border-radius: 2px;
  display: block;
  /* 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: #fffffd;
  outline: #d81476 2px solid;
  border-radius: 0;
}
.respond-form form input[type=text]:invalid, .respond-form form input[type=text].error,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=email].error,
.respond-form form input[type=url]:invalid,
.respond-form form input[type=url].error,
.respond-form form textarea:invalid,
.respond-form form textarea.error {
  outline: none;
  border-color: #d91723;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.respond-form form input[type=text] .error,
.respond-form form input[type=email] .error,
.respond-form form input[type=url] .error,
.respond-form form textarea .error {
  border: 1px solid #d91723 !important;
}
.respond-form form div#errorList {
  color: #d91723;
  border: 1px solid #d91723;
  padding: 1rem;
  background: #fdeeef;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  width: clamp(200px, 50%, 1000px);
}
.respond-form form textarea {
  width: 97.3%;
  height: 150px;
}
.respond-form form input[type=submit]:focus {
  outline: 2px solid #e0006d;
  border-radius: 0;
}

/* comment submit button */
#submit {
  border: 0;
}

.comment-reply-link {
  color: #fff !important;
}

/* comment form title */
#comment-form-title {
  margin: 0;
}

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

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

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar {
  padding: 0 10px;
}

.widget {
  font-size: 0.9em;
}
.widget a:link, .widget a:visited {
  color: #a9105d;
  text-decoration: none;
}
.widget a:hover {
  color: #ec3390;
}
.widget ul:not(.wp-block-social-links) li:before {
  padding-right: 5px;
  content: "•";
}
.widget ul li {
  /* deep nesting */
}
.sidebar form p input, .home .sixcol form p input {
  border: 0;
}
.sidebar form p input[type=submit], .home .sixcol form p input[type=submit] {
  padding: 10px;
  background: #f01d4f;
  color: #fffffd;
  border-bottom: 2px solid #ffc759;
  font-weight: bold;
}
.sidebar form p input[type=submit]:last-child, .home .sixcol form p input[type=submit]:last-child {
  background: #f67d99;
  font-weight: normal;
}
.sidebar form p input[type=submit]:hover, .sidebar form p input[type=submit]:focus, .home .sixcol form p input[type=submit]:hover, .home .sixcol form p input[type=submit]:focus {
  background: #ffc759;
  border-color: #f01d4f;
}
.sidebar form p input[type=text], .home .sixcol form p input[type=text] {
  padding: 10px 8px;
  background: #d9d9d9;
  width: 100%;
}
.sidebar form p label, .home .sixcol form p label {
  font-size: 0.9em;
}
.sidebar form p:last-child, .home .sixcol form p:last-child {
  text-align: right;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  background: #fffffd;
  border-top: 1px solid #ccc;
  padding: 30px 0;
}

/*
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.
*/
.footer-links {
  text-align: right;
}
.footer-links ul {
  padding: 0;
  margin: 0;
}
.footer-links li {
  padding: 0 10px;
  display: inline-block;
  position: relative;
  width: auto;
}

/* end .footer-links */
/********************
 * FEATURE CAROUSEL *
 ********************/
.carousel-container {
  display: none;
}

noscript {
  display: block;
  padding: 20px;
  font-style: italic;
  background: #ccc;
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
}

.cutsthemustard .carousel-container {
  display: block;
  position: relative;
  width: 98%;
}
.cutsthemustard #carousel {
  height: 280px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.cutsthemustard .carousel-image {
  border: 0;
  display: block;
  width: 300px;
  height: 230px;
}
.cutsthemustard .carousel-feature {
  position: absolute;
  top: -1000px;
  left: -1000px;
  border: 0;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
}
.cutsthemustard .carousel-feature:focus-within {
  outline: thin dotted;
  -webkit-box-shadow: 0px 4px 6px 4px rgba(103, 3, 54, 0.6);
  box-shadow: 0px 4px 6px 4px rgba(103, 3, 54, 0.6);
}
.cutsthemustard .carousel-feature .carousel-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #111111;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  color: #fffffd;
  text-align: center;
}
.cutsthemustard .carousel-feature .carousel-caption p {
  margin: 0;
  font-size: 0.9em;
  padding: 0;
}
.cutsthemustard .carousel-feature .carousel-caption p:first-child {
  font-weight: 700;
  font-size: 1.1em;
}
.cutsthemustard .tracker-summation-container {
  position: absolute;
  color: white;
  right: 48px;
  top: 230px;
  padding: 3px;
  margin: 3px;
  background-color: #000;
}
.cutsthemustard .tracker-individual-container {
  position: absolute;
  color: #fffffd;
  right: 48px;
  top: 210px;
  padding: 0;
  margin: 0;
}
.cutsthemustard .tracker-individual-container li {
  list-style: none;
}
.cutsthemustard .tracker-individual-container .tracker-individual-blip {
  margin: 0 3px;
  padding: 0 3px;
  color: white;
  text-align: center;
  background-color: #DDD;
}
.cutsthemustard .tracker-individual-container .tracker-individual-blip-selected {
  color: white;
  font-weight: bold;
  background-color: #000;
}
.cutsthemustard #carousel-left {
  display: none;
}
.cutsthemustard #carousel-right {
  display: none;
}
.cutsthemustard .carousel-feature:focus-within {
  opacity: 1 !important;
  outline: 2px solid #f01d4f !important;
  outline-offset: 2px;
}

.ffitem {
  font-size: 3em;
}

/********************
 * PRETTY UNDERLINES *
 ********************/
.entry-content a, .byline a, .footer a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  /*color: $color-accent;
  text-decoration: none;
  // Underline via gradient background
  background-image: linear-gradient(rgba($color-accent, 0.25) 0%, $color-accent 100%);
  background-repeat: repeat-x;
  background-size: 1px 1px;
  background-position: 0 95%;
  // Tweak position + thickness for high res (1.75x and up) displays
  @media (-webkit-min-device-pixel-ratio: 1.75),
         (min-resolution: 168dpi) {
    background-image: linear-gradient(rgba($color-accent, 0.25) 0%, $color-accent 100%);
    background-position: 0 93%;
  }
  // Clear descendors from underline
  text-shadow: 3px 0 $white, 2px 0 $white, 1px 0 $white, -1px 0 $white, -2px 0 $white, -3px 0 $white;
  &:hover {
    color: darken($color-accent, 11%);
    background-image: linear-gradient(to bottom, darken($color-accent, 6%) 0%, darken($color-accent, 6%) 100%);
  }
  // Style selected links (or else text-shadow makes it look crazy ugly)
  // Pseudo selectors must go separately, or they break each other
  &,
  > * {
    &::selection {
      background-color: lighten($color-accent, 25%);
      color: $color-text-body;
      text-shadow: none;
    }
    &::-moz-selection {
      background-color: lighten($color-accent, 25%);
      color: $color-text-body;
      text-shadow: none;
    }
  }*/
}
.entry-content a:hover, .byline a:hover, .footer a:hover {
  text-decoration-thickness: 13%;
}

.events-gridview.events-archive a {
  text-shadow: none;
}

.recent-posts a {
  background-image: none !important;
  text-shadow: none !important;
  /*stop the 'pretty' link stuff from kicking in*/
}

/************************
 *       RSS FEED       *
 ***********************/
.feedlist {
  list-style: none;
  padding: 0;
  margin: 0 0 1.6em;
}

.feedlist li {
  padding: 0 0 10px;
  border-bottom: 1px solid #efefef;
  margin: 0 0 10px;
}

.feedlist li:last-child,
.feedlist li.last {
  margin: 0;
  border: none;
  padding: 0;
}

.feedlist h3 {
  margin: 0;
}

.feedlist .date {
  font-size: 11px;
  color: #747474;
  display: block;
}

/************************
 * NETWORK LANDING PAGE *
 ***********************/
#networksites {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#networksites li {
  list-style-type: none;
  padding: 0;
  margin: 1%;
  width: 48%;
  float: left;
}

#networksites li:before {
  content: " ";
  padding: 0;
  margin: 0;
}

#networksites li a {
  background: #f1f2f3;
  width: 100%;
  text-decoration: none;
  padding: 5px 10px;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#networksites li a:hover, #networksites li a:focus {
  background: grey !important;
}

#networksites li a span {
  padding: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#networksites li a span {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
}

#networksites li a span.nm {
  font-weight: bold;
}

#networksites li a span.details {
  font-size: 0.8em;
  text-align: right;
}

.sonal #welcome img {
  max-width: 50% !important;
  height: auto !important;
  float: left;
  margin-right: 20px;
}
.sonal #inner-content {
  padding: 0 10px !important;
}
.sonal .twelvecol {
  border-bottom: 1px solid #e6e6e6;
}

/* Subscribe 2 styles */
.s2_notice {
  padding: 1em;
  color: #fff;
}

.s2_notice:before {
  margin-right: 0.4em;
  font-family: "Bitter";
  font-weight: bold;
}

.s2_confirm p::before {
  content: "✓";
}

.s2_error p::before {
  content: "!";
}

.s2_confirm {
  background-color: #3d9e21;
}

.s2_error {
  background-color: #9c1c20;
}

.s2_message {
  background-color: #ea6430;
}

/* Screen reader only text */
.sr-only {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden;
  white-space: nowrap;
}

/*
LARGER MOBILE DEVICES
*/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name: Thunderball
  Author: Matt Northam

  Stylesheet: 481px and Up Stylesheet
  ******************************************************************/
  /*********************
  NAVIGATION STYLES
  *********************/
  .nav li {
    width: auto;
  }

  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

  /* end .entry-content */
}
/*
TABLET & SMALLER LAPTOPS
*/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name: Thunderball
  Author: Matt Northam

  Stylesheet: Grid Stylesheet

  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.scss stylesheet.

  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:

  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://susy.oddbird.net/ - Grids using Compass. Very elegant.
  http://gridpak.com/ - Create your own responsive grid.

  The grid below 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.182320438%;
  }

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

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

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

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

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

  /* 100%;   } /* grid_12 */
  .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;
  }

  /******************************************************************
  Site Name: Thunderball
  Author: Matt Northam

  Stylesheet: Tablet & Small Desktop Stylesheet
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  .page {
    margin: 0;
    padding: 0;
  }

  .entry-content .attachment-square-thumb-300 {
    width: 150px;
    height: auto;
  }

  #main {
    border-right: 1px solid #f2f2f2;
    padding: 0 15px;
  }

  .page-template-page-home-3col-2col #main, .page-template-page-home-2col-3col #main, .page-template-page-home-2col #main, .page-template-page-home-3col #main, .page-template-page-full-width-php #main, .search #main {
    border-right: 0;
    margin-bottom: 3em;
  }

  .page-template-page-home-3col-2col .fourcol, .page-template-page-home-3col-2col .sixcol, .page-template-page-home-2col-3col .fourcol, .page-template-page-home-2col-3col .sixcol, .page-template-page-home-2col .fourcol, .page-template-page-home-2col .sixcol, .page-template-page-home-3col .fourcol, .page-template-page-home-3col .sixcol {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: left;
    padding: 0;
    font-size: 0.9em;
  }
  .page-template-page-home-3col-2col .fourcol h1, .page-template-page-home-3col-2col .fourcol h2, .page-template-page-home-3col-2col .fourcol h3, .page-template-page-home-3col-2col .fourcol h4, .page-template-page-home-3col-2col .sixcol h1, .page-template-page-home-3col-2col .sixcol h2, .page-template-page-home-3col-2col .sixcol h3, .page-template-page-home-3col-2col .sixcol h4, .page-template-page-home-2col-3col .fourcol h1, .page-template-page-home-2col-3col .fourcol h2, .page-template-page-home-2col-3col .fourcol h3, .page-template-page-home-2col-3col .fourcol h4, .page-template-page-home-2col-3col .sixcol h1, .page-template-page-home-2col-3col .sixcol h2, .page-template-page-home-2col-3col .sixcol h3, .page-template-page-home-2col-3col .sixcol h4, .page-template-page-home-2col .fourcol h1, .page-template-page-home-2col .fourcol h2, .page-template-page-home-2col .fourcol h3, .page-template-page-home-2col .fourcol h4, .page-template-page-home-2col .sixcol h1, .page-template-page-home-2col .sixcol h2, .page-template-page-home-2col .sixcol h3, .page-template-page-home-2col .sixcol h4, .page-template-page-home-3col .fourcol h1, .page-template-page-home-3col .fourcol h2, .page-template-page-home-3col .fourcol h3, .page-template-page-home-3col .fourcol h4, .page-template-page-home-3col .sixcol h1, .page-template-page-home-3col .sixcol h2, .page-template-page-home-3col .sixcol h3, .page-template-page-home-3col .sixcol h4 {
    /*font-size: 1.1em;*/
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 15px 0;
  }
  .page-template-page-home-3col-2col .fourcol img, .page-template-page-home-3col-2col .fourcol embed, .page-template-page-home-3col-2col .fourcol iframe, .page-template-page-home-3col-2col .sixcol img, .page-template-page-home-3col-2col .sixcol embed, .page-template-page-home-3col-2col .sixcol iframe, .page-template-page-home-2col-3col .fourcol img, .page-template-page-home-2col-3col .fourcol embed, .page-template-page-home-2col-3col .fourcol iframe, .page-template-page-home-2col-3col .sixcol img, .page-template-page-home-2col-3col .sixcol embed, .page-template-page-home-2col-3col .sixcol iframe, .page-template-page-home-2col .fourcol img, .page-template-page-home-2col .fourcol embed, .page-template-page-home-2col .fourcol iframe, .page-template-page-home-2col .sixcol img, .page-template-page-home-2col .sixcol embed, .page-template-page-home-2col .sixcol iframe, .page-template-page-home-3col .fourcol img, .page-template-page-home-3col .fourcol embed, .page-template-page-home-3col .fourcol iframe, .page-template-page-home-3col .sixcol img, .page-template-page-home-3col .sixcol embed, .page-template-page-home-3col .sixcol iframe {
    max-width: 100%;
    padding: 0;
  }

  .entry-content p, .entry-content ul {
    padding-right: 20px;
  }

  .footnote {
    width: 48.618784527%;
    clear: both;
    margin: 1em auto;
    font-size: 0.9em;
    line-height: 1em;
  }

  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap, #nav, .footer {
    max-width: 1200px;
  }

  /*********************
  HEADER STYLES
  *********************/
  #logo a {
    height: 56px;
    width: 252px;
    background-size: contain;
  }

  #branding p {
    text-align: right;
  }

  #social-links {
    float: right;
    clear: both;
    position: relative;
    font-size: 0.8em;
  }

  #sitename {
    /*float: right;*/
    font-size: 2.5em;
    /*clear: right;*/
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  #inner-content.padTop {
    padding-top: 25px;
    -webkit-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
  }

  #nav {
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding-right: 10px;
  }

  #nav.fixed {
    background: #fffffd;
    position: fixed;
    top: 0;
    z-index: 9999;
    border-bottom: 1px solid #f2f2f2;
    max-width: 1140px;
  }

  #nav.hidden {
    background: #fffffd;
    position: fixed;
    top: -60px;
    z-index: 9999;
    border-bottom: 1px solid #f2f2f2;
    max-width: 1140px;
  }

  .nav {
    width: auto;
    margin: 0;
    text-align: right;
    padding: 0;
    background: none;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .nav .parent > a:first-child {
    padding-right: 1.4em;
  }
  .nav .parent > a:first-child:after {
    content: "\f107";
    font-family: "FontAwesome";
  }
  .nav li {
    display: inline-block;
    position: relative;
    width: auto;
    border: 0;
    margin: 0;
    /*
    plan your menus and drop-downs wisely.
    */
    /* showing sub-menus */
    /*&:hover ul, &:focus ul, ul.focused {
    	top: auto;
    	display: block;
    	li {display: block;}
    } */
  }
  .nav li a {
    border-bottom: 0;
    margin: 0.2em 0;
    font-weight: normal;
    padding: 5px 10px;
  }
  .nav li a:hover, .nav li a:focus {
    outline-offset: -2px;
  }
  .nav li ul.sub-menu,
.nav li ul.children {
    margin-top: 0;
    border: 1px solid #ccc;
    border-top: 0;
    z-index: 8999;
    text-align: left;
    /* highlight sub-menu current page */
  }
  .nav li ul.sub-menu li.menu-item-has-children > a,
.nav li ul.children li.menu-item-has-children > a {
    zoom: 1;
  }
  .nav li ul.sub-menu li.menu-item-has-children > a:before, .nav li ul.sub-menu li.menu-item-has-children > a:after,
.nav li ul.children li.menu-item-has-children > a:before,
.nav li ul.children li.menu-item-has-children > a:after {
    content: "";
    /*display: table;*/
  }
  .nav li ul.sub-menu li.menu-item-has-children > a:after,
.nav li ul.children li.menu-item-has-children > a:after {
    clear: both;
  }
  .nav li ul.sub-menu li.menu-item-has-children > a:after,
.nav li ul.children li.menu-item-has-children > a:after {
    content: "\f105";
    font-family: "FontAwesome";
    float: right;
  }
  .nav li ul.sub-menu li a,
.nav li ul.children li a {
    padding: 0.8em 1.4em 0.8em 0.8em;
    border-right: 0;
    display: block;
    clear: both;
    width: auto;
    margin: 0;
    min-width: 200px;
    border-bottom: 1px solid #ccc;
  }
  .nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus,
.nav li ul.children li a:hover,
.nav li ul.children li a:focus {
    background-color: #f2f2f2;
    outline-offset: -2px;
  }
  .nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  /* end .nav */
  body#blog_id_117 .nav {
    text-align: center;
  }
  body#blog_id_117 p.desc {
    text-align: center;
  }

  /* css accessible menu but disables ability to remove focus with escape key */
  :root {
    /* 
        Snagged from Material Design 
        https://material.io/design/color/the-color-system.html
    */
    /*--blue-gray-50: #ECEFF1;
    --blue-gray-100: #CFD8DC;
    --blue-gray-200: #B0BEC5;
    --blue-gray-300: #90A4AE;
    --blue-gray-400: #78909C;
    --blue-gray-500: #607D8B;
    --blue-gray-600: #546E7A;
    --blue-gray-700: #455A64;
    --blue-gray-800: #37474F;
    --blue-gray-900: #263238;*/
    --transition-timing: 0.25s;
    --transition-timing-function: linear;
  }

  /* All */
  .nav a {
    display: block;
  }

  /* Top-level */
  #nav > .nav > li > a {
    display: inline-block;
  }

  .nav {
    display: flex;
    justify-content: flex-end;
  }

  .nav,
.nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* Nested */
  .nav ul {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s var(--transition-timing-function) var(--transition-timing), opacity var(--transition-timing) var(--transition-timing-function);
  }

  .nav ul > li > ul {
    left: 100%;
    top: 0;
  }

  .nav li {
    position: relative;
  }

  /* 
      HACK: Prevents box shadow from child dropdowns
      from overlapping its parent dropdown
  */
  .nav li.parent > a {
    position: relative;
  }

  .nav li.parent > a:after {
    position: absolute;
    content: "";
    right: 0;
    width: 1rem;
    z-index: 999;
  }

  /* ENDHACK */
  .nav li:hover > ul,
.nav li:focus-within > ul {
    display: block;
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }

  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    margin-top: 2.2em;
    padding: 0 15px 0 0;
  }

  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }

  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }

  /*********************
  FOOTER STYLES
  *********************/
  .footer #inner-footer {
    font-size: 0.9em;
    line-height: 1em;
  }
  .footer .copyright {
    float: left;
  }
  /* end .footer-links */
  /********************
   * FEATURE CAROUSEL *
   ********************/
  .cutsthemustard .carousel-container {
    position: relative;
    width: 100%;
  }
  .cutsthemustard #carousel {
    height: 380px;
    width: 100%;
    position: relative;
  }
  .cutsthemustard .carousel-image {
    border: 0;
    display: block;
    width: 550px;
    height: 340px;
  }
  .cutsthemustard .carousel-feature {
    position: absolute;
    top: -1000px;
    left: -1000px;
    border: 0;
    cursor: pointer;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
  }
  .cutsthemustard .carousel-feature .carousel-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    color: white;
    text-align: center;
  }
  .cutsthemustard .carousel-feature .carousel-caption p {
    margin: 0;
    font-size: 0.9em;
    padding: 0;
  }
  .cutsthemustard .carousel-feature .carousel-caption p:first-child {
    font-weight: 700;
    font-size: 1.1em;
  }
  .cutsthemustard .tracker-summation-container {
    position: absolute;
    color: white;
    right: 48px;
    top: 230px;
    padding: 3px;
    margin: 3px;
    background-color: #000;
  }
  .cutsthemustard .tracker-individual-container {
    position: absolute;
    color: white;
    right: 48px;
    top: 210px;
    padding: 0;
    margin: 0;
  }
  .cutsthemustard .tracker-individual-container li {
    list-style: none;
  }
  .cutsthemustard .tracker-individual-container .tracker-individual-blip {
    margin: 0 3px;
    padding: 0 3px;
    color: white;
    text-align: center;
    background-color: #DDD;
  }
  .cutsthemustard .tracker-individual-container .tracker-individual-blip-selected {
    color: white;
    font-weight: bold;
    background-color: #000;
  }
  .cutsthemustard #carousel-left {
    position: absolute;
    top: 35%;
    left: 7%;
    cursor: pointer;
    display: block;
  }
  .cutsthemustard #carousel-right {
    position: absolute;
    top: 35%;
    right: 7%;
    cursor: pointer;
    display: block;
  }

  /************************
   * NETWORK LANDING PAGE *
   ***********************/
  #networksites {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  #networksites li {
    list-style-type: none;
    padding: 0;
    margin: 1%;
    width: 23%;
    float: left;
  }

  #networksites li:before {
    content: " ";
    padding: 0;
    margin: 0;
  }

  #networksites li a {
    background: #f1f2f3;
    height: 210px;
    display: block;
    width: 100%;
    text-decoration: none;
    padding: 0px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  #networksites li a:hover, #networksites li a:focus {
    background: grey !important;
  }

  #networksites li a span {
    padding: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  #networksites li a span.nm {
    font-size: 1.3em;
    position: absolute;
    top: 60px;
    background: white;
  }

  #networksites li a span.des {
    display: block;
    clear: both;
    font-size: 0.9em;
    position: absolute;
    top: 210px;
    color: #fffffd !important;
  }

  #networksites li a span.details {
    display: block;
    clear: both;
    font-size: 0.7em;
    position: absolute;
    bottom: 210px;
    color: #fffffd !important;
  }

  #networksites li a:hover span.nm {
    top: 210px;
  }

  #networksites li a:hover span.des {
    top: 10px;
  }

  #networksites li a:hover span.details {
    bottom: 10px;
  }
}
/*
DESKTOP
*/
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name: Thunderball 
  Author: Matt Northam 

  Stylesheet: Desktop Stylsheet

  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop. 

  ******************************************************************/
}
/*
LARGE VIEWING SIZE
*/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: Thunderball 
  Author: Matt Northam 

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here if you like. This kicks in
  on larger screens.

  ******************************************************************/
}
/*
RETINA (2x RESOLUTION DEVICES)
*/
@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) {
  /******************************************************************
  Site Name: Thunderball 
  Author: Matt Northam 

  Stylesheet: Retina Screens & Devices Stylesheet

  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.

  ******************************************************************/
  /* 

  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:

  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }

  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:

  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }

  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 

  */
}
/*
iPHONE 5 MEDIA QUERY
*/
/*
PRINT STYLESHEET
*/
@media print {
  /******************************************************************
  Site Name: Thunderball
  Author: Matt Northam

  Stylesheet: Print Stylesheet

  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
    border: 0;
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  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;
  }

  .sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
#social-links,
#inner-footer,
nav {
    display: none;
  }

  footer {
    border: 0;
  }
}