/******************************************************************
Site Name:
Author:

Stylesheet: IE Stylesheet

So instead of using the respond.js file to add media query support
to IE, we're going to use SASS to create an easily readable css file.
Here, we import all the styles the standard stylesheet gets, only
without the media queries. No need to worry about editing anything!

******************************************************************/
/******************************************************************
IMPORTS & DEPENDENCIES
Remember, all the BASE styles are called already since IE can
read those. Below, we need to import only the stuff IE can't
understand (what's inside the media queries). We also need to
import the mixins file so SASS can understand the variables.
******************************************************************/
/******************************************************************
Site Name: mncflex
Author: Morgan Carpenter

Stylesheet: Variables
******************************************************************/
/*********************
COLORS
*********************/
/*lighten($link-colour, 12%);*/
/******************************************************************
Site Name: mncflex
Author: Morgan Carpenter

Stylesheet: Typography
******************************************************************/
p {
  word-wrap: break-word;
  /*-ms-word-break: break-all;
  -ms-word-wrap: break-all;
      word-break: break-word;
     word-break: break-word;
  // cleaning up the ragged lines and breaks
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
  // sets a minimum number of characters before and after the break
  -webkit-hyphenate-before: 2;
   -webkit-hyphenate-after: 3;
           hyphenate-lines: 3;
*/
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

/******************************************************************
Site Name: mncflex
Author: Morgan Carpenter

Stylesheet: Mixins Stylesheet
******************************************************************/
/*********************
TRANSITION
*********************/
/*********************
CSS3 GRADIENTS
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/******************************************************************
Site Name: mncflex
Author: Morgan Carpenter

Stylesheet: IE Grid Styles
******************************************************************/
/******************************************************************
Site Name: mncflex
Author: Morgan Carpenter

Stylesheet: 481px and Up Stylesheet
******************************************************************/
/*********************
NAVIGATION STYLES
*********************/
/* .menu is clearfixed inside mixins.scss */
.menu {
  /* end .menu ul */ }
  .menu ul {
    /* end .menu ul li */
    /* end current highlighters */ }

/* end .menu */
/*********************
POSTS & CONTENT STYLES
*********************/
/* entry content */
.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }
.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }
.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

/* end .entry-content */
/*********************
FOOTER STYLES
*********************/
/* end .footer-nav */
/******************************************************************
Site Name: mncflex
Author: Morgan Carpenter

Stylesheet: Tablet & Small Desktop Stylesheet
******************************************************************/
/*********************
GENERAL STYLES
*********************/
html,
body {
  margin: 0;
  padding: 0;
  height: 100%; }

#container {
  min-height: 100%;
  position: relative; }

#content, #content-single {
  padding-bottom: 330px !important;
  clear: both; }

/*********************
LAYOUT & GRID STYLES
*********************/
.narrow {
  max-width: 740px;
  margin: 0 auto;
  padding: 0em; }

#inner-content {
  max-width: 1024px;
  margin: 0 auto; }

.wrap {
  padding: 0 1em; }

/*********************
HEADER STYLES
*********************/
h1, .h1 {
  font-size: 2.6em;
  line-height: 1.6em; }

.header {
  height: 180px; }
  .header #inner-header {
    max-width: 1024px;
    padding: 0;
    margin: 0 auto; }
    .header #inner-header #header-content {
      padding-bottom: 0;
      margin-bottom: 0; }
      .header #inner-header #header-content #header-titles {
        padding-top: 1em;
        text-align: left; }
        .header #inner-header #header-content #header-titles #header-title {
          display: inline;
          color: #59308c;
          margin: 0;
          padding: 0; }
      .header #inner-header #header-content a #logo-wrap {
        width: 120px;
        height: 120px;
        display: block;
        position: relative;
        float: right;
        margin: 0;
        z-index: 99; }

/*********************
NAVIGATION STYLES
*********************/
#nav-wrap {
  max-width: 1024px;
  margin: 0 auto; }

nav, .nav {
  border: 0;
  padding: 0 0;
  /* end .menu ul li */
  /* end current highlighters */ }
  nav ul, .nav ul {
    margin-top: 0; }
  nav li, .nav li {
    float: left;
    position: relative;
    margin: 0;
    background: transparent;
    /* showing sub-menus */ }
    nav li a, .nav li a {
      border-bottom: 0;
      color: #fff;
      background: transparent;
      width: auto;
      border: none;
      padding: 0.75em 1em; }
    nav li ul.sub-menu,
    nav li ul.children, .nav li ul.sub-menu,
    .nav li ul.children {
      margin-top: 0;
      border: 1px solid #000;
      border-top: 0;
      position: absolute;
      visibility: hidden;
      z-index: 8999; }
      nav li ul.sub-menu li,
      nav li ul.children li, .nav li ul.sub-menu li,
      .nav li ul.children li {
        background: #59308c; }
        nav li ul.sub-menu li a,
        nav li ul.children li a, .nav li ul.sub-menu li a,
        .nav li ul.children li a {
          padding: 0.75em 1em;
          padding-left: 10px;
          border-right: 0;
          display: block;
          width: 200px; }
        nav li ul.sub-menu li:last-child a,
        nav li ul.children li:last-child a, .nav li ul.sub-menu li:last-child a,
        .nav li ul.children li:last-child a {
          border-bottom: 0; }
    nav li:hover > ul, .nav li:hover > ul {
      top: auto;
      visibility: visible; }

/* end .nav */
ul.primary,
div.primary > ul {
  display: inline-block; }

.menu-item-home {
  display: none !important; }

#menu-container {
  display: block;
  height: 45px; }

#menubutton {
  display: none; }

#buttonwrap {
  max-width: 45px;
  height: 45px;
  float: right;
  position: relative;
  z-index: 9999;
  padding-right: 1em; }

#search-menu {
  float: right;
  z-index: 9999; }
  #search-menu .search-field {
    background-size: 24px 24px;
    border: 0;
    cursor: pointer;
    height: 30px;
    margin: 6px 2px 2px 12px;
    padding: 2px 0 1px 34px; }
    #search-menu .search-field:focus {
      background-position: 2px center;
      background-repeat: no-repeat;
      background-size: 24px 24px;
      width: 200px; }

/*********************
POSTS & CONTENT STYLES
*********************/
.excerpt-entry {
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 1.5em; }
  .excerpt-entry header {
    padding: 1.5em; }
  .excerpt-entry footer {
    padding: 1.5em; }
    .excerpt-entry footer p {
      margin: 0; }

.sticky {
  background-color: #ffd454; }

.post-entry, .audio-post-entry, .gallery-post-entry, .image-post-entry, .video-post-entry, .quote-post-entry, .page-post-entry {
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 1.5em; }
  .post-entry .article-header, .audio-post-entry .article-header, .gallery-post-entry .article-header, .image-post-entry .article-header, .video-post-entry .article-header, .quote-post-entry .article-header, .page-post-entry .article-header {
    padding: 1.5em 0 1.5em;
    margin: 0 0 1.5em; }
  .post-entry .article-footer, .audio-post-entry .article-footer, .gallery-post-entry .article-footer, .image-post-entry .article-footer, .video-post-entry .article-footer, .quote-post-entry .article-footer, .page-post-entry .article-footer {
    padding: 1.5em 0; }
    .post-entry .article-footer p, .audio-post-entry .article-footer p, .gallery-post-entry .article-footer p, .image-post-entry .article-footer p, .video-post-entry .article-footer p, .quote-post-entry .article-footer p, .page-post-entry .article-footer p {
      margin: 0; }

.post-excerpt-multi:nth-of-type(odd) {
  clear: both; }

.post-excerpt-index:nth-child(odd) {
  clear: both; }

/* entry content */
.entry-content {
  padding: 0 0; }
  .entry-content .callout {
    float: right;
    padding: 8px;
    margin-left: 6px; }

/*********************
SIDEBARS, WIDGETS & ASIDES
*********************/
.cat-post-widget {
  font-size: 100%;
  line-height: 1.25; }
  .cat-post-widget ul {
    margin: 0; }
    .cat-post-widget ul .cat-post-item {
      margin: 0;
      padding: 0; }
      .cat-post-widget ul .cat-post-item .post-title {
        padding: 0;
        margin: 1em 0 0 0;
        font-size: 13px;
        font-weight: normal;
        text-decoration: none; }

.widgettitle {
  margin: 0.75em 0; }

.widget {
  padding: 0 10px 0.75em;
  margin: 2.2em 0;
  float: left;
  width: 25%; }
  .widget ul li {
    margin-bottom: 0.75em; }
    .widget ul li ul {
      margin-top: 0.75em;
      padding-left: 1em; }

.a11y-toolbar-widget {
  float: right;
  overflow: hidden; }
  .a11y-toolbar-widget ul li {
    float: right;
    margin-left: 0.5em; }

/*********************
FOOTER STYLES
*********************/
#footer {
  height: 330px;
  position: absolute;
  bottom: 0;
  /* end .footer-nav */ }
  #footer #lower-footer {
    max-width: 1024px;
    margin: 0 auto; }
  #footer .footerwidgettitle {
    margin: 0.75em 0; }
  #footer .footerwidgets {
    padding: 1.5em 1em 0 0; }
    #footer .footerwidgets .footerwidget {
      padding: 1em 1em 0em;
      margin: 0 0 2.2em;
      float: left; }
      #footer .footerwidgets .footerwidget ul li {
        margin-bottom: 0.75em; }
        #footer .footerwidgets .footerwidget ul li ul {
          margin-top: 0.75em;
          padding-left: 1em; }
      #footer .footerwidgets .footerwidget .textwidget {
        padding: 0 1em 0 0; }

.footerwidget:nth-of-type(3n+4) {
  clear: both; }

/******************************************************************
Site Name: mncflex
Author: Morgan Carpenter

Stylesheet: Desktop Stylsheet
******************************************************************/
.narrow {
  max-width: 740px;
  margin: 0 auto;
  padding: 0em; }

#content, #content-single {
  padding-bottom: 280px !important;
  clear: both; }

.post-excerpt-multi:nth-of-type(odd) {
  clear: none; }

.post-excerpt-multi:nth-of-type(3n+4) {
  clear: both; }

#footer {
  height: 280px;
  position: absolute;
  bottom: 0; }

#footer .footerwidget {
  padding: 1em 2em 0em 1em; }

.footerwidget:nth-of-type(3n+4) {
  clear: none; }

/*
you can call the larger styles if you want, but there's really no need
*/
/******************************************************************
ADDITIONAL IE FIXES
These fixes are now ONLY seen by IE, so you don't have to worry
about using prefixes, although it's best practice. For more info
on using Modernizr classes, check out this link:
http://www.modernizr.com/docs/
******************************************************************/
.nosvg .logoimg {
  background: url("../images/logo.png") no-repeat 100% 0%;
  background-size: 120px 120px; }

.nosvg #search-container .search-field {
  background: url("../images/searchwhite.png") no-repeat 98% 50% transparent;
  background-size: 24px 24px; }

.nosvg #search-container .search-field:focus {
  background: url("../images/searchpurple.png") no-repeat 98% 50% transparent;
  background-size: 24px 24px; }

.nosvg input#s.search_input {
  background: url("../images/search.png") no-repeat 98% 50% #fff;
  background-size: 18px 18px; }

.nosvg .fb {
  background: url("../images/fb.png") no-repeat 100% 0%;
  background-size: 16px 16px; }

.nosvg .sc {
  background: url("../images/sc.png") no-repeat 100% 0%;
  background-size: 16px 16px; }

.nosvg .tu {
  background: url("../images/tu.png") no-repeat 100% 0%;
  background-size: 16px 16px; }

.nosvg .tw {
  background: url("../images/tw.png") no-repeat 100% 0%;
  background-size: 16px 16px; }

.nosvg .vm {
  background: url("../images/vm.png") no-repeat 100% 0%;
  background-size: 16px 16px; }