/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
Offset for the WP admin bar
**********************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography
******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/chosen-sprite.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url("../images/chosen-sprite.png") no-repeat 100% -20px;
  background: url("../images/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url("../images/chosen-sprite.png") no-repeat -30px -20px;
  background: url("../images/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */
/* Chosen display fix */
li.search-field input[type="text"].default {
  display: inline-block;
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font-family: Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  /* Sidr WP Adminbar positioning fixes */
}

body.sidr-animating #wpadminbar,
body.sidr-open #wpadminbar {
  top: -46px;
}

p {
  -webkit-hyphens: none;
  -epub-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

a {
  transition: color 0.1s;
}

a,
a:focus {
  outline: 0;
}

/*********************
LINK STYLES
*********************/
a, a:visited {
  color: #00aeef;
  /* on hover */
  /* on click */
  /* mobile tap color */
}

a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #003663;
}

a:link, a:visited:link {
  /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
  -webkit-tap-highlight-color: #00aeef;
}

a[href*="tel"], a:visited[href*="tel"] {
  text-decoration: none;
}

.button,
.button:visited,
a.button:visited,
a.button,
a.btn {
  background-color: #003663;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 0.25em 0.75em;
  text-align: center;
  margin-top: .5em;
  clear: both;
  transition: background-color 0.1s linear;
}

.button:hover,
.button:focus,
.button:visited:hover,
.button:visited:focus,
a.button:visited:hover,
a.button:visited:focus,
a.button:hover,
a.button:focus,
a.btn:hover, a.btn:focus {
  background-color: #00aeef;
  color: #fff;
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1 {
  font-family: "Archivo Narrow", sans-serif;
  font-weight: 700;
  font-size: 34px;
  color: #003663;
  line-height: 1.4em;
}

h2, .h2 {
  font-weight: 700;
  color: #00aeef;
  font-size: 25px;
}

h3, .h3 {
  font-family: "Archivo Narrow", sans-serif;
  font-weight: 700;
  color: #003663;
  font-size: 20px;
}

h4, .h4 {
  color: #003663;
}

h5, .h5 {
  color: #00aeef;
}

/*********************
REUSABE STYLES
*********************/
.blue {
  background-color: #00aeef;
}

.gray {
  background-color: #ebebeb;
}

/*********************
CATALOG SEARCH STYLES
*********************/
#cat-search form, .sidr form {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  border-right: 1px dashed #00aeef;
  height: 27px;
}

#cat-search form input, .sidr form input {
  background: #fff;
}

#cat-search form input[type="text"], #cat-search form button, .sidr form input[type="text"], .sidr form button {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border-radius: 14px;
  border: 1px solid #00aeef;
}

#cat-search form input[type="text"], .sidr form input[type="text"] {
  padding: 0 42px 0 12px;
  width: 200px;
  font-size: 14px;
  background: #fff;
  font-weight: normal;
  font-family: Arial, sans-serif;
}

#cat-search form button, .sidr form button {
  position: absolute;
  width: 30px;
  top: 0;
  right: 10px;
  background-color: #003663;
  color: #fff;
  line-height: 26px;
}

#cat-search form ::-webkit-input-placeholder, .sidr form ::-webkit-input-placeholder {
  color: #334951;
  font-style: italic;
}

#cat-search form :-moz-placeholder, .sidr form :-moz-placeholder {
  /* Firefox 18- */
  color: #334951;
  font-style: italic;
}

#cat-search form ::-moz-placeholder, .sidr form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #334951;
  font-style: italic;
}

#cat-search form :-ms-input-placeholder, .sidr form :-ms-input-placeholder {
  color: #334951;
  font-style: italic;
}

/*********************
ACCORDION STYLES
*********************/
.accordionButton {
  background: #ebebeb;
  border: none;
  color: #003663;
  margin: 10px 0 18px;
  padding: 8px 35px 8px 14px;
  margin-bottom: 1em;
}

.accordionButton h3 {
  color: #003663;
  margin: 0;
  padding: 0;
}

.accordionButton h3:hover {
  color: #00a7cc;
  cursor: pointer;
}

.accordionContent {
  display: none;
  padding: 0 2em;
  margin-bottom: 1em;
}

/*********************
HEADER STYLES
*********************/
.header {
  background-image: url(../images/bg_header.png);
  background-color: #ebebeb;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 190%;
  padding-top: 10px;
}

.header #inner-header-container {
  background-color: rgba(255, 255, 255, 0.6);
}

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

.header #inner-header-container #inner-header .social-icons {
  position: absolute;
  top: -20px;
  right: 68px;
}

@media screen and (max-width: 330px) {
  .header #inner-header-container #inner-header .social-icons {
    display: none;
  }
}

.header #inner-header-container #inner-header .social-icons ul {
  margin: 0;
  padding: 0;
}

.header #inner-header-container #inner-header .social-icons ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  width: 32px;
  height: 50px;
  background: #00aeef;
  margin-left: 10px;
  margin-bottom: 12px;
}

.header #inner-header-container #inner-header .social-icons ul li:after {
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  display: block;
  content: '';
  width: 100%;
  height: 12px;
  background-image: linear-gradient(156deg, #00aeef 49%, transparent 49%), linear-gradient(24deg, transparent 49%, #00aeef 49%);
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 51% 100%;
}

.header #inner-header-container #inner-header .social-icons ul li:first-child {
  margin-left: 0;
}

.header #inner-header-container #inner-header .social-icons ul li a {
  display: block;
  width: 100%;
  color: #003663;
  font-size: 24px;
  padding-top: 14px;
  height: 50px;
  text-align: center;
}

.header #inner-header-container #inner-header .social-icons ul li a:hover {
  color: #fff;
}

.header #inner-header-container #inner-header #logo {
  display: inline-block;
  margin: 0.5em 0;
  font-family: "Archivo Narrow", sans-serif;
  font-weight: bold;
  color: #00aeef;
  text-decoration: none;
  line-height: 58px;
}

.header #inner-header-container #inner-header #logo img {
  height: auto;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 2px;
}

.header #inner-header-container #inner-header #logo h1 {
  display: inline-block;
  vertical-align: middle;
  width: 140px;
  height: 58px;
  margin: 0;
  padding: 0;
  font-size: 24px;
  color: #00aeef;
  line-height: 1.2em;
}

.header #inner-header-container #inner-header #sidr-menu-btn {
  clear: right;
  position: relative;
  float: right;
  padding: 0;
  line-height: 1em;
  margin-top: -8px;
  color: #003663;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  width: 42px;
}

.header #inner-header-container #inner-header #sidr-menu-btn i {
  font-size: 42px;
  color: #003663;
}

.header #top-menu {
  height: 12px;
  background-color: #003663;
}

.header #top-menu #cat-search {
  display: none;
}

.header #slogan img {
  display: block;
  max-width: 90%;
  margin: .5em auto;
}

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.nav {
  border-bottom: 0;
  margin: auto;
  font-family: "Archivo Narrow", sans-serif;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}

.nav li {
  /*
		so you really have to rethink your dropdowns for mobile.
		you don't want to have it expand too much because the
		screen is so small. How you manage your menu should
		depend on the project. Here's some great info on it:
		http://www.alistapart.com/articles/organizing-mobile/
		*/
}

.nav li a {
  display: block;
  color: #00aeef;
  text-decoration: none;
  padding: 0.75em;
  /*
			remember this is for mobile ONLY, so there's no need
			to even declare hover styles here, you can do it in
			the style.scss file where it's relevant. We want to
			keep this file as small as possible!
			*/
}

.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}

/* end .nav */
#main-menu {
  background-color: #00aeef;
}

#main-menu #menu-top-menu {
  padding-right: 0;
}

#main-menu #menu-top-menu li:last-child {
  padding-right: 0;
}

/*********************
SLIDER STYLES
*********************/
.slides .bx-wrapper {
  margin-bottom: 2em;
  border: 12px solid #fff;
  border-bottom-width: 20px;
}

.slides .bx-wrapper .bx-viewport:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  /* forces 16:9 aspect ratio */
}

.slides .bx-wrapper .bx-viewport #homeslide {
  margin: 0;
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.slides .bx-wrapper .bx-viewport #homeslide li {
  display: none;
  height: 100%;
}

.slides .bx-wrapper .bx-viewport #homeslide li img {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
}

.slides .bx-wrapper .bx-caption {
  background: rgba(0, 54, 99, 0.8);
  left: 0;
  bottom: 0;
  top: auto;
  width: 100%;
  height: auto;
  padding: 0.25em 1em;
}

.slides .bx-wrapper .bx-controls.bx-has-pager {
  text-align: center;
}

.slides .bx-wrapper .bx-controls.bx-has-pager .bx-pager {
  position: absolute;
  width: 100%;
  bottom: -35px;
  top: auto;
  left: auto;
}

.slides .bx-wrapper .bx-controls.bx-has-pager .bx-pager a {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 3px;
  background-color: rgba(0, 174, 239, 0.4);
}

.slides .bx-wrapper .bx-controls.bx-has-pager .bx-pager a.active {
  background-color: #00aeef;
}

.slides .featured-img {
  position: relative;
  width: 100%;
  height: 100px;
  overflow: hidden;
  text-align: center;
}

.slides .featured-img img {
  position: relative;
  display: block;
  height: 100px;
  width: auto;
  margin: 0 auto;
}

/*********************
INFORMATION BAR STYLES
*********************/
#info {
  background-color: #00aeef;
}

#info #inner-info h1 {
  color: #fff;
  margin-top: .5em;
  margin-bottom: 0;
  font-size: 24px;
}

#info #inner-info h1 em {
  font-style: normal;
}

#info #inner-info .crumbs {
  margin-bottom: 1em;
  font-size: 12px;
}

#info #inner-info .crumbs a, #info #inner-info .crumbs span {
  display: inline-block;
  color: #fff;
  padding: 0 0.25em;
}

#info #inner-info .crumbs a:first-child {
  padding-left: 0;
}

/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  position: relative;
  margin-top: 0;
  z-index: 5;
}

#content #inner-content {
  /* end .hentry */
  /* 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 */
  /* style by category (i.e. category-videos) */
  /* style by tag (i.e. tag-news) */
  /* post meta */
  /* entry content */
  /* end .entry-content */
  /* end .wp-caption */
  /* image gallery styles */
  /* end .gallery */
}

.home #content #inner-content .hentry {
  color: #fff;
  margin-bottom: 0;
}

#content #inner-content .hentry {
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 1.5em;
  border: none;
}

#content #inner-content .hentry p + p {
  clear: both;
}

#content #inner-content .hentry header {
  padding-left: 0;
}

#content #inner-content .hentry footer {
  padding: 0;
  border-top: none;
}

#content #inner-content .hentry footer p {
  margin: 0;
}

#content #inner-content .single-title,
#content #inner-content .page-title,
#content #inner-content .entry-title {
  margin: 0;
}

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

#content #inner-content .page .profile {
  margin-bottom: 1em;
}

#content #inner-content .page .profile h3 {
  margin-top: 0;
}

#content #inner-content .page .profile .profile-photo img {
  max-width: 100%;
  height: auto;
}

#content #inner-content .page .divider {
  border-top: 7px solid #ebebeb;
}

#content #inner-content .byline {
  font-style: italic;
  margin: 0;
}

#content #inner-content .entry-content, #content #inner-content .entry-details {
  padding: 1.5em 0 0;
  /*
			image alignment on a screen this size may be
			a bit difficult. It's set to start aligning
			and floating images at the next breakpoint,
			but it's up to you. Feel free to change it up.
			*/
}

#content #inner-content .entry-content p, #content #inner-content .entry-details p {
  margin: 0 0 1.5em;
}

#content #inner-content .entry-content ul, #content #inner-content .entry-content ol, #content #inner-content .entry-details ul, #content #inner-content .entry-details ol {
  padding-left: 1.5em;
}

#content #inner-content .entry-content table, #content #inner-content .entry-details table {
  width: 100%;
  border: 1px solid #334951;
  margin-bottom: 1.5em;
}

#content #inner-content .entry-content table caption, #content #inner-content .entry-details table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#content #inner-content .entry-content tr, #content #inner-content .entry-details tr {
  border-bottom: 1px solid #334951;
}

#content #inner-content .entry-content tr:nth-child(even), #content #inner-content .entry-details tr:nth-child(even) {
  background-color: #ebebeb;
}

#content #inner-content .entry-content td, #content #inner-content .entry-details td {
  padding: 7px;
  border-right: 1px solid #334951;
}

#content #inner-content .entry-content td:last-child, #content #inner-content .entry-details td:last-child {
  border-right: 0;
}

#content #inner-content .entry-content th, #content #inner-content .entry-details th {
  background-color: #ebebeb;
  border-bottom: 1px solid #334951;
  border-right: 1px solid #334951;
}

#content #inner-content .entry-content th:last-child, #content #inner-content .entry-details th:last-child {
  border-right: 0;
}

#content #inner-content .entry-content blockquote, #content #inner-content .entry-details blockquote {
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #00aeef;
  font-style: italic;
}

#content #inner-content .entry-content dd, #content #inner-content .entry-details dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}

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

#content #inner-content .entry-content .size-auto,
#content #inner-content .entry-content .size-full,
#content #inner-content .entry-content .size-large,
#content #inner-content .entry-content .size-medium,
#content #inner-content .entry-content .size-thumbnail, #content #inner-content .entry-details .size-auto,
#content #inner-content .entry-details .size-full,
#content #inner-content .entry-details .size-large,
#content #inner-content .entry-details .size-medium,
#content #inner-content .entry-details .size-thumbnail {
  max-width: 100%;
  height: auto;
}

#content #inner-content .entry-content pre, #content #inner-content .entry-details pre {
  background: #000;
  color: #ebebeb;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}

#content #inner-content .wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}

#content #inner-content .wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}

#content #inner-content .wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

#content #inner-content .gallery {
  /* gallery caption styles */
}

#content #inner-content .gallery .gallery-item {
  float: left;
  margin: 0 4px 4px 0;
  overflow: hidden;
  position: relative;
}

#content #inner-content .tags {
  margin: 0;
}

#content #inner-content .tribe-events-notices {
  background: #ebebeb;
  border: none;
  border-radius: 0;
  color: #003663;
  text-shadow: none;
}

#content #inner-content .tribe-events-notices ul {
  padding-left: 0;
}

#content #inner-content .tribe-events-schedule {
  margin-top: .5em;
}

#content #inner-content .tribe-events-schedule h2 {
  color: #003663;
  font-size: 16px;
  font-weight: normal;
  margin-top: 0;
}

#content #inner-content #tribe-events-header {
  display: none;
}

#content #inner-content ul.tribe-events-sub-nav {
  padding-left: 0;
}

#content .entry-image {
  margin-top: -0.5em;
}

#content .author .author-profile .author-photo img {
  max-width: 100%;
  height: auto;
}

#content .author .author-profile h3 {
  margin-top: 0;
}

/* Home content styles */
.home #cta-circles {
  padding-top: 1em;
}

.home #cta-circles .circle {
  position: relative;
  display: inline-block;
  outline: none;
  float: left;
  width: 30%;
  margin: 0 5% 3em 0;
}

.home #cta-circles .circle:last-of-type {
  margin-right: 0;
}

.home #cta-circles .circle:nth-child(3) {
  margin-right: 0;
}

.home #cta-circles .circle:nth-child(4) {
  margin-left: 18%;
}

.home #cta-circles .circle:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}

.home #cta-circles .circle a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #00aeef;
  border-radius: 50%;
  transition: background-color 0.2s;
}

.home #cta-circles .circle a i {
  position: relative;
  display: block;
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 70%;
  height: 70%;
  margin-left: 15%;
  margin-top: 15%;
}

.home #cta-circles .circle a span {
  text-align: center;
  display: block;
  width: 100%;
  bottom: -2em;
  position: absolute;
  margin: 0 auto;
  color: #334951;
  font-family: "Archivo Narrow", sans-serif;
  font-weight: bold;
}

.home #cta-circles .circle a.quick_1 i {
  background-position: center -0.7%;
}

.home #cta-circles .circle a.quick_2 i {
  background-position: center 24%;
}

.home #cta-circles .circle a.quick_3 i {
  background-position: center 47.5%;
}

.home #cta-circles .circle a.quick_4 i {
  background-position: center 73.5%;
}

.home #cta-circles .circle a.quick_5 i {
  background-position: center 100%;
}

.home #cta-circles .circle a:hover {
  background-color: #003663;
}

.home #content {
  margin-top: 0;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.home #content .entry-content {
  padding-top: 0;
}

.home #content .feed h1, .home #content .slides h1 {
  margin-top: 0;
}

.home #content .feed {
  position: relative;
  min-height: 420px;
}

.home #content .feed ul.tabs {
  width: 100%;
  text-align: right;
  margin: 0;
  padding: 0;
}

.home #content .feed ul.tabs li {
  list-style: none;
  display: inline-block;
  font-size: 0px;
  margin-left: -2px;
  margin-bottom: 1px;
  margin-right: 1px;
}

.home #content .feed ul.tabs li a {
  font-family: "Archivo Narrow", sans-serif;
  display: block;
  font-size: 14px;
  padding: 0 1em;
  height: 2.5em;
  line-height: 2.5em;
  background-color: rgba(0, 54, 99, 0.8);
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.5s, color 0.2s;
}

.home #content .feed ul.tabs li a span {
  opacity: 0;
  transition: opacity 0.1s;
}

.home #content .feed ul.tabs li a i {
  font-size: 12px;
  margin-left: .5em;
  margin-right: .1em;
}

.home #content .feed ul.tabs li a:hover {
  background-color: #003663;
}

.home #content .feed ul.tabs li a.active {
  background-color: #003663;
}

.home #content .feed ul.tabs li a.active:hover {
  color: #00aeef;
}

.home #content .feed ul.tabs li a.active span {
  opacity: 1;
}

.home #content .feed .feed-panel {
  opacity: 0;
  width: 100%;
  padding-right: 30px;
  visibility: hidden;
  position: absolute;
  transition: opacity 0.2s, visibility 0s 0.2s;
}

.home #content .feed .feed-panel.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s 0.1s, visibility 0s;
}

.home #content .feed .entry {
  margin-bottom: 10px;
}

.home #content .feed .entry .icon {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #003663;
  border-radius: 50%;
  border: 1px solid #00aeef;
  z-index: 5;
  text-align: center;
}

.home #content .feed .entry .icon span {
  display: inline-block;
  font-family: "Archivo Narrow", sans-serif;
}

.home #content .feed .entry .icon .tdate {
  border-bottom: 2px solid #00aeef;
  margin-top: 1em;
}

.home #content .feed .entry .icon .bdate, .home #content .feed .entry .icon .tdate {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.home #content .feed .entry .icon .year {
  width: 100%;
  color: #00aeef;
}

.home #content .feed .entry .icon .blog {
  display: block;
  width: 110%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 17px 17px;
  background-image: url(../images/icon_blog.png);
}

.home #content .feed .entry .text {
  position: relative;
  width: 100%;
  height: 100px;
  padding-left: 120px;
  padding-right: 2em;
  background: #003663;
  border: 1px solid #00aeef;
  border-radius: 50px 0 0 50px;
  z-index: 4;
  color: #fff;
  line-height: 1.3em;
}

.home #content .feed .entry .text a {
  transition: .2s color;
}

.home #content .feed .entry .text a:hover {
  color: #fff;
}

.home #content .feed .entry .text h3 {
  margin: 0;
  height: 100%;
  display: table;
}

.home #content .feed .entry .text h3 a {
  vertical-align: middle;
  display: table-cell;
}

.home #content .feed .entry .text em, .home #content .feed .entry .text span {
  display: none;
}

.home #content .feed .entry .text .more {
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -.75em;
}

.home #content .feed img.wp-post-image {
  width: 100%;
  height: auto;
  display: inline-block;
  float: left;
}

.home #new-arrivals table {
  margin-left: -8px;
  width: 98%;
}

.home #new-arrivals table td b {
  line-height: 3em;
}

.home #resources h1 {
  position: relative;
}

.home #resources h1 .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 18px;
  line-height: 1.6em;
  min-width: 140px;
}

.home #resources div[class*="col"] {
  margin-bottom: 30px;
}

.home #resources div[class*="col"]:before {
  content: '';
  display: block;
  padding-top: 100%;
  /* forces 1:1 aspect ratio */
}

.home #resources div[class*="col"] a {
  display: block;
  position: absolute;
  top: -7px;
  bottom: -7px;
  left: 8px;
  right: 8px;
  background: #fff;
  text-align: center;
  /* Align center inline elements */
  font: 0/0 a;
}

.home #resources div[class*="col"] a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.home #resources div[class*="col"] a img {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: auto;
  border: 8px solid #fff;
}

.side-menu {
  display: none;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

.pagination {
  text-align: center;
}

.pagination ul {
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px;
}

.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  border-right: 1px solid #334951;
}

.pagination a, .pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
  color: #00aeef;
}

.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
  background-color: #00aeef;
  color: #fff;
}

.pagination .current {
  cursor: default;
  color: #000;
}

.pagination .current:hover, .pagination .current:focus {
  background-color: #fff;
  color: #000;
}

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

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

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #ebebeb;
  /* number of comments span */
}

.commentlist {
  margin: 0;
  list-style-type: none;
}

.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #ebebeb;
  /* vcard */
  /* end .commentlist .vcard */
  /* end children */
  /* general comment classes */
}

.comment .comment-author {
  padding: 7px;
  border: 0;
}

.comment .vcard {
  margin-left: 50px;
}

.comment .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}

.comment .vcard time {
  display: block;
  font-size: 0.9em;
  font-style: italic;
}

.comment .vcard time a {
  text-decoration: none;
}

.comment .vcard time a:hover {
  text-decoration: underline;
}

.comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%;
}

.comment:last-child {
  margin-bottom: 0;
}

.comment .children {
  margin: 0;
  /* variations */
  /* change number for different depth */
}

.comment[class*=depth-] {
  margin-top: 1.1em;
}

.comment.depth-1 {
  margin-left: 0;
  margin-top: 0;
}

.comment:not(.depth-1) {
  margin-top: 0;
  margin-left: 7px;
  padding: 7px;
}

.comment.odd {
  background-color: #fff;
}

.comment.even {
  background: #ebebeb;
}

/* comment meta */
/* comment content */
.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}

/* end .commentlist .comment_content */
/* comment reply link */
/* end .commentlist .comment-reply-link */
/* edit comment link */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.comment-respond {
  padding-left: 0;
  padding-right: 0;
}

/* comment submit button */
/* comment form title */
/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
/* no comments */
/*********************
SIDEBARS & ASIDES
*********************/
#sidebar {
  margin-top: 0;
  display: none;
}

#sidebar .feed {
  margin-top: 1em;
  margin-bottom: 1em;
}

#sidebar .feed h3 {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  background-color: #00aeef;
  padding: 0.25em 0.5em;
  margin: 0;
}

#sidebar .feed .entry {
  margin-top: 1em;
}

#sidebar .feed .entry date {
  display: inline-block;
  height: 32px;
  color: #00aeef;
  font-family: "Archivo Narrow", sans-serif;
  font-weight: bold;
  font-size: 20px;
  padding: 0 10px;
  margin-right: 6px;
  line-height: .8em;
  border-right: 1px dashed #00aeef;
}

#sidebar .feed .entry date span {
  display: block;
  color: #003663;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
}

#sidebar .feed .entry a {
  display: inline-block;
  height: 32px;
  color: #003663;
  font-weight: bold;
  text-decoration: none;
  vertical-align: text-bottom;
}

#sidebar .feed .entry a:hover {
  color: #00aeef;
}

#sidebar .feed .view-all {
  display: block;
  padding-top: .5em;
  margin-top: 1.5em;
  border-top: 10px solid #00aeef;
  font-size: 14px;
  color: #003663;
  text-decoration: none;
}

#sidebar .feed .view-all i {
  color: #00aeef;
}

#sidebar .blog-info {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

#sidebar .blog-info h3 {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  background-color: #00aeef;
  padding: 0.25em 0.5em;
  margin: 0;
}

#sidebar .blog-info h4 {
  font-family: Arial, sans-serif;
  padding: 0.25em 0.5em;
  margin: 0;
}

#sidebar .blog-info ul {
  margin-top: 0;
  padding-left: .5em;
}

#sidebar .blog-info ul li {
  list-style: none;
}

#sidebar .blog-info ul li a {
  display: inline-block;
  text-decoration: none;
}

#sidebar .blog-info ul li a:hover {
  color: #00aeef;
}

#sidebar .blog-info ul:last-of-type {
  margin-bottom: .5em;
}

#sidebar .blog-info .view-all {
  display: block;
  padding-top: .5em;
  margin-top: 1em;
  border-top: 10px solid #00aeef;
  font-size: 14px;
  color: #003663;
  text-decoration: none;
}

#sidebar .blog-info .view-all i {
  color: #00aeef;
}

#sidebar .widget:last-of-type {
  margin-bottom: 1em;
}

#sidebar .widget ul li {
  /* deep nesting */
}

#sidebar .no-widgets {
  background-color: #fff;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 1.5em;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  background-color: #003663;
  color: #fff;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 1em;
  text-align: center;
}

.footer #inner-footer {
  padding-top: 10px;
  overflow: hidden;
}

.footer #inner-footer .row {
  position: relative;
  z-index: 1;
}

.footer #inner-footer .col-sm-4 {
  margin-bottom: 2em;
}

.footer #inner-footer .footer-links {
  display: none;
}

.footer #inner-footer .widget {
  margin: 0;
  padding: 0;
}

.footer #inner-footer .widget .fts-jal-fb-name {
  color: #00aeef;
}

.footer #inner-footer .widget .fts-jal-fb-group-display {
  text-align: left;
}

.footer #inner-footer .widget .fts-jal-fb-group-display .fts-jal-single-fb-post {
  display: none;
  padding: 0 0 0 0 !important;
  border: none;
}

.footer #inner-footer .widget .fts-jal-fb-group-display .fts-jal-single-fb-post:nth-child(-n+1) {
  display: block;
}

.footer #inner-footer .widget .fts-jal-fb-group-display .fts-jal-single-fb-post .fts-jal-fb-post-time {
  line-height: 1.2em;
}

.footer #inner-footer .widget .fts-jal-fb-group-display .fts-jal-single-fb-post .fts-jal-fb-user-name,
.footer #inner-footer .widget .fts-jal-fb-group-display .fts-jal-single-fb-post .fts-jal-fb-user-thumb {
  display: none;
}

.footer #inner-footer .widget .fts-jal-fb-group-display .fts-jal-single-fb-post:nth-child(-n+1) .fts-jal-fb-user-name,
.footer #inner-footer .widget .fts-jal-fb-group-display .fts-jal-single-fb-post:nth-child(-n+1) .fts-jal-fb-user-thumb {
  display: block;
}

.footer #inner-footer .widget .fts-jal-fb-group-display .fts-jal-single-fb-post .fts-album-photos-wrap {
  width: 30%;
}

.footer #inner-footer .widget .fts-jal-fb-group-display .fts-jal-single-fb-post .fts-jal-fb-top-wrap {
  min-height: 0;
}

.footer #inner-footer h4 {
  color: #00aeef;
  margin-top: 0;
  font-size: 16px;
  border-bottom: none;
  margin-bottom: 0;
}

.footer #inner-footer .widget p {
  margin-top: 0;
}

.footer #inner-footer ul.footer-nav,
.footer #inner-footer .footer-nav ul {
  margin: 0;
  padding: 0;
}

.footer #inner-footer ul.footer-nav li,
.footer #inner-footer .footer-nav ul li {
  list-style: none;
  display: inline-block;
  margin: 0 0.5em;
}

.footer #inner-footer ul.footer-nav li a,
.footer #inner-footer ul.footer-nav li a:visited,
.footer #inner-footer .footer-nav ul li a, .footer #inner-footer .footer-nav ul li a:visited {
  font-size: 14px;
  color: #00aeef;
  text-decoration: none;
  padding: 0 0 0.5em 0;
}

.footer #inner-footer ul.footer-nav li a:hover,
.footer #inner-footer ul.footer-nav li a:visited:hover,
.footer #inner-footer .footer-nav ul li a:hover, .footer #inner-footer .footer-nav ul li a:visited:hover {
  color: #fff;
}

.footer .copyright {
  margin-top: 1em;
}

.footer .credit {
  display: inline-block;
  position: relative;
  font-size: 11px;
  margin: auto 0;
  margin-bottom: 20px;
  line-height: 1.4em;
  z-index: 5;
  text-transform: uppercase;
  color: #00aeef;
}

.footer .credit a {
  vertical-align: middle;
  display: inline-block;
  margin-top: -1px;
}

.footer .credit a svg {
  width: 75px;
  margin-left: .5em;
  fill: #00aeef;
}

.footer .credit a svg:hover {
  opacity: 1;
}

/* Sidr */
.sidr {
  background: #00aeef;
  -webkit-box-shadow: inset 4px 0px 34px -4px rgba(0, 54, 99, 0.75);
  -moz-box-shadow: inset 4px 0px 34px -4px rgba(0, 54, 99, 0.75);
  box-shadow: inset 4px 0px 34px -4px rgba(0, 54, 99, 0.75);
}

.sidr form {
  background: #003663;
  margin: 0 0 1px 0;
  padding: 10px 15px;
  border-right: none;
  display: block;
  width: 100%;
  height: auto;
}

.sidr form input[type="text"] {
  width: 100%;
}

.sidr form button {
  top: 10px;
}

.sidr .sidr-inner {
  padding-bottom: 0;
  font-family: "Archivo Narrow", sans-serif;
}

.sidr .sidr-inner ul {
  border: 0;
}

.sidr .sidr-inner ul:last-of-type {
  margin-bottom: 0;
}

.sidr .sidr-inner ul li {
  line-height: 36px;
  border: 0;
  text-transform: capitalize;
}

.sidr .sidr-inner ul li:hover a {
  box-shadow: 0 0 0 0;
}

.sidr .sidr-inner ul li a {
  background: #003663;
  color: #00aeef;
  font-size: 16px;
  margin-bottom: 1px;
}

.sidr .sidr-inner ul li ul {
  padding-left: 15px;
}

.sidr .sidr-inner ul li ul li {
  line-height: 36px;
}

.sidr .sidr-inner ul li ul li a {
  background: none;
  color: #fff;
  font-size: 16px;
  padding-left: 15px;
}

/* Gravity forms modifications */
body .gform_wrapper {
  max-width: 100%;
  width: 100%;
}

body .gform_wrapper input[type="text"] {
  max-width: 100%;
  width: 100%;
}

body .gform_wrapper textarea.textarea.medium,
body .gform_wrapper textarea.textarea.textarea {
  width: 100%;
}

body .gform_wrapper input[type="submit"] {
  border-radius: 0;
  border: 0;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  padding: 0.75em 4em;
}

body .gform_wrapper input[type="submit"].gform_button {
  margin-left: 1.5em;
}

/* Forms */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  color: #000;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
}

.required:after {
  content: "*";
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: 481px and Up Stylesheet

******************************************************************/
  /*********************
GENERAL STYLES
*********************/
  body {
    /* Sidr WP Adminbar positioning fixes */
    /* Special break point for admin bar */
  }
  body.sidr-animating #wpadminbar,
  body.sidr-open #wpadminbar {
    top: -46px;
  }
}

@media only screen and (min-width: 481px) and (min-width: 601px) {
  body.sidr-animating #wpadminbar,
  body.sidr-open #wpadminbar {
    top: 0;
  }
}

@media only screen and (min-width: 481px) {
  /*********************
NAVIGATION STYLES
*********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .menu ul li {
    /*
				plan your menus and drop-downs wisely.
				*/
  }
  .menu ul li a {
    /*
					you can use hover styles here even though this size
					has the possibility of being a mobile device.
					*/
  }
  /* end .menu */
  /*********************
SLIDER STYLES
*********************/
  .slide .featured-img {
    height: 180px;
  }
  .slide .featured-img img {
    height: 180px;
  }
  /*********************
POSTS & CONTENT STYLES
*********************/
  #content .left {
    margin-top: 0;
  }
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .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 */
  .home #content .feed ul.tabs li a {
    font-size: 12px;
    padding: 0 1em;
  }
  .home #content .feed .feed-panel {
    padding-right: 45px;
  }
  .home #resources div[class*="col"] a {
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
  }
  .home #resources div[class*="col"] a img {
    border: 15px solid #fff;
  }
  /*********************
FOOTER STYLES
*********************/
  .footer .fts-jal-fb-group-display {
    padding: 0 15px;
  }
  /*
check your menus here. do they look good?
do they need tweaking?
*/
  /* end .footer-links */
}

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Tablet & Small Desktop Stylesheet

******************************************************************/
  /*********************
GENERAL STYLES
*********************/
  /*********************
LAYOUT & GRID STYLES
*********************/
  /*********************
HEADER STYLES
*********************/
  .header {
    background-position: center -40px;
    background-size: 210%;
    padding-top: 20px;
  }
  .header #inner-header-container #inner-header #logo h1 {
    width: auto;
    line-height: 58px;
    font-size: 30px;
  }
  .header #inner-header-container #inner-header .social-icons ul li {
    width: 50px;
    height: 60px;
    margin-left: .75em;
  }
  .header #inner-header-container #inner-header #sidr-menu-btn {
    margin-top: -6px;
  }
  .header #slogan img {
    margin: 2 auto;
  }
  /* Home content styles */
  .home #cta-circles {
    padding-top: 2em;
    padding-bottom: 3.5em;
  }
  .home #cta-circles .circle {
    width: 17%;
    margin: 0 3.75% 0 0;
  }
  .home #cta-circles .circle:nth-child(3) {
    margin-right: 3.75%;
  }
  .home #cta-circles .circle:nth-child(4) {
    margin-left: 0;
  }
  .home #content .slides {
    padding-right: 30px;
    border-right: 2px dashed #fff;
  }
  .home #content .feed {
    padding-left: 30px;
  }
  /*********************
SLIDER STYLES
*********************/
  .slide .bx-wrapper {
    margin-bottom: 0;
    border: 14px solid #fff;
    border-bottom-width: 20px;
  }
  .slide .featured-img {
    height: 220px;
  }
  .slide .featured-img img {
    height: 220px;
  }
  /*********************
POSTS & CONTENT STYLES
*********************/
  /* image gallery styles */
  .gallery {
    margin-bottom: 20px;
    /* gallery caption styles */
  }
  .gallery .gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
  }
  .gallery.gallery-columns-1 .gallery-item {
    max-width: 100%;
  }
  .gallery.gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: -webkit-calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
  .gallery.gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: -webkit-calc(33.3% - 4px);
    max-width: calc(33.3% - 4px);
  }
  .gallery.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width: calc(25% - 4px);
  }
  .gallery.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width: calc(20% - 4px);
  }
  .gallery.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width: calc(16.7% - 4px);
  }
  .gallery.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width: calc(14.28% - 4px);
  }
  .gallery.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width: calc(12.5% - 4px);
  }
  .gallery.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width: calc(11.1% - 4px);
  }
  .gallery.gallery-columns-1 .gallery-item:nth-of-type(1n),
  .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n),
  .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n),
  .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n),
  .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n),
  .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n),
  .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n),
  .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n),
  .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
  }
  .gallery.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
  .gallery.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
  .gallery.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
  .gallery.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear: left;
  }
  .gallery .gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
  }
  .gallery .gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .gallery .gallery-item:hover .gallery-caption {
    opacity: 1;
  }
  .gallery.gallery-columns-7 .gallery-caption,
  .gallery.gallery-columns-8 .gallery-caption,
  .gallery.gallery-columns-9 .gallery-caption {
    display: none;
  }
  /* end .gallery */
  /*********************
INFORMATION BAR STYLES
*********************/
  #info {
    background-color: #00aeef;
  }
  #info #inner-info {
    height: 70px;
    overflow: hidden;
  }
  #info #inner-info h1 {
    font-size: 34px;
    float: left;
    display: inline-block;
    margin: 0;
    line-height: 70px;
    color: #fff;
  }
  #info #inner-info h1 em {
    font-style: normal;
  }
  #info #inner-info .crumbs {
    float: right;
    font-size: 16px;
    margin: 0;
    margin-right: 2em;
  }
  #info #inner-info .crumbs a, #info #inner-info .crumbs span {
    display: inline-block;
    color: #fff;
    line-height: 70px;
    padding: 0 0.25em;
  }
  /*********************
SIDEBARS & ASIDES
*********************/
  .sidebar {
    margin-top: 0;
    /* links widget */
    /* meta widget */
    /* pages widget */
    /* recent-posts widget */
    /* archives widget */
    /* tag-cloud widget */
    /* calendar widget */
    /* category widget */
    /* recent-comments widget */
    /* search widget */
    /* text widget */
  }
  .sidebar .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }
  .sidebar .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  .sidebar .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */
  }
  .sidebar .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  /*********************
FOOTER STYLES
*********************/
  /*
you'll probably need to do quite a bit
of overriding here if you styled them for
mobile. Make sure to double check these!
*/
  .footer {
    text-align: left;
  }
  .footer #inner-footer > .row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .footer #inner-footer .col-sm-4 {
    padding-bottom: 99999px;
    margin-bottom: -99999px;
    border-left: 2px dashed #fff;
    padding-left: 30px;
    padding-right: 30px;
  }
  .footer #inner-footer .col-sm-4:first-child {
    border-left: none;
  }
  .footer #inner-footer .footer-links {
    display: block;
  }
  .footer #inner-footer ul.footer-nav li,
  .footer #inner-footer .footer-nav ul li {
    display: block;
    margin: 0;
  }
  .footer #inner-footer .fts-jal-fb-group-display {
    padding: 0;
  }
  .footer .credit {
    margin-bottom: 0;
  }
}

/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 992px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Desktop Stylsheet

******************************************************************/
  /*********************
LAYOUT & GRID STYLES
*********************/
  /********************
FIXED HEADER
********************/
  body.fixed #container {
    padding-top: 170px;
  }
  body.fixed #container .header {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
  }
  body.fixed.admin-bar #container .header {
    top: 32px;
  }
  /*********************
NAVIGATION STYLES
*********************/
  /* Basic sub-nav visibility config */
  .nav {
    /* end .nav li */
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    display: none;
  }
  /* end .nav */
  /*********************
HEADER STYLES
*********************/
  .header {
    background-size: auto;
    /* end #inner-header-container */
    /* end .nav */
  }
  .header #inner-header-container {
    /* end #inner-header */
  }
  .header #inner-header-container #inner-header #logo h1 {
    font-size: 30px;
  }
  .header #inner-header-container #inner-header #logo img {
    margin-top: 0;
  }
  .header #top-menu {
    height: auto;
    padding: 10px 0;
  }
  .header #top-menu #cat-search {
    display: inline-block;
  }
  .header #top-menu #cat-search form input[type="text"] {
    width: 175px;
  }
  .header #slogan img {
    margin: 2.5em auto 2.5em;
  }
  .header .nav {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .header .nav ul {
    background: #00aeef;
    margin: 0;
  }
  .header .nav li {
    float: left;
    position: relative;
    padding: 0;
    border-left: 1px dashed #00aeef;
    height: 27px;
    /*
			plan your menus and drop-downs wisely.
			*/
  }
  .header .nav li:last-of-type {
    border-right: 1px dashed #00aeef;
  }
  .header .nav li a {
    padding: 0 10px;
    color: #fff;
    font-size: 18px;
    /*
				you can use hover styles here even though this size
				has the possibility of being a mobile device.
				*/
  }
  .header .nav li a:hover, .header .nav li a:focus {
    color: #00aeef;
    text-decoration: none;
  }
  .header .nav li ul.sub-menu,
  .header .nav li ul.children {
    margin: 0 -2em;
    padding-bottom: .5em;
    border: 0;
    border-top: 0;
    background: rgba(0, 174, 239, 0.95);
    /* highlight sub-menu current page */
  }
  .header .nav li ul.sub-menu li,
  .header .nav li ul.children li {
    float: none;
    padding: 0;
    /*
					if you need to go deeper, go nuts
					just remember deeper menus suck
					for usability. k, bai.
					*/
  }
  .header .nav li ul.sub-menu li a,
  .header .nav li ul.children li a {
    padding: 0.5em 0.75em;
    border-right: 0;
    display: block;
    width: 100%;
    border-bottom: 0;
    line-height: 1.2em;
    color: #fff;
  }
  .header .nav li ul.sub-menu li:first-child,
  .header .nav li ul.children li:first-child {
    font-style: italic;
  }
  .header .nav li ul.sub-menu li:last-child a,
  .header .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .header .nav li ul.sub-menu li ul,
  .header .nav li ul.children li ul {
    top: 0;
    left: 100%;
  }
  /* end .header */
  #sidebar {
    display: block;
  }
  #sidebar #sub-menu {
    position: relative;
    z-index: 5;
  }
  #sidebar #sub-menu ul {
    margin: 0;
  }
  #sidebar #sub-menu .side-menu {
    position: relative;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
    z-index: 3000;
    background-color: #ebebeb;
  }
  #sidebar #sub-menu .side-menu li {
    margin: 10px 15px 0;
    border-bottom: 1px dashed #fff;
  }
  #sidebar #sub-menu .side-menu li:first-child {
    margin-top: 0;
    padding-top: 10px;
  }
  #sidebar #sub-menu .side-menu li:last-of-type {
    margin-bottom: 70px;
    border-bottom: none;
  }
  #sidebar #sub-menu .side-menu li:last-of-type:after {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    display: block;
    content: '';
    width: 100%;
    height: 50px;
    background-image: linear-gradient(165deg, #ebebeb 50%, transparent 50%), linear-gradient(15deg, transparent 50%, #ebebeb 50%);
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    background-size: 51% 100%;
  }
  #sidebar #sub-menu .side-menu li a {
    padding: 4px 12px 10px;
    color: #003663;
  }
  #sidebar #sub-menu .side-menu li a:hover {
    color: #00aeef;
  }
  /*********************
SLIDER STYLES
*********************/
  .slide {
    position: absolute;
  }
  .slide .featured-img {
    height: 250px;
  }
  .slide .featured-img img {
    height: 250px;
  }
  /*********************
CONTENT STYLES
*********************/
  /* Home content styles */
  .home #content .feed ul.tabs li a {
    font-size: 16px;
    padding: 0 1.5em;
  }
  .home #content .feed .entry .text h3 {
    display: block;
    height: auto;
    margin: .2em 0 0;
  }
  .home #content .feed .entry .text em {
    display: block;
    font-size: .8em;
    color: #ebebeb;
    line-height: 1.66em;
    margin-bottom: .4em;
  }
  .home #content .feed .entry .text span {
    display: inline;
    font-size: 12px;
  }
  /*********************
FOOTER STYLES
*********************/
  .footer {
    height: auto;
    text-align: left;
    /* Gravity forms modifications */
  }
  .footer #inner-footer .row {
    position: relative;
  }
  .footer #inner-footer .credit {
    left: 0;
    bottom: 0;
  }
  .footer .gform_wrapper {
    margin: 0;
  }
  .footer .gform_wrapper .gfield_html.gfield_no_follows_desc {
    margin-top: 0;
  }
  .footer .gform_wrapper .gform_footer {
    margin-top: 0;
    padding-top: 0;
  }
}

/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1200px) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Super Large Monitor Stylesheet

******************************************************************/
  /* Home content styles */
  .home #content .feed ul.tabs li a {
    padding: 0 2em;
  }
  .home #content .feed .entry .text span {
    font-size: 14px;
  }
  /*********************
HEADER STYLES
*********************/
  .header #top-menu {
    font-size: 18px;
  }
  .header #top-menu #cat-search form input[type="text"] {
    width: 200px;
  }
  .header .nav li a {
    font-size: 20px;
  }
  /* end .header */
  /*********************
SIDEBARS & ASIDES
*********************/
}

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
Site Name:
Author:

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  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,
  nav {
    display: none;
  }
}