/******************************************************************
Site Name: ausum 2.0
Author: Matt Northam & Matt Oliver
******************************************************************/
/*! 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|PT+Sans:400,700");
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: ausum
Author: Matt Northam & Matt Oliver

Stylesheet: Mixins & Constants Stylesheet

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix, .findoutmore, .owl-controls, #owl-block, .feature-block, ul.authors, .entry-content ul.authors {
  zoom: 1; }
  .clearfix:before, .findoutmore:before, .owl-controls:before, #owl-block:before, .feature-block:before, ul.authors:before, .entry-content ul.authors:before, .clearfix:after, .findoutmore:after, .owl-controls:after, #owl-block:after, .feature-block:after, ul.authors:after, .entry-content ul.authors:after {
    content: "";
    display: table; }
  .clearfix:after, .findoutmore:after, .owl-controls:after, #owl-block:after, .feature-block:after, ul.authors:after, .entry-content ul.authors:after {
    clear: both; }

.clear {
  clear: both;
  display: block; }

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

.image-replacement, #search-2 #searchsubmit {
  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
*********************/
/*
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, .sidebar form p input[type="submit"], .home #intro form p input[type="submit"], #search-2 #searchsubmit, .button:visited, .more-link {
  padding: 10px;
  background-color: #d81476;
  color: #fffffd;
  border: 0;
  border-bottom: 2px solid #ffc759;
  font-weight: bold; }
  .button:hover, .sidebar form p input[type="submit"]:hover, .home #intro form p input[type="submit"]:hover, #search-2 #searchsubmit:hover, .button:focus, .sidebar form p input[type="submit"]:focus, .home #intro form p input[type="submit"]:focus, #search-2 #searchsubmit:focus, .button:visited:hover, .button:visited:focus, .more-link:hover, .more-link:focus {
    background-color: #f3d24e;
    border-color: #d81476;
    color: #565656; }

/*********************
BREAKPOINTS
*********************/
/*
BASE (MOBILE) SIZE
*/
/******************************************************************
Site Name: ausum 2.0
Author: Matt Northam & Matt Oliver

Stylesheet: Base Mobile Stylesheet

******************************************************************/
/*********************
GENERAL STYLES
*********************/
html {
  margin-top: 0 !important; }

body {
  font-family: "PT Sans", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #565656;
  background: #fffffd;
  margin: 0;
  padding: 0; }
  @media (max-width: 768px) {
    body {
      background: #fffffd !important; } }
  body.padTop {
    padding-top: 0px !important; }

a:hover, a:focus, button:hover, button:focus, input:hover, input:focus {
  color: #d81476;
  outline: 2px solid #d81476;
  outline-offset: 2px; }

a.btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px 12px;
  background: #333;
  color: #fff;
  text-decoration: none;
  font-weight: bold; }
  @media (max-width: 767px) {
    a.btn {
      right: 12px; } }
  a.btn:hover, a.btn:focus {
    color: #fffffd;
    background: #d81476; }

.centered {
  text-align: center; }

.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  clear: both; }
  @media (max-width: 1200px) {
    .container {
      padding: 0 12px; } }
  .container.shadow {
    -webkit-box-shadow: 0px 0px 76px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 76px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 76px rgba(0, 0, 0, 0.35); }

@media (max-width: 767px) {
  #content .container {
    padding: 0; } }

.hero {
  position: relative;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  width: 100%;
  height: 400px;
  height: 25rem;
  /*
	&:before {
		position:absolute;
		top:0; left:0; right:0; bottom:0;
		@include css-gradient(transparent,black);
		height:100%; width:100%;
		z-index:1; opacity:0.5;
	}
	*/ }
  .hero .container {
    z-index: 2;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .hero .container h1, .hero .container h2, .hero .container h3, .hero .container h4, .hero .container h5, .hero .container p, .hero .container div, .hero .container a {
      color: #fff;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); }
      .hero .container h1.title, .hero .container h2.title, .hero .container h3.title, .hero .container h4.title, .hero .container h5.title, .hero .container p.title, .hero .container div.title, .hero .container a.title {
        font-size: 2.5em;
        line-height: 1.2; }
    .hero .container p {
      font-size: 1.3em;
      line-height: 1.5; }
    .hero .container .textwidget {
      max-width: 50rem;
      max-width: 800px; }

.archive .post.type-post img, .search-results .post.type-post img {
  border: 0;
  float: left;
  width: 100%;
  height: auto;
  padding-right: 24px; }
  @media (max-width: 767px) {
    .archive .post.type-post img, .search-results .post.type-post img {
      margin: 0 0 0 0px;
      padding: 24px 0;
      padding-top: 0;
      width: auto; } }
@media (max-width: 767px) {
  header.article-header {
    clear: both; } }

.wp-caption {
  position: relative; }
  .wp-caption p.wp-caption-text {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 6px; }
  .wp-caption img {
    padding-right: 0 !important; }

ul.authors, .entry-content ul.authors {
  display: block;
  clear: both;
  position: relative; }
  ul.authors li, .entry-content ul.authors li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    max-width: 144px;
    max-width: 9rem;
    margin: 0;
    margin-right: 24px;
    margin-bottom: 24px;
    min-height: 125px;
    min-height: 7.8rem; }
    ul.authors li:before, .entry-content ul.authors li:before {
      display: none; }
    @media (max-width: 767px) {
      ul.authors li, .entry-content ul.authors li {
        max-width: none;
        width: 31.333%;
        margin: 1%; } }
    ul.authors li span, .entry-content ul.authors li span {
      text-align: center;
      display: block;
      padding: 0 0.2em; }
    ul.authors li a, .entry-content ul.authors li a {
      display: block;
      margin: 0;
      padding: 0;
      text-decoration: none;
      border: 0;
      background-image: none; }
      ul.authors li a:hover, ul.authors li a:focus {
        color: white !important;
        background: #d81476; }
        ul.authors li a:hover img, ul.authors li a:focus img {
          opacity: 0.8; }
    ul.authors li img, .entry-content ul.authors li img {
      display: block;
      max-width: 100%;
      height: auto; }

div.authors > div, .entry-content div.authors > div {
  width: 25%;
  float: left;
  padding: 12px;
  min-height: 325px;
  min-height: 20.3rem; }
  @media (max-width: 1200px) {
    div.authors > div, .entry-content div.authors > div {
      width: 33.333; } }
  @media (min-width: 768px) and (max-width: 960px) {
    div.authors > div, .entry-content div.authors > div {
      width: 50%; } }
  @media (max-width: 600px) {
    div.authors > div, .entry-content div.authors > div {
      width: 50%; } }
  @media (max-width: 420px) {
    div.authors > div, .entry-content div.authors > div {
      width: 100%; } }
  div.authors > div img, .entry-content div.authors > div img {
    margin: 0;
    width: 100%;
    height: auto; }
  div.authors > div p, .entry-content div.authors > div p, div.authors > div h4, .entry-content div.authors > div h4 {
    margin: 0;
    display: block;
    float: left; }
    div.authors > div p.link a, div.authors > div h4.link a {
      font-weight: bold;
      color: #d81476;
      background: none;
      padding: 0;
      display: block;
      margin-top: 6px; }
      div.authors > div p.link a:hover, div.authors > div p.link a:focus, div.authors > div h4.link a:hover, div.authors > div h4.link a:focus {
        text-decoration: underline; }

.section {
  position: relative;
  float: left;
  width: 100%;
  padding: 36px 0; }
  .section:nth-child(even) {
    background-color: #f2f2f2; }
  .section:nth-child(odd) {
    background-color: #fffffd; }
  .section h1:first-child, .section h2:first-child, .section h3:first-child, .section h4:first-child, .section h5:first-child {
    margin-top: 0; }
  .section.title {
    background-color: #d81476; }
    .section.title h1.archive-title {
      color: #fffffd;
      margin-bottom: 0;
      padding: 0;
      border: 0; }

body.page article.page {
  padding: 24px; }
  body.page article.page h1:first-child, body.page article.page h2:first-child {
    margin-top: 0; }

input#submit {
  border: 0;
  padding: 24px; }

.cta {
  background-color: #d81476;
  text-align: center;
  float: left;
  width: 100%;
  padding: 24px 0;
  margin-bottom: 24px; }
  .cta h4 {
    margin: 0;
    font-size: 27px;
    font-size: 1.7rem; }
  .cta p {
    margin-bottom: 0; }
  .cta a {
    color: white !important; }
  .cta:hover, .cta:focus, .cta:focus-within {
    opacity: 0.9;
    background: #670336; }

#ourvloggers {
  background-color: #f2f2f2;
  padding-bottom: 0; }
  @media (max-width: 1200px) {
    #ourvloggers {
      padding: 0 35px; } }
  @media (max-width: 767px) {
    #ourvloggers {
      padding-top: 24px; } }
.ausum_page_navi {
  margin: 0;
  padding: 12px 24px; }

.post .byline {
  margin: 24px; }

.feature-block .feature-piece {
  height: 260px;
  height: 16.25rem;
  width: 33.333%;
  overflow: hidden;
  float: left; }
  .feature-block .feature-piece:first-of-type {
    height: 520px;
    height: 32.5rem;
    width: 66.666%; }
    @media (max-width: 767px) {
      .feature-block .feature-piece:first-of-type {
        height: 260px;
        height: 16.25rem;
        width: 100%; } }
  @media (max-width: 767px) {
    .feature-block .feature-piece {
      height: 260px;
      height: 16.25rem;
      width: 100%; } }
  .feature-block .feature-piece .bg {
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    transform: scale(1);
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover; }
  .feature-block .feature-piece .title {
    position: absolute;
    z-index: 2;
    display: block;
    left: 0;
    bottom: 0;
    right: 0;
    top: auto;
    width: auto;
    background: rgba(0, 0, 0, 0.8); }
    .feature-block .feature-piece .title .byline {
      color: #f2f2f2; }
    .feature-block .feature-piece .title a {
      font-weight: bold; }
  .feature-block .feature-piece:hover .bg, .feature-block .feature-piece:focus-within .bg {
    transform: scale(1.1);
    opacity: 0.6;
    cursor: pointer; }
  .feature-block .feature-piece:hover .title, .feature-block .feature-piece:focus-within .title {
    background: #d81476; }
  .feature-block .feature-piece:hover .byline, .feature-block .feature-piece:focus-within .byline {
    color: #fffffd; }

.feature-block {
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-top: -12px; }
  .feature-block .feature-piece {
    border: solid #fffffd 12px !important; }
    .feature-block .feature-piece.hidden {
      border-width: 0 !important; }

.feature-block .feature-piece {
  position: relative;
  float: left; }
  .feature-block .feature-piece .title {
    width: 100%;
    padding: 12px;
    float: right; }
    .feature-block .feature-piece .title a {
      font-family: "PT Sans", Helvetica, Arial, sans-serif;
      color: #fffffd;
      font-size: 1.2em;
      text-decoration: none;
      line-height: 1; }
    .feature-block .feature-piece .title .byline {
      display: block;
      clear: both;
      font-size: 0.8em; }
  .feature-block .feature-piece.hidden {
    visibility: hidden;
    opacity: 0;
    height: 0; }

#more-featured, .more-authors {
  text-align: center;
  margin: 0; }
  #more-featured a, .more-authors a {
    display: block;
    background-color: #d81476;
    padding: 12px;
    text-decoration: none;
    color: #fffffd; }
    #more-featured a:visited, .more-authors a:visited, #more-featured a:hover, .more-authors a:hover, #more-featured a:focus, .more-authors a:focus, #more-featured a:active, .more-authors a:active {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      position: relative;
      transition: 0.33s all ease;
      text-decoration: none; }
  #more-featured a, .more-authors a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    transition: 0.33s all ease;
    text-decoration: none; }
    #more-featured a:hover, .more-authors a:hover, #more-featured a:focus, .more-authors a:focus, #more-featured a:focus-within, .more-authors a:focus-within {
      color: #fffffd;
      background-color: #898989;
      padding: 1em; }
      #more-featured a:hover:after, .more-authors a:hover:after, #more-featured a:focus:after, .more-authors a:focus:after, #more-featured a:focus-within:after, .more-authors a:focus-within:after {
        width: 100%; }
    #more-featured a:after, .more-authors a:after {
      content: "";
      transition: 0.33s all ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      position: absolute;
      bottom: -0.25em;
      height: 5px;
      height: 0.35rem;
      width: 0;
      background: #d81476;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }

#search-section {
  position: relative;
  z-index: 998;
  background-color: #d5d0cd;
  padding: 18px 0; }
  #search-section input {
    width: 100%;
    padding: 12px 18px;
    padding-right: 85px;
    padding-right: 5.3rem;
    border: 0;
    display: block;
    font-size: 18px;
    font-size: 1.124rem;
    border-radius: 2px; }
    #search-section input#searchsubmit {
      position: absolute;
      right: 0;
      top: 0;
      width: auto;
      padding: 12px 18px;
      background: #565656;
      color: #fffffd; }
      #search-section input#searchsubmit:focus, #search-section input#searchsubmit:hover {
        background: #d81476; }
    #search-section input#s::placeholder, #search-section input#s::-webkit-input-placeholder, #search-section input#s::-moz-placeholder, #search-section input#s:-ms-input-placeholder, #search-section input#s:-moz-placeholder {
      color: #ddd; }
    #search-section input#s:hover, #search-section input#s:focus {
      background: white; }
  #search-section input#s[type=text]::placeholder, #search-section input#s[type=text]::-webkit-input-placeholder, #search-section input#s[type=text]::-moz-placeholder, #search-section input#s[type=text]:-ms-input-placeholder, #search-section input#s[type=text]:-moz-placeholder {
    color: #ddd; }
  #search-section input#s[type=text]:hover::placeholder, #search-section input#s[type=text]:hover::-webkit-input-placeholder, #search-section input#s[type=text]:hover::-moz-placeholder, #search-section input#s[type=text]:hover:-ms-input-placeholder, #search-section input#s[type=text]:hover:-moz-placeholder, #search-section input#s[type=text]:focus::placeholder, #search-section input#s[type=text]:focus::-webkit-input-placeholder, #search-section input#s[type=text]:focus::-moz-placeholder, #search-section input#s[type=text]:focus:-ms-input-placeholder, #search-section input#s[type=text]:focus:-moz-placeholder {
    color: #565656; }

.archive article.post, .archive article.page, .search-results article.post, .search-results article.page {
  padding: 24px 0;
  padding-bottom: 0;
  border: 0; }
  @media (max-width: 767px) {
    .archive article.post, .archive article.page, .search-results article.post, .search-results article.page {
      padding: 24px; } }
  .archive article.post:nth-child(odd), .archive article.page:nth-child(odd), .search-results article.post:nth-child(odd), .search-results article.page:nth-child(odd) {
    background: #f2f2f2; }
    .archive article.post:nth-child(odd) .byline, .archive article.page:nth-child(odd) .byline, .search-results article.post:nth-child(odd) .byline, .search-results article.page:nth-child(odd) .byline {
      color: #6e6e6e; }
  .archive article.post .article-header h2, .archive article.page .article-header h2, .search-results article.post .article-header h2, .search-results article.page .article-header h2 {
    font-size: 1.6em; }
    .archive article.post .article-header h2 a, .archive article.page .article-header h2 a, .search-results article.post .article-header h2 a, .search-results article.page .article-header h2 a {
      color: #565656; }
      .archive article.post .article-header h2 a:hover, .archive article.post .article-header h2 a:focus, .archive article.page .article-header h2 a:hover, .archive article.page .article-header h2 a:focus, .search-results article.post .article-header h2 a:hover, .search-results article.post .article-header h2 a:focus, .search-results article.page .article-header h2 a:hover, .search-results article.page .article-header h2 a:focus {
        color: #d81476; }
  .archive article.post .article-header .byline, .archive article.page .article-header .byline, .search-results article.post .article-header .byline, .search-results article.page .article-header .byline {
    padding: 12px 0;
    margin: 0;
    padding-bottom: 0; }

.archive article.page, .search-results article.page {
  padding-bottom: 24px; }

.sidebar .widgettitle {
  padding-bottom: 6px; }
  .sidebar .widgettitle a.rsswidget {
    color: #565656; }
    .sidebar .widgettitle a.rsswidget:hover, .sidebar .widgettitle a.rsswidget:focus {
      color: #d81476; }

.sidebar ul li a.rsswidget {
  color: #565656;
  text-decoration: none; }
  .sidebar ul li a.rsswidget:hover, .sidebar ul li a.rsswidget:focus {
    color: #d81476; }

.single #main h3.h3 {
  clear: both;
  padding-left: 24px;
  margin-bottom: 0; }

article footer.article-footer {
  padding: 0 24px; }

#content .post .inner-hero, #content .page .inner-hero {
  position: relative; }
  #content .post .inner-hero img, #content .page .inner-hero img {
    display: block;
    width: 100%;
    height: auto; }
  #content .post .inner-hero .who, #content .page .inner-hero .who {
    font-size: 0.9em;
    margin-top: 24px;
    padding: 24px;
    background-color: black;
    font-weight: bold;
    color: #ddd; }
    @media (max-width: 767px) {
      #content .post .inner-hero .who, #content .page .inner-hero .who {
        position: relative;
        clear: both;
        float: left;
        z-index: 9999;
        margin-bottom: 24px;
        background-color: #333; } }
    #content .post .inner-hero .who p, #content .page .inner-hero .who p {
      font-size: 12px;
      font-size: 0.75rem; }
      #content .post .inner-hero .who p.course-info, #content .page .inner-hero .who p.course-info {
        padding: 0; }
      #content .post .inner-hero .who p a, #content .page .inner-hero .who p a {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: bold;
        padding-bottom: 6px;
        margin-bottom: 6px;
        display: block; }
    #content .post .inner-hero .who a, #content .page .inner-hero .who a {
      color: #fff !important; }
    #content .post .inner-hero .who img, #content .page .inner-hero .who img {
      padding-bottom: 12px; }

.single-post .entry-content p, .single-post .entry-content div, .single-post .entry-content ul {
  font-size: 1.1em; }

.entry-content p, .entry-content div, .entry-content div.authors, .entry-content ul {
  font-size: 1em; }

.entry-content #findOutMoreLink {
  cursor: pointer; }
  .entry-content #findOutMoreLink:focus-within {
    background-color: #d81476;
    color: #fffffd; }

.entry-content .find-out-more {
  font-size: 0.9em;
  min-width: 320px;
  min-width: 20rem;
  position: relative;
  padding: 0;
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 12px; }
  .entry-content .find-out-more:hover h4, .entry-content .find-out-more:focus h4 {
    background: #d81476; }
  .entry-content .find-out-more h4 {
    color: #fffffd;
    background: #565656;
    position: relative;
    padding: 12px;
    padding-left: 18px;
    margin: 0;
    padding-right: 40px;
    padding-right: 2.5rem;
    /*&:focus {
				outline: 1px dotted $pink;
				outline-offset: 2px;
			}*/ }
    .entry-content .find-out-more h4:after {
      content: '\f107';
      font-size: 32px;
      font-size: 2rem;
      position: absolute;
      right: 18px;
      top: 4px;
      font-family: "FontAwesome"; }
  .entry-content .find-out-more.open h4 {
    background: #d81476; }
    .entry-content .find-out-more.open h4:after {
      content: '\f107'; }
  .entry-content .find-out-more.open .text-contain a:hover, .entry-content .find-out-more.open .text-contain a:focus {
    opacity: 0.9; }
  .entry-content .find-out-more .text-contain a {
    color: #d81476 !important;
    font-weight: bold;
    background: #fffffd;
    padding: 12px;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0; }
  .entry-content .find-out-more .text-contain p {
    margin: 0;
    padding: 0; }
  .entry-content .find-out-more img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 0; }
  .entry-content .find-out-more.closed .thumbnail-img, .entry-content .find-out-more.closed .text-contain {
    display: none; }

.single .who {
  float: left;
  margin-right: 24px; }

.single .entry-content {
  padding: 0 24px; }

#more-featured, .more-authors {
  width: 100%;
  padding-top: 12px; }

.owl-wrapper-outer {
  width: calc(100% + 24px); }
  .owl-wrapper-outer .owl-item {
    border-right: solid #f2f2f2 1px; }

.respond-form form textarea {
  width: 100% !important;
  min-height: 150px !important;
  min-height: 9.4rem !important;
  height: auto !important; }

/*
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 a, #backtotop {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px; }

#skiptocontent a:focus {
  height: auto;
  width: auto;
  position: relative;
  top: 0px;
  padding: 1em; }

/********************
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, #nav, .footer {
  width: 100%;
  margin: 0 auto; }

#nav, .footer {
  width: 100%; }

/*********************
LINK STYLES
*********************/
a {
  color: #d81476;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:focus {
    color: #a9105d; }
  a: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: "PT Sans", Helvetica, Arial, sans-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; }
  @media (max-width: 768px) {
    h1, .h1 {
      font-size: 2em; } }
h2, .h2 {
  font-size: 1.95em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }
  @media (max-width: 768px) {
    h2, .h2 {
      font-size: 1.5em; } }
h3, .h3 {
  font-size: 1.525em; }
  @media (max-width: 768px) {
    h3, .h3 {
      font-size: 1.2em; } }
h4, .h4 {
  font-size: 1.3em;
  font-weight: 700; }
  @media (max-width: 768px) {
    h4, .h4 {
      font-size: 1.15em; } }
h5, .h5 {
  font-size: 1.146em;
  line-height: 2.09em;
  letter-spacing: 2px; }

/*********************
HEADER STYLES
*********************/
.header {
  z-index: 999; }

#branding {
  clear: both;
  padding: 0;
  position: relative; }

#inner-header {
  background: #fffffd;
  position: relative; }

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

/*
	#logo {width: auto; padding:20px 0; margin: 0; float: left; height: 70px;}
*/
#logo {
  margin: 0;
  float: left; }
  #logo a {
    background: url(../images/bu-logo-hd.png) no-repeat;
    display: block;
    height: 60px;
    width: 280px;
    margin: 24px 0;
    background-size: cover; }
    @media (max-width: 1200px) and (min-width: 960px) {
      #logo a {
        width: 80px;
        height: 80px;
        background-image: url(../images/bu-logo-portrait.png);
        margin: 18px 0px; } }
    @media (max-width: 600px) {
      #logo a {
        width: 80px;
        height: 80px;
        background-image: url(../images/bu-logo-portrait.png);
        margin: 18px 0px; } }
#sitename {
  font-size: 1.5em;
  text-align: left;
  line-height: 1em;
  margin: 0;
  padding: 0;
  padding-top: 24px; }
  #sitename a {
    color: #111111; }
  @media (max-width: 960px) {
    #sitename {
      float: right;
      position: absolute;
      bottom: 24px;
      right: 0;
      padding: 0; } }
body.padTop #inner-header {
  padding: 0 !important; }

p.desc {
  text-align: left;
  margin: 0;
  padding: 12px 0 0 0; }

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

.header, #inner-header {
  position: relative; }

body.padTop {
  padding-top: 40px;
  padding-top: 2.5rem; }
  body.padTop #inner-header {
    padding-bottom: 1em; }

body.padTop #nav {
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  background-color: #fffffd;
  z-index: 8;
  border-bottom: 1px solid #f2f2f2; }

.nav {
  display: none;
  z-index: 8;
  text-align: center;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */ }
  .nav ul {
    padding: 0;
    margin: 0; }
  .nav .parent li {
    border: 0; }
  .nav li {
    text-align: left;
    display: inline-block;
    padding: 0;
    width: 40%;
    margin: 0.2em; }
    .nav li.parent:focus-within > a:first-child {
      background: #f2f2f2; }
    .nav li a {
      display: block;
      text-decoration: none;
      padding: 6px 24px;
      color: #565656;
      font-weight: bold; }
      .nav li a:hover, .nav li a:focus {
        color: #ec3390; }
    .nav li ul.sub-menu,
    .nav li ul.children {
      display: none; }
  .nav.offcanvas {
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    margin: 0;
    padding-top: 0em;
    z-index: 9;
    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 #d81476;
    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: #565656;
      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: 50px;
        padding-left: 3.2rem; }
      .nav.offcanvas li a {
        background: none;
        padding: 10px 30px;
        color: #565656;
        display: inline-block; }
        .nav.offcanvas li a:link, .nav.offcanvas li a:visited {
          color: #d81476; }
        .nav.offcanvas li a:hover, .nav.offcanvas li a:focus {
          color: #fffffd;
          background: #ee4a9c; }
  .nav.collapsed {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: 0.3s ease-in-out; }
  .nav.displayed {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    transition: 0.3s ease-in-out; }

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

body.locked {
  overflow: hidden; }

/*********************
HOME PAGE STYLES
*********************/
.home #intro .last {
  background: #72b061;
  color: #fffffd;
  padding: 0 24px 12px 24px; }

.author #intro {
  background: #d81476;
  color: #fffffd;
  padding: 18px; }
  .author #intro .first {
    position: relative; }
  .author #intro span.type {
    text-transform: capitalize; }
  .author #intro .site a:link, .author #intro .site a:visited {
    color: #fffffd; }
  .author #intro .site a:hover, .author #intro .site a:active {
    color: #a9105d; }
  .author #intro .site:before {
    padding-right: 15px;
    content: '\f08e';
    font-family: "FontAwesome"; }
  @media (max-width: 768px) {
    .author #intro .profile {
      width: 120px;
      width: 7.5rem;
      margin: 0 0 1em 1em;
      float: right; } }
.author .viewmore {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 1em;
  padding-top: 1em; }

ul.catlist li {
  display: inline-block;
  margin: 2px;
  float: left; }

ul.catlist a {
  display: block;
  background: #f2f2f2;
  padding: 4px 12px;
  text-decoration: none; }

ul.catlist a:hover {
  background-color: #d81476;
  color: #fffffd; }

.sidebar ul.authors li {
  width: 23%;
  margin: 1%; }

.no-js #owl-block .owl-piece {
  width: 23%;
  margin: 1%; }

#owl-block .owl-piece {
  width: 100%;
  background-color: #f2f2f2; }
  #owl-block .owl-piece:nth-child(2n+1) {
    clear: none; }
  #owl-block .owl-piece:nth-child(4n+1) {
    clear: left; }
  #owl-block .owl-piece .bg {
    display: block;
    height: 220px;
    height: 13.75rem;
    clear: both;
    background-position: center center;
    background-size: cover; }
  #owl-block .owl-piece .title {
    width: 100%;
    padding: 12px; }
    #owl-block .owl-piece .title a {
      font-family: "PT Sans", Helvetica, Arial, sans-serif;
      font-size: 1.2em;
      line-height: 1.2;
      text-decoration: none;
      font-weight: bold;
      color: #565656; }
    #owl-block .owl-piece .title .byline {
      display: block;
      clear: both;
      font-size: 0.8em;
      color: #565656; }
  #owl-block .owl-piece:hover, #owl-block .owl-piece:focus, #owl-block .owl-piece:focus-within {
    background-color: #d81476; }
    #owl-block .owl-piece:hover a, #owl-block .owl-piece:hover .byline, #owl-block .owl-piece:focus a, #owl-block .owl-piece:focus .byline, #owl-block .owl-piece:focus-within a, #owl-block .owl-piece:focus-within .byline {
      color: #fffffd; }
    #owl-block .owl-piece:hover .bg, #owl-block .owl-piece:focus .bg, #owl-block .owl-piece:focus-within .bg {
      background-image: url(../images/static.gif) !important;
      background-size: 100% 100%; }

/*
div.authors {
	@extend .clearfix; padding-top: 1em;
	div {
		@include breakpoint(tablet,min) {width: 48%;}
		@include breakpoint(tablet,max) {width: 98%;}

		&:nth-child(2n+1) {clear: left;}
		margin: 1%; float: left; border-top: 1px solid $lightgrey;

		img {width: 120px; float: left; margin: 0 $base-unit-size/2 $base-unit-size/2 0;}
		h4 {margin: 0;}
		.byline {color: $black; font-size: 0.9em; clear: none;}
		.link {padding: 0; margin: 0; text-align:right;font-size: 0.9em; &:before {padding-right: 5px; content: '\f054'; font-size: 0.8em; color: $grey; font-family: "FontAwesome"; }}
	}
}
*/
img.profile-list-thumb {
  width: 60px;
  width: 3.75rem;
  height: auto; }

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

#inner-content {
  background: #fffffd;
  clear: both; }

/* end .hentry */
.archive-title {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 1em;
  line-height: 1em; }
  .archive-title span {
    font-size: 0.4em;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    padding: 2px 10px;
    margin-right: 1.2em; }
    @media (min-width: 768px) {
      .archive-title span {
        display: inline-block;
        float: left;
        background-color: #d81476;
        color: #fffffd;
        -ms-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg); } }
  @media (max-width: 768px) {
    .archive-title {
      font-size: 1.3em; }
      .archive-title span {
        font-size: 1em;
        margin-right: 0; } }
.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) */
.recent-posts-block {
  position: relative; }
  .recent-posts-block .tabs {
    display: block;
    clear: both;
    margin-bottom: 1em; }
    .recent-posts-block .tabs .trigger {
      display: inline-block;
      padding: 5px 15px;
      background-color: #f2f2f2;
      cursor: pointer; }
      .recent-posts-block .tabs .trigger:hover, .recent-posts-block .tabs .trigger:focus {
        background-color: #ccc; }
    .recent-posts-block .tabs .showing {
      background-color: #d81476;
      color: #fffffd; }
      .recent-posts-block .tabs .showing:hover, .recent-posts-block .tabs .showing:focus {
        background-color: #d81476; }
  .recent-posts-block .sets {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .recent-posts-block .posts-block {
    -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;
    background-color: #fffffd;
    position: absolute;
    top: 0;
    width: 100%;
    left: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    .recent-posts-block .posts-block.showing {
      left: 0; }

.recent-posts, .related {
  padding: 0 !important;
  margin: 0 !important; }
  .recent-posts img, .related img {
    width: 70px;
    width: 4.4rem;
    height: 70px;
    height: 4.4rem;
    float: left;
    display: block;
    margin-right: 10px !important;
    margin-bottom: 1em;
    padding: 4px;
    border: 1px solid #f2f2f2; }
  .recent-posts li, .related li {
    padding: 5px;
    display: grid;
    grid-column-gap: 0.4em;
    grid-template-columns: 0.15fr 0.85fr;
    grid-template-rows: max-content max-content;
    grid-template-areas: "img title" "img byline"; }
    .recent-posts li:focus-within, .related li:focus-within {
      outline: 2px solid #d81476;
      outline-offset: -2px; }
    .recent-posts li img, .related li img {
      grid-area: img; }
    .recent-posts li a, .related li a {
      grid-area: title; }
    .recent-posts li span.byline, .related li span.byline {
      grid-area: byline; }
  .recent-posts a, .related a {
    display: block;
    clear: both;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none; }
    .recent-posts a:focus, .recent-posts a:hover, .related a:focus, .related a:hover {
      outline: none; }
  .recent-posts .title, .related .title {
    font-family: "PT Sans", Helvetica, Arial, sans-serif; }
  .recent-posts span, .related span {
    clear: left;
    display: inline-block; }
  .recent-posts li:hover img, .recent-posts li:active img, .related li:hover img, .related li:active img {
    border-color: #d81476;
    padding: 0; }
  .recent-posts li:hover .byline, .recent-posts li:active .byline, .related li:hover .byline, .related li:active .byline {
    color: #565656; }

.archive .post, .search-results .post {
  padding-top: 2em; }

.byline.updated:before, .byline .updated:before {
  padding-right: 5px;
  content: '\f073';
  font-family: "FontAwesome"; }

.byline .author {
  padding-left: 20px; }
  .byline .author:before {
    padding-right: 5px;
    content: '\f007';
    font-family: "FontAwesome"; }

.byline .cats {
  padding-left: 20px;
  display: inline; }
  .byline .cats:before {
    padding-right: 5px;
    content: '\f07b';
    font-family: "FontAwesome"; }

@media (max-width: 768px) {
  .byline .cats {
    clear: both;
    display: block;
    padding-left: 0; } }

.byline, .article-footer {
  font-size: 0.8em;
  line-height: 1.5em;
  font-family: "PT Sans", Helvetica, Arial, sans-serif;
  padding: 0;
  padding-bottom: 0px;
  color: #737373;
  clear: both; }
  #intro .byline, #intro .article-footer {
    color: #fffffd;
    font-size: 1.2em;
    font-weight: 100;
    margin: 0; }

.post, .page {
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 24px; }
  .post .article-header, .page .article-header {
    -ms-word-wrap: break-word;
    word-wrap: break-word; }
    .post .article-header h2, .page .article-header h2 {
      line-height: 1em;
      margin: 0; }
    .post .article-header .byline, .page .article-header .byline {
      margin: 1em 0 0 0; }
  .post .twocol a, .page .twocol a {
    text-decoration: none; }
  .post .who a, .page .who a {
    font-size: 1.1em; }
  .post .who img, .post .who p, .page .who img, .page .who p {
    margin: 0;
    padding: 0; }
  @media (max-width: 768px) {
    .post .who, .page .who {
      width: 100%;
      min-height: 100px;
      min-height: 6.25rem;
      clear: both;
      margin: 0;
      padding: 6px 0 6px 24px;
      border-top: 2px solid #f2f2f2; }
      .post .who img, .page .who img {
        max-width: 90px !important;
        float: right; }
      .post .who span, .page .who span {
        padding-top: 8px; }
      .post .who .course-info, .page .who .course-info {
        padding-top: 0 !important; } }
  .post .who span, .page .who span {
    display: block; }
  .post .who .course-info, .page .who .course-info {
    padding-top: 1em; }
  .post .thumb, .page .thumb {
    padding-top: 0em; }
  .post .attachment-square-thumb-300, .page .attachment-square-thumb-300 {
    width: 80px;
    width: 5rem;
    height: auto;
    float: right;
    margin: 0 0 12px 24px;
    padding: 6px;
    border: 1px solid #f2f2f2; }
  .post .article-footer, .page .article-footer {
    padding-top: 0;
    font-size: 1em;
    line-height: 1.8em;
    font-family: "PT Sans", Helvetica, Arial, sans-serif; }
    .post .article-footer .tags a, .page .article-footer .tags a {
      text-decoration: none;
      color: #d81476 !important; }
      .post .article-footer .tags a:hover, .post .article-footer .tags a:focus, .page .article-footer .tags a:hover, .page .article-footer .tags a:focus {
        text-decoration: underline;
        color: #000 !important; }
    .post .article-footer .tags-title:before, .page .article-footer .tags-title:before {
      padding-right: 6px;
      content: '\f02c';
      font-family: "FontAwesome"; }
  .post a.excerpt-read-more, .page a.excerpt-read-more {
    display: inline-block;
    clear: both;
    text-align: right; }
  .post:last-of-type, .page:last-of-type {
    border-bottom: 0; }

/* entry content */
.entry-content {
  /* 	-ms-word-break: keep-all;
     word-break: keep-all;
     word-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto; */ }
  .entry-content ul li, .entry-content ol li {
    padding: 0 0 12px 24px; }
  .entry-content ul li:before {
    padding-right: 6px;
    content: '\2022'; }
  .entry-content ol {
    padding-left: 24px; }
    .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: 12px;
    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 {
    display: block;
    max-width: 100%;
    height: auto; }
  .entry-content iframe {
    padding: 0;
    width: 100%; }
  .entry-content video, .entry-content object {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 12px; }

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 6px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 6px 0 8px;
    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: 6px;
    background: #fffffd; }

/* end .gallery */
/* gallery caption styles */
/*********************
VLOG ARCHIVE STYLES
*********************/
#vlog-archive {
  width: calc(100% + 24px);
  margin-left: -12px;
  padding: 12px 24px; }
  @media (min-width: 768px) and (max-width: 1200px) {
    #vlog-archive {
      padding-left: 12px; } }
.piece {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  padding: 12px; }
  .piece:hover, .piece:focus {
    opacity: 0.95; }
  @media (max-width: 600px) {
    .piece {
      width: 100%;
      margin: 0; } }
  @media (min-width: 600px) and (max-width: 1200px) {
    .piece {
      min-height: 315px;
      min-height: 19.7rem; } }
  .piece .bg {
    display: block;
    height: 200px;
    height: 12.5rem;
    width: 100%;
    clear: both;
    background-position: center center;
    background-size: cover; }
  .piece .title {
    width: 100%;
    padding: 6px 0; }
    .piece .title a {
      font-family: "PT Sans", Helvetica, Arial, sans-serif;
      font-size: 1.2em;
      text-decoration: none;
      font-weight: bold; }
    .piece .title .byline {
      display: block;
      clear: both;
      font-size: 0.8em; }
  .piece .excerpt {
    display: none;
    pointer-events: none; }

/*********************
OWL CAROUSEL STYLES
*********************/
#owl-block {
  margin-bottom: 1em; }
  #owl-block .owl-piece {
    width: 100%;
    background-color: #f2f2f2;
    float: left; }
    #owl-block .owl-piece:nth-child(2n+1) {
      clear: left; }
    #owl-block .owl-piece .bg {
      display: block;
      height: 180px;
      height: 11.25;
      width: 100%;
      clear: both;
      background-position: center center;
      background-size: cover; }
    #owl-block .owl-piece .title {
      width: 100%;
      padding: 12px; }
      #owl-block .owl-piece .title a {
        font-family: "PT Sans", Helvetica, Arial, sans-serif;
        font-size: 1.2em;
        text-decoration: none; }
      #owl-block .owl-piece .title .byline {
        display: block;
        clear: both;
        font-size: 0.8em; }

.owl-controls {
  position: absolute;
  pointer-events: none;
  bottom: 50%;
  width: 100%;
  z-index: 7; }
  .owl-controls .owl-prev, .owl-controls .owl-next {
    pointer-events: auto;
    color: #565656;
    font-size: 36px;
    font-size: 2.25rem; }
    .owl-controls .owl-prev:hover, .owl-controls .owl-prev:focus, .owl-controls .owl-next:hover, .owl-controls .owl-next:focus {
      opacity: 0.85; }
  .owl-controls .owl-prev {
    float: left;
    margin-left: -36px; }
  .owl-controls .owl-next {
    float: right;
    margin-right: -36px; }

/******************************************************************
SEARCH STYLES
******************************************************************/
#search-2 {
  padding: 12px;
  background: #d9d9d9;
  border-radius: 6px; }
  #search-2 label {
    display: none; }
  #search-2 #s {
    padding: 12px;
    width: 85%;
    height: 40px;
    height: 2.5rem;
    border: 1px solid #fffffd;
    border-radius: 6px 0 0 6px; }
    #search-2 #s:focus {
      border-color: #565656; }
    #search-2 #s:hover, #search-2 #s:focus {
      border-color: #d81476; }
  #search-2 .no-svg #s {
    background: #fffffd url(../images/magnifying_glass.png) no-repeat 5px center; }
  #search-2 #searchsubmit {
    border-radius: 0 6px 6px 0;
    border: 0;
    height: 40px;
    height: 2.5rem;
    float: right;
    font-size: 1.1em;
    width: 15%;
    color: #d81476;
    background: #d81476 url(../images/magnifying_glass.png) no-repeat center center;
    background-size: 14px 14px; }
    #search-2 #searchsubmit:hover, #search-2 #searchsubmit:focus {
      background-color: #f3d24e;
      color: #f3d24e; }

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

/*********************
SIDEBARS & ASIDES
*********************/
.meet-us {
  background-color: #f3d24e;
  -webkit-animation: pulse 8s infinite alternate; }
  .meet-us p {
    padding: 0 18px 18px 18px;
    margin: 0; }
  .meet-us span.open-day {
    font-size: 1.5em;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    display: block;
    color: #fffffd; }

.findoutmore {
  background-color: #f2f2f2;
  border-bottom: 1px solid #d81476;
  border-top: 2px solid #d81476; }
  .findoutmore a {
    display: inline-block;
    font-size: 0.9em;
    line-height: 1.1em; }
  .findoutmore p {
    margin: 0.3em; }
  .findoutmore p:first-child {
    font-size: 0.9em; }
  .findoutmore p:last-child {
    font-weight: bold;
    font-size: 1.2em;
    padding: 6px 0;
    margin-top: 0.2em; }
  @media (max-width: 768px) {
    .findoutmore {
      width: 100%;
      clear: both;
      margin: 0;
      border-width: 2px 0 1px 0; }
      .findoutmore img {
        float: right;
        width: 160px !important;
        width: 10rem !important; }
      .findoutmore p {
        display: block;
        float: left;
        max-width: 50%;
        margin: 0.5em; }
      .findoutmore p:last-child {
        font-size: 1.2em;
        line-height: 1em;
        clear: left; } }
/*Animation Prefs*/
@-webkit-keyframes pulse {
  0% {
    background-color: #f3d24e; }
  50% {
    background-color: #d81476; }
  100% {
    background-color: #ea6430; } }

.sidebar {
  padding: 0 0 2em 0; }
  @media (max-width: 767px) {
    .sidebar {
      padding: 12px; } }
form {
  position: relative; }

.widget {
  font-size: 0.9em; }
  .widget ul li {
    /* deep nesting */ }
  .widget.widget_rss .widgettitle a {
    text-shadow: none !important;
    background-image: none; }

.sidebar form p input, .home #intro form p input {
  border: 0; }

.sidebar form p input[type="submit"]:last-child, .home #intro form p input[type="submit"]:last-child {
  background: #f062a9;
  font-weight: normal; }

.sidebar form p input[type="text"], .home #intro form p input[type="text"] {
  padding: 12px 8px;
  background: #d9d9d9;
  width: 100%; }

.sidebar form p label, .home #intro form p label {
  font-size: 0.9em; }

.sidebar form p:last-child, .home #intro form p:last-child {
  text-align: right; }

.widget_archive label, .widget_categories label {
  display: none; }

.widget_archive select, .widget_categories select {
  background: #f2f2f2;
  width: 100%;
  padding: 12px;
  font-size: 1em;
  border: 1px solid #f2f2f2; }

/*********************
FOOTER STYLES
*********************/
.footer {
  background: #fffffd;
  border-top: 1px solid #ccc; }
  .footer #inner-footer {
    padding: 24px 0; }
    .footer #inner-footer #social-links {
      padding: 0 0 1em 0;
      margin: 0;
      font-size: 1em;
      width: auto; }
      .footer #inner-footer #social-links li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin-right: 24px;
        margin-bottom: 24px; }
      .footer #inner-footer #social-links a {
        color: #707070;
        background: #fffffd;
        height: 60px;
        height: 3.73rem;
        width: 60px;
        width: 3.75rem;
        text-align: center;
        border-radius: 30px;
        text-shadow: none;
        padding: 18px 0 0 0px;
        text-decoration: none; }
        .footer #inner-footer #social-links a:hover, .footer #inner-footer #social-links a:focus {
          color: #fff; }
        .footer #inner-footer #social-links a em {
          display: none; }

#all-categories {
  background-color: #565656;
  text-align: center;
  font-size: 1.1em;
  display: block;
  clear: both;
  color: #fffffd;
  padding: 0 24px 24px 24px; }
  #all-categories h5 {
    line-height: 1.5em;
    margin: 0 0 24px 0;
    padding: 0; }
    #all-categories h5 span {
      background-color: #f3d24e;
      padding: 6px; }
  #all-categories li {
    display: inline-block; }
  #all-categories a {
    padding: 6px 12px;
    display: block;
    margin: 5px;
    background-image: none;
    border-radius: 6px; }
  #all-categories a:link, #all-categories a:visited {
    background-color: #d81476;
    color: #fffffd; }
  #all-categories a:hover, #all-categories a:active {
    background-color: #f3d24e;
    color: #565656; }

@media (min-width: 768px) {
  #all-categories a {
    margin: 12px; } }

#footnote {
  font-size: 0.8em;
  text-align: center;
  display: block;
  clear: both;
  padding: 1em 0 2em 0;
  max-width: 900px;
  max-width: 56.25rem;
  margin: 0 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.
	*/
.footer-links ul {
  padding: 0;
  margin: 0; }

.footer-links li {
  padding: 0 24px 0 0;
  display: inline-block;
  position: relative;
  width: auto; }

/* end .footer-links */
/********************
 * PRETTY UNDERLINES *
 ********************/
.entry-content a, .byline a, .footer a, .excerpt-read-more a {
  color: #d81476;
  text-decoration: none;
  background-image: linear-gradient(rgba(216, 20, 118, 0.25) 0%, #d81476 100%);
  background-repeat: repeat-x;
  background-size: 1px 1px;
  background-position: 0 95%; }
  @media (-webkit-min-device-pixel-ratio: 1.75), (min-resolution: 168dpi) {
    .entry-content a, .byline a, .footer a, .excerpt-read-more a {
      background-image: linear-gradient(rgba(216, 20, 118, 0.25) 0%, #d81476 100%);
      background-position: 0 93%; } }
  .entry-content a:hover, .entry-content a:focus, .byline a:hover, .byline a:focus, .footer a:hover, .footer a:focus, .excerpt-read-more a:hover, .excerpt-read-more a:focus {
    color: #a50f5a; }
  .entry-content a::selection,
  .entry-content a > *::selection, .byline a::selection,
  .byline a > *::selection, .footer a::selection,
  .footer a > *::selection, .excerpt-read-more a::selection,
  .excerpt-read-more a > *::selection {
    background-color: #f379b6;
    color: #565656;
    text-shadow: none; }
  .entry-content a::-moz-selection,
  .entry-content a > *::-moz-selection, .byline a::-moz-selection,
  .byline a > *::-moz-selection, .footer a::-moz-selection,
  .footer a > *::-moz-selection, .excerpt-read-more a::-moz-selection,
  .excerpt-read-more a > *::-moz-selection {
    background-color: #f379b6;
    color: #565656;
    text-shadow: none; }

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

/************************
 * 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: 6px 12px;
  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; }

/* Email Subscribe2 messges */
.page-template-page-home-ugblog .s2 a, .page-template-page-home-pgblog .s2 a {
  color: #fff; }

form.s2 input[type="text"] {
  padding: 12px 8px;
  background: #d9d9d9;
  width: 50%;
  border: 0; }

form.s2 input[type="submit"] {
  padding: 12px;
  background-color: #f04b66;
  color: #fffffd;
  border: 0;
  border-bottom: 2px solid #ffc759; }

form.s2 input[type="submit"]:hover {
  background-color: #f3d24e;
  border-color: #f04b66;
  color: #565656; }

.s2_notice {
  padding: 1em;
  color: #fff; }

.s2_notice a {
  background-image: linear-gradient(rgba(238, 51, 82, 0.25) 0%, #ffffff 100%);
  color: #fff; }

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

.s2_confirm p:before {
  content: "\2713"; }

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

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

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

.s2_message {
  background-color: #ea6430; }

.marquee {
  width: 100%;
  height: 26px;
  height: 1.6rem;
  background-color: #333;
  overflow: hidden;
  position: relative; }

.marquee:hover {
  background-color: #555; }

.marquee > div, .entry-content .marquee > div.authors {
  display: block;
  width: 200%;
  height: 26px;
  height: 1.6rem;
  padding: 0px 0px;
  position: absolute;
  overflow: hidden;
  animation: marquee 20s linear infinite; }

@media (max-width: 768px) {
  .marquee > div, .entry-content .marquee > div.authors {
    animation: marquee 5s linear infinite; } }

.marquee > div span, .entry-content .marquee > div.authors span {
  float: left;
  width: 25%; }

@media (max-width: 768px) {
  .marquee > div span, .entry-content .marquee > div.authors span {
    width: 50%; } }

.marquee > div p, .entry-content .marquee > div.authors p {
  margin: 0; }

.marquee > div a, .entry-content .marquee > div.authors a {
  text-decoration: none;
  font-weight: bold;
  color: white; }

@keyframes marquee {
  0% {
    left: 0; }
  100% {
    left: -100%; } }

/******************************************************************
Site Name: ausum
Author: Matt Northam
******************************************************************/
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.nav li ul.sub-menu {
  width: 275px;
  width: 17.2rem;
  border: 0 !important; }
  .nav li ul.sub-menu li {
    padding: 1px; }
    .nav li ul.sub-menu li a {
      padding: 8px 12px;
      line-height: 1.2;
      font-size: 15px;
      color: #fff !important;
      background: #343434 !important;
      border: 0;
      min-width: 275px;
      min-width: 17.2rem; }
      .nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus {
        background: #d81476 !important; }

@media (min-width: 960px) {
  #mobile-nav {
    display: none; } }

.mobile-nav-buttons {
  position: absolute;
  right: 0; }
  @media (min-width: 960px) {
    .mobile-nav-buttons {
      display: none; } }
  .mobile-nav-buttons .hamburger {
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 12px 0px 12px;
    padding-right: 0;
    color: #999;
    border: 0;
    font-size: 2em;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    z-index: 10000000000000;
    text-decoration: none; }
    .mobile-nav-buttons .hamburger:hover, .mobile-nav-buttons .hamburger:focus {
      color: #d81476; }
  .mobile-nav-buttons .cross {
    background: none;
    position: absolute;
    top: 0px;
    right: 0;
    padding: 0 12px 0px 12px;
    padding-right: 0;
    color: #999;
    border: 0;
    font-size: 5em;
    line-height: 1;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    z-index: 10000000000000;
    text-decoration: none; }
    .mobile-nav-buttons .cross:hover, .mobile-nav-buttons .cross:focus {
      color: #d81476; }

#mobile-nav {
  position: relative;
  background: #eee;
  padding: 0; }
  #mobile-nav ul {
    margin: 0; }
    #mobile-nav ul li {
      margin: 0;
      width: 100%;
      display: block;
      border-bottom: 1px solid #ccc; }
      #mobile-nav ul li a {
        padding: 6px;
        background: none; }
      #mobile-nav ul li ul.sub-menu {
        display: block;
        width: 100%; }
        #mobile-nav ul li ul.sub-menu li {
          width: 100%;
          padding: 0; }
          #mobile-nav ul li ul.sub-menu li a {
            background: white !important;
            color: #333 !important;
            padding-left: 18px; }

.page-navigation,
.wp-prev-next {
  clear: both;
  display: block;
  text-align: right; }

.ausum_page_navi {
  /* current page link */
  /* end .ausum_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 */ }
  .ausum_page_navi li {
    display: inline-block;
    margin-left: 10px; }
    .ausum_page_navi li a {
      padding: 3px 6px;
      display: block;
      text-decoration: none;
      position: relative; }
      .ausum_page_navi li a:hover, .ausum_page_navi li a:focus {
        color: #f01d4f;
        text-decoration: underline; }
  .ausum_page_navi li.bpn-current {
    padding: 3px 6px;
    border-bottom: 2px solid #ccc;
    position: relative; }
    .ausum_page_navi li.bpn-current a {
      /* hovering on current page link */ }
  .ausum_page_navi li.bpn-prev-link,
  .ausum_page_navi li.bpn-next-link {
    font-weight: 700; }
    .ausum_page_navi li.bpn-prev-link a,
    .ausum_page_navi li.bpn-next-link a {
      padding: 0; }
  .ausum_page_navi li.bpn-prev-link a:hover,
  .ausum_page_navi li.bpn-next-link a:hover,
  .ausum_page_navi li.bpn-first-page-link a:hover,
  .ausum_page_navi li.bpn-last-page-link a:hover {
    background: none; }

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

.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */
@media (min-width: 768px) {
  #inner-content.padTop {
    padding-top: 25px;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  #nav {
    width: 100% !important; }
  #nav.fixed {
    background: #fffffd;
    position: fixed;
    top: 0;
    z-index: 9999;
    max-width: 1200px;
    border-bottom: 1px solid #f2f2f2;
    left: 0;
    right: 0; }
  #nav.hidden {
    background: #fffffd;
    position: fixed;
    top: -120px;
    top: -7.5rem;
    z-index: 9999;
    max-width: 1200px; }
  .nav {
    width: auto;
    margin: 0;
    text-align: right;
    padding: 0;
    background: none;
    /* end .menu ul li */ }
    .nav .parent > a:first-child {
      padding-right: 1.4rem; }
      .nav .parent > a:first-child:after {
        /*padding-left: 10px;*/
        content: '\f107';
        font-family: "FontAwesome"; }
    .nav li {
      display: inline-block;
      position: relative;
      width: auto;
      border: 0;
      margin: 0;
      /* showing sub-menus */ }
      .nav li a {
        border-bottom: 0;
        margin: 0;
        font-weight: bold;
        padding: 12px 15px;
        background-color: #fffffd;
        color: #d81476;
        font-size: 18px;
        font-size: 1.125rem; }
      .nav li ul.sub-menu,
      .nav li ul.children {
        margin-top: 0;
        border: 1px solid #ccc;
        border-top: 0;
        display: none;
        z-index: 8999;
        text-align: left;
        /* highlight sub-menu current page */ }
        .nav li ul.sub-menu ul.sub-menu,
        .nav li ul.children ul.sub-menu {
          display: none; }
      .nav li:hover ul, .nav li:focus ul, .nav li ul.focused {
        top: auto;
        display: block; }
        .nav li:hover ul li, .nav li:focus ul li, .nav li ul.focused li {
          display: block; }
  /* end .nav */ }

/* end 768 media query */
@media (min-width: 960px) {
  /* 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; }
  .nav ul.sub-menu, .nav ul.children {
    position: absolute; }
    .nav ul.sub-menu li.menu-item-has-children > a, .nav ul.children li.menu-item-has-children > a {
      zoom: 1; }
      .nav ul.sub-menu li.menu-item-has-children > a:before, .nav ul.sub-menu li.menu-item-has-children > a:after, .nav ul.children li.menu-item-has-children > a:before, .nav ul.children li.menu-item-has-children > a:after {
        content: "";
        display: table; }
      .nav ul.sub-menu li.menu-item-has-children > a:after, .nav ul.children li.menu-item-has-children > a:after {
        clear: both; }
      .nav ul.sub-menu li.menu-item-has-children > a:after, .nav ul.children li.menu-item-has-children > a:after {
        content: '\f105';
        font-family: "FontAwesome";
        float: right; }
    .nav ul.sub-menu li:hover ul.sub-menu, .nav ul.sub-menu li:focus ul.sub-menu, .nav ul.sub-menu li:focus-within ul.sub-menu, .nav ul.children li:hover ul.sub-menu, .nav ul.children li:focus ul.sub-menu, .nav ul.children li:focus-within ul.sub-menu {
      display: block;
      position: absolute;
      top: -1px;
      left: 200px;
      left: 12.5rem;
      border-top: 1px solid #ccc; }
    .nav ul.sub-menu li a, .nav ul.children li a {
      /*
					padding: 10px;
					border-right: 0;
					display: block; clear: both;
					width: auto; margin: 0; min-width: 200px;
					border-bottom: 1px solid $grey;
					*/ }
    .nav ul.sub-menu li:last-child a, .nav ul.children li:last-child a {
      border-bottom: 0; }
  /* 
	    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;
    background: inherit;
    z-index: 999; }
  /* ENDHACK */
  .nav li:hover > ul,
  .nav li:focus-within > ul {
    display: block;
    visibility: visible;
    opacity: 1;
    transition-delay: 0s; } }

/* end 960 media query  */
/******************************************************************
Site Name: ausum
Author: Matt Northam

Stylesheet: Comments Stylesheet

******************************************************************/
/******************************************************************
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 #565656; }
  .commentlist .vcard {
    margin-left: 50px;
    margin-left: 3.2rem; }
    .commentlist .vcard cite.fn {
      font-weight: 700;
      font-style: normal; }
    .commentlist .vcard time {
      float: right; }
      .commentlist .vcard time a {
        font-size: 0.8em;
        color: #999 !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;
    margin-left: 3.2rem; }
    .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: #565656;
    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: 18px 12px;
  padding-bottom: 24px; }
  .respond-form form {
    margin: 12px 0; }
    .respond-form form fieldset {
      border: none; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 12px; }
    .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: 8px 12px;
      background: #efefef;
      border: 0;
      line-height: 1.5em;
      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 3px solid; }
      .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: #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] .error, .respond-form form input[type=text] #errorList,
      .respond-form form input[type=email] .error,
      .respond-form form input[type=email] #errorList,
      .respond-form form input[type=url] .error,
      .respond-form form input[type=url] #errorList,
      .respond-form form textarea .error,
      .respond-form form textarea #errorList {
        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] {
      max-width: 400px;
      max-width: 25rem;
      min-width: 250px;
      min-width: 15.6rem; }
    .respond-form form textarea {
      resize: none;
      width: 100%;
      height: 150px;
      height: 9.4rem; }

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

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

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

Stylesheet: 481px and Up Stylesheet
******************************************************************/
  /*********************
NAVIGATION STYLES
*********************/
  .nav li {
    width: auto; }
  /*********************
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: ausum
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.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 */
  .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: ausum
Author: Matt Northam

Stylesheet: Tablet & Small Desktop Stylesheet
******************************************************************/
  /*********************
GENERAL STYLES
*********************/
  body {
    background-color: #f2f2f2; }
  body.page {
    padding: 0; }
  .post .attachment-square-thumb-300 {
    width: 150px;
    width: 9.4rem;
    height: auto; }
  #main {
    border-right: 1px solid #f2f2f2; }
  .home #main, .page-template-page-home-2col #main, .page-template-page-full-width-php #main, .search #main {
    border-right: 0;
    margin-bottom: 3em; }
  /*********************
LAYOUT & GRID STYLES
*********************/
  .wrap, #nav, .footer {
    width: 100%;
    margin: 0 auto; }
  /*********************
HEADER STYLES
*********************/
  /*
#logo {width: auto; padding: 20px; padding-left:0; margin: 0; float: left; height: 90px;}
#logo a {background: url(../images/bu-logo-portrait.png) no-repeat; height: 100px; width:100px; background-size: contain;}
*/
  #sitename {
    font-size: 2.25em;
    line-height: 1.2;
    clear: none;
    text-align: right;
    padding: 18px 0 0 0; }
  .nav {
    display: block; }
  #nav {
    position: relative;
    top: auto;
    padding-right: 0;
    width: auto !important;
    float: right; }
  /*********************
POSTS & CONTENT STYLES
*********************/
  .archive-title {
    padding-top: 0.5em; }
    .archive-title span {
      min-width: 15%; }
  .archive-desc {
    display: block; }
  .addpad {
    padding: 0 18px; }
  #intro {
    margin-top: 0em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1em; }
  .home #intro {
    border-bottom: 1px solid #f2f2f2; }
    .home #intro .first p:first-of-type {
      font-size: 1.1em; }
    .home #intro .fourcol {
      border: 1px solid #f2f2f2;
      border-width: 0 1px;
      padding-left: 20px;
      padding-right: 20px; }
      .home #intro .fourcol ul.catlist {
        font-size: 1.1em; }
  .author {
    /*

	 + .post {@extend .sixcol; margin: 0;}
	.post:nth-child(2n+1) {margin-right: 2.762430939%;}
	*/ }
    .author #intro h2 {
      margin: 0; }
    .author #intro .profile {
      padding: 12px;
      border: 1px solid #f2f2f2; }
    .author #intro span.type {
      position: absolute;
      bottom: 0;
      right: -12px;
      background: #fffffd;
      color: #565656;
      display: inline-block;
      padding: 6px;
      margin: 0;
      font-family: "PT Sans", Helvetica, Arial, sans-serif;
      font-size: 2em;
      -ms-transform: rotate(-3deg);
      -webkit-transform: rotate(-3deg);
      transform: rotate(-3deg); }
    .author .viewmore {
      padding-left: 17%; }
  .post .article-footer, .archive-desc, #respond, #comments, .commentlist, .yarpp-related {
    padding: 0 24px;
    margin: 0; }
  .yarpp-related li {
    display: inline-block;
    margin: 1%;
    padding: 10px !important;
    float: left;
    width: 46%;
    min-height: 120px;
    min-height: 7.5rem;
    border-left: 1px solid #f2f2f2; }
  .yarpp-related li:nth-child(3) {
    clear: left; }
  #comments, #respond {
    border-top: 1px solid #f2f2f2;
    padding-top: 1em; }
  .post .article-header .single-title, .post .article-header .page-title, .post .article-header .entry-title, .post .article-header .archive-title, .page .article-header .single-title, .page .article-header .page-title, .page .article-header .entry-title, .page .article-header .archive-title {
    max-width: 90%;
    padding: 0.6em 0 0 0; }
  .post .article-header .byline, .page .article-header .byline {
    padding: 1em 0.5em; }
  /*********************
VLOG ARCHIVE STYLES
*********************/
  /*
#vlog-archive {
	.piece {
	    width: 50%;
	    margin: 0%;
	    border: 12px solid $lightgrey;
	    clear: none;
	    min-height: 300px;
		//&:nth-child(2n+2) {clear: none;}
		//&:nth-child(3n+1) {clear: left;}
		.bg {
			//height: 220px;
		}
		&:hover, &:focus {
			margin-top: 0; 
			//margin-bottom: 5px; border-bottom: 5px solid $lightgrey; 
			background-color: $pink; a,.byline{color: $white;}
			//.bg {-webkit-filter: blur(1px) brightness(1.5) contrast(1.6) grayscale(0.7) hue-rotate(300deg) saturate(6.7);}
			.bg {opacity: 0.8;}
			.excerpt {
				display: block; position: absolute; top: 10px; left: 10px; right: 10px; padding: 10px; font-size: 0.9em; background-color: $white; opacity: .9;
			}
		}
	}
}



/*********************
SIDEBARS & ASIDES
*********************/
  .meet-us {
    margin-right: -9%; }
    .meet-us p {
      padding-right: 75px;
      padding-right: 4.7rem; }
  .findoutmore {
    position: absolute;
    bottom: 15vh;
    padding: 0; }
  .sidebar {
    padding: 0 24px 0 0; }
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em; }
  .widget {
    padding: 0;
    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 {
    text-align: right; }
    .footer .footer-links li {
      padding: 0 0 0 20px; }
    .footer #inner-footer {
      font-size: 0.9em;
      padding: 30px 10px; }
    .footer .copyright {
      font-size: 1.1em; }
  #all-categories h5 span {
    padding: 10px;
    position: relative; }
  /************************
 * 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;
    height: 13.2rem;
    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;
    top: 3.75rem;
    background: white; }
  #networksites li a span.des {
    display: block;
    clear: both;
    font-size: 0.9em;
    position: absolute;
    top: 210px;
    top: 13.2rem;
    color: #fffffd !important; }
  #networksites li a span.details {
    display: block;
    clear: both;
    font-size: 0.7em;
    position: absolute;
    bottom: 210px;
    bottom: 13.2rem;
    color: #fffffd !important; }
  #networksites li a:hover span.nm {
    top: 210px;
    top: 13.2rem; }
  #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: ausum
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: ausum
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: ausum
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: ausum
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; } }