/*------------------------------------------------------------

Responsive Style Sheet

version:	1.0
author:		derek allard
email:		derek@tunnel7.com
website:	http://www.tunnel7.com

------------------------------------------------------------*/
/* 1 line tricks - DELETE THESE BEFORE GO LIVE 
http://www.cssglobe.com/post/1392/8-premium-one-line-css-tips

VERTICALLY CENTERS CONTENT IN BOX (IN THIS CASE THE BOX WOULD BE 24 PIXELS TALL)
line-height:24px; 

= = =

PREVENTS OVERSIZED CONTENT TO BREK FIXED WIDTH FLOATED LAYOUTS
#main{ 
	overflow:hidden;
}

= = =

PREVENTS LINE BREAKS IN LINKS
a{ 
	white-space:nowrap;
}

= = =

ALWAYS SHOW FIREFOX SCROLLBAR
html{
	overflow:-moz-scrollbars-vertical;
}

= = =

REMOVE VERTICAL TEXTAREA SCROLLBAR IN IE
textarea{
	overflow:auto;
}

= = =

FORCE PAGE BREAKS WHEN PRINTING YOUR DOCUMENT
h2{
	page-break-before:always;
}

= = =

REMOVE ACTIVE LINK BORDERS
a:active, a:focus{
	outline:none;
}


*/
/* ======= RESET STYLES ======= */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ======= WEB FONTS ======= */
/* note - sanchez and rock salt are google fonts and linked from header */
@font-face {
  font-family: 'franklin_gothic_fsbook';
  src: url("/assets/fonts/FranklinGothic-Book-webfont.eot");
  src: url("/assets/fonts/FranklinGothic-Book-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/FranklinGothic-Book-webfont.woff") format("woff"), url("/assets/fonts/FranklinGothic-Book-webfont.ttf") format("truetype"), url("/assets/fonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fsbook") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'franklin_gothic_fsbook_italic';
  src: url("/assets/fonts/FranklinGothic-BookIt-webfont.eot");
  src: url("/assets/fonts/FranklinGothic-BookIt-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/FranklinGothic-BookIt-webfont.woff") format("woff"), url("/assets/fonts/FranklinGothic-BookIt-webfont.ttf") format("truetype"), url("/assets/fonts/FranklinGothic-BookIt-webfont.svg#franklin_gothic_fsbook_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'franklin_gothic_fsdemi';
  src: url("/assets/fonts/FranklinGothic-Demi-webfont.eot");
  src: url("/assets/fonts/FranklinGothic-Demi-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/FranklinGothic-Demi-webfont.woff") format("woff"), url("/assets/fonts/FranklinGothic-Demi-webfont.ttf") format("truetype"), url("/assets/fonts/FranklinGothic-Demi-webfont.svg#franklin_gothic_fsdemi") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'franklin_gothic_fsdemi_italic';
  src: url("/assets/fonts/FranklinGothic-DemiIt-webfont.eot");
  src: url("/assets/fonts/FranklinGothic-DemiIt-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/FranklinGothic-DemiIt-webfont.woff") format("woff"), url("/assets/fonts/FranklinGothic-DemiIt-webfont.ttf") format("truetype"), url("/assets/fonts/FranklinGothic-DemiIt-webfont.svg#franklin_gothic_fsdemi_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ======= SASS DECLARATIONS ======= */
/* colors */
/* alerts and such test*/
/* for box shadows */
/* for lighter shadows */
/* to use: @include box-shadow(3px, 3px, 5px, 1px, $shadow); */
/* to use: @include text-shadow(3px, 3px, 0, $shadow); */
/* to use: @include border-radius(7px, 7px, 7px, 7px); */
/* to use: @include transition(0.5s); - remember goes on parent not hover state */
/* to use: @include links($ltblue, $ltblue, $bluealt, $bluealt); */
/* to use: @include rotate(7deg); */
/* to use: @include scale(1.5); */
/* to use: @include box-sizing; */
/* to use: font-size: calc-em(32,16); */
/* ======= GLOBAL STYLES ======= */
html {
  background: url("/assets/images/bg-body-illustration.png") no-repeat top left fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

body {
  font: normal 100% "franklin_gothic_fsbook", arial, helvetica, sans-serif;
  /* sets to 16px baseline */
  /* background-color: $bgcolor;
	background: $bgcolor url('/assets/images/bg-body-illustration.png') no-repeat bottom right; */
  color: #1c1f16;
  line-height: 1.5em;
  position: relative;
  -webkit-font-smoothing: antialiased; }

h1 {
  font: normal normal 3em "franklin_gothic_fsbook", arial, helvetica, sans-serif;
  color: #94288c; }

h2 {
  font: normal normal 1.5em "sanchez", georgia, serif;
  margin: 1.25em 0 0 0;
  color: #94288c; }

h3 {
  font: normal normal 1.125em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
  color: #94288c;
  margin: 1.5em 0 0 0; }

h4, h5, h6 {
  font: normal normal 1em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
  color: #94288c;
  margin: 1.5em 0 0 0; }

a:link {
  color: #00b0ec;
  text-decoration: none;
  font-family: "franklin_gothic_fsdemi", arial, helvetica, sans-serif; }

a:visited {
  color: #00b0ec; }

a:hover {
  color: #007fc2; }

a:focus {
  color: #007fc2; }

a:active {
  color: #007fc2; }

a.button:link,
a.button:visited {
  background: #94288c;
  color: #ffffff;
  font: normal normal 0.9375em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
  padding: .5em 1em;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a.button:hover,
a.button:focus,
a.button:active {
  background: #544295; }

body#ab #about a, body#nw #news a {
  /* nav on styling */
  color: #d80000; }

.clearfix:before,
.clearfix:after,
.fullwidth:before,
.fullwidth:after,
.wrap:before,
.wrap:after,
.main .news:before,
.main .news:after,
.main .events:before,
.main .events:after {
  /* NEW CLEARFIX */
  content: '';
  display: table; }

.clearfix:after,
.fullwidth:after,
.wrap:after,
.main:after,
.main .news:after,
.main .events:after {
  /* to ensure there is a character written after so that element contains floated elements */
  /* NEW CLEARFIX*/
  /*
content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
*/
  clear: both; }

input.test {
  /* to hide test field on forms to prevent spam - may want to text indent it into oblivion - think i read that some browsers choke on display none*/
  display: none;
  visibility: hidden; }

#accessnav {
  display: none; }

p, li, dd, dt, blockquote, legend, caption, th, td {
  font-size: 0.9375em; }

p, ul, ol, dl {
  margin: 1em 0; }

p.meta {
  font: normal normal 1.25em "franklin_gothic_fsbook", arial, helvetica, sans-serif;
  margin: 0 0 1em 0;
  color: #544295; }

p.disclaimer {
  font-size: 0.75em;
  color: #3f403d;
  margin-top: 5em; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0; }

img, embed, object, video {
  max-width: 100%; }

li li {
  /* ensures no double font ineritance */
  font-size: 1em; }

ul li {
  /* put back bullets */
  margin-left: 2em;
  list-style: disc outside; }

ol li {
  /* put back numbers */
  margin-left: 2em;
  list-style: decimal outside; }

em, i {
  font-style: normal;
  font-family: "franklin_gothic_fsbook_italic", arial, helvetica, sans-serif; }

strong, b {
  font-weight: normal;
  font-family: "franklin_gothic_fsdemi", arial, helvetica, sans-serif; }

/* ======= LAYOUT GRID STYLES======= */
/* start with mobile first then go up from there - media queries for others at bottom */
.fullwidth {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.wrap {
  margin: auto;
  max-width: 100%;
  padding: 0 1em;
  /* background: #fff url('../i/wrap_shadow.png') no-repeat bottom right; */
  background: #ffffff;
  background: rgba(255, 255, 255, 0.85);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.main {
  width: 100%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .main #content {
    width: 100%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .main .sidebar {
    width: 100%;
    margin: 0;
    float: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

/* ======= HEADER STYLES ======= */
.banner .meta {
  background-color: #ffa437;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
  padding: .25em .75em 0 .75em;
  position: relative;
  height: 36px;
  width: 85.7142857143%;
  margin: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .banner .meta ul#social {
    margin: 0;
    display: inline-block; }
    .banner .meta ul#social li {
      display: inline-block;
      list-style: none;
      margin-left: 0;
      margin-right: .25em; }
  .banner .meta ul#meta-nav {
    position: absolute;
    top: 7px;
    margin: 0 0 0 1em;
    display: inline-block; }
    .banner .meta ul#meta-nav li {
      display: inline-block;
      list-style: none;
      font: normal normal 1em "sanchez", georgia, serif;
      color: #ffffff;
      margin-left: .7em; }
      .banner .meta ul#meta-nav li a:link, .banner .meta ul#meta-nav li a:visited {
        color: #ffffff;
        font-weight: normal;
        font-family: "sanchez", georgia, serif; }
      .banner .meta ul#meta-nav li a:hover, .banner .meta ul#meta-nav li a:focus, .banner .meta ul#meta-nav li a:active {
        color: #ffe53b; }
    .banner .meta ul#meta-nav li.first {
      margin-left: 0;
      /* to maximize space for responsive layouts */ }

.banner .search {
  /* see form section for form styles here */
  width: 85.7142857143%;
  margin: auto;
  margin-top: .75em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.banner p {
  margin: 0; }

.banner header {
  margin: 1.5em 0 1em 0;
  width: 100%;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .banner header h1 {
    display: inline-block; }
  .banner header h2 {
    display: inline-block;
    font: normal normal 1.125em "franklin_gothic_fsbook", arial, helvetica, sans-serif;
    position: absolute;
    bottom: 23px;
    /* height of blue in logo (15 + extra) */
    left: 170px;
    /* width of logo (150) + space (20) */
    color: #00b0ec;
    text-transform: uppercase; }
    .banner header h2 em {
      display: block;
      font: normal normal 1em "franklin_gothic_fsdemi", arial, helvetica, sans-serif; }

.banner nav {
  /* nav styles for responsive nav and hover nav are in plugin styles below ... this is primarily the bg images, etc. */
  width: 100%;
  border-top: 4px solid #00b0ec;
  background: #a8ce4e url("/assets/images/bg-green-stripe.png") repeat left top;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1.5em;
  padding: 1em 1em 2em 1em; }
  .banner nav a:link, .banner nav a:visited {
    font-family: "sanchez", georgia, serif;
    color: #ffffff; }
  .banner nav a:hover, .banner nav a:focus, .banner nav a:active, .banner nav li.here a {
    color: #ffe53b; }
  .banner nav li.here li a {
    color: #ffffff; }
  .banner nav li.here li a:hover {
    color: #ffe53b; }
  .banner nav li {
    font-size: 1.2em;
    margin: 0; }
    .banner nav li li, .banner nav li li li {
      font-size: 0.8888888889em; }

.banner .alert {
  clear: both;
  width: 100%;
  background-color: #3f403d;
  color: #ffffff;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em 1em; }
  .banner .alert p {
    font: normal normal 1em "franklin_gothic_fsbook", arial, helvetica, sans-serif;
    line-height: 1.5em; }
    .banner .alert p a:link, .banner .alert p a:visited {
      color: #ffffff; }
    .banner .alert p a:hover, .banner .alert p a:focus, .banner .alert p a:active {
      opacity: 0.9; }
    .banner .alert p a:link em, .banner .alert p a:visited em, .banner .alert p em {
      color: #00b0ec;
      font: normal bold 1.875em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
      text-transform: uppercase; }
    .banner .alert p a:hover em, .banner .alert p a:focus em, .banner .alert p a:active em {
      opacity: 0.9; }

/* ======= MAIN CONTENT STYLES ======= */
.main {
  padding-bottom: 3%;
  margin-top: 1.5em;
  /* intentionally not declaring these in sidebar so they can be used as modules on homepage */ }
  .main #content img {
    margin: .25em 1em; }
  .main #content img.introimg {
    /* for pulling thumbnail images in */
    margin-left: 0;
    float: left; }
  .main #content .listing-item {
    /* used for news, projects, success, people ... events? ... */
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    float: left;
    width: 100%; }
    .main #content .listing-item .thumb {
      display: none; }
    .main #content .listing-item .details {
      float: left;
      width: 100%; }
      .main #content .listing-item .details h2 {
        margin: 0; }
      .main #content .listing-item .details p.date {
        margin: 0; }
  .main #content .news .listing-item {
    margin-top: 0; }
  .main #content .events .listing-item {
    margin-top: 0;
    margin-bottom: 1.5em;
    float: left;
    width: 100%; }
    .main #content .events .listing-item .icon {
      float: left;
      width: 54px;
      margin-right: 1.5em; }
      .main #content .events .listing-item .icon p.month {
        width: 100%;
        text-align: center;
        margin: 0;
        background-color: #a8ce4e;
        color: #ffffff;
        padding: .1em 0;
        font: normal normal 0.9375em "franklin_gothic_fsdemi", arial, helvetica, sans-serif; }
      .main #content .events .listing-item .icon p.day {
        width: 100%;
        text-align: center;
        margin: 0;
        background-color: #f1f3f0;
        padding: .2em 0;
        font: normal normal 1.5em "franklin_gothic_fsdemi", arial, helvetica, sans-serif; }
    .main #content .events .listing-item .details {
      width: auto; }
  .main #content .breadcrumb {
    display: inline-block;
    background-color: #00b0ec;
    color: #ffffff;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 1em;
    margin-bottom: 2.5em;
    font: normal normal 0.875em "sanchez", georgia, serif; }
    .main #content .breadcrumb a:link, .main #content .breadcrumb a:visited {
      color: #ffffff;
      font-weight: normal;
      font-family: "sanchez", georgia, serif; }
    .main #content .breadcrumb a:hover, .main #content .breadcrumb a:focus, .main #content .breadcrumb a:active {
      opacity: 0.9; }
  .main #content .secondary {
    background-color: #f1f3f0;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2em 1em;
    margin: 1.5em 0; }
    .main #content .secondary h1, .main #content .secondary h2, .main #content .secondary h3, .main #content .secondary h4, .main #content .secondary h5, .main #content .secondary h6 {
      font: normal normal 1.5em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
      margin: 0;
      color: #a8ce4e; }
  .main .ask {
    background-color: #ffe53b;
    font: normal normal 1em "rock salt", "comic sans", cursive, sans-serif;
    color: #f60e2a;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5em 3em;
    -webkit-box-shadow: 3px 3px 5px 1px #c6c6c6;
    -moz-box-shadow: 3px 3px 5px 1px #c6c6c6;
    box-shadow: 3px 3px 5px 1px #c6c6c6;
    width: 82.2857142857%;
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    transform: rotate(-1deg);
    margin: 1.5em 0 0 1em;
    line-height: 1.6em; }
    .main .ask:hover {
      /* @include scale(1.1); */ }
    .main .ask a:link, .main .ask a:visited {
      color: #f60e2a;
      font: normal normal 1em "rock salt", "comic sans", cursive, sans-serif; }
    .main .ask a:hover, .main .ask a:focus, .main .ask a:active {
      /* opacity: 0.7; */
      color: #94288c; }
  .main .questions {
    display: none;
    margin-left: 1em; }
    .main .questions ul li {
      list-style: none;
      margin-left: 0;
      margin-bottom: 1em; }
  .main .buttons {
    background: transparent url("/assets/images/bg-girls.jpg") no-repeat left top;
    width: 82.2857142857%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2em 0 0 1em;
    padding-top: 122px;
    /* keeps buttons pushed down */
    text-align: right; }
    .main .buttons a .refer {
      -webkit-border-radius: 7px 7px 7px 7px;
      -moz-border-radius: 7px 7px 7px 7px;
      border-radius: 7px 7px 7px 7px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 1em;
      background-color: #00b0ec;
      text-align: right;
      width: 87.1527777778%;
      margin: 0 0 1em 1em; }
      .main .buttons a .refer h4 {
        font: normal normal 1.5em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
        color: #ffffff;
        margin: 0; }
      .main .buttons a .refer p {
        font: normal normal 0.875em "franklin_gothic_fsbook", arial, helvetica, sans-serif;
        color: white;
        margin: 0; }
      .main .buttons a .refer:hover {
        background-color: #007fc2; }
    .main .buttons a .donate {
      -webkit-border-radius: 7px 7px 7px 7px;
      -moz-border-radius: 7px 7px 7px 7px;
      border-radius: 7px 7px 7px 7px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 1em;
      background-color: #ffa437;
      text-align: right;
      width: 87.1527777778%;
      margin: 0 0 1em 1em; }
      .main .buttons a .donate h4 {
        font: normal normal 1.5em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
        color: #ffffff;
        margin: 0; }
      .main .buttons a .donate p {
        font: normal normal 0.875em "franklin_gothic_fsbook", arial, helvetica, sans-serif;
        color: white;
        margin: 0; }
      .main .buttons a .donate:hover {
        background-color: #e3810b; }
    .main .buttons a .foster {
      -webkit-border-radius: 7px 7px 7px 7px;
      -moz-border-radius: 7px 7px 7px 7px;
      border-radius: 7px 7px 7px 7px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 1em;
      background-color: #a8ce4e;
      text-align: right;
      width: 87.1527777778%;
      margin: 0 0 1em 1em; }
      .main .buttons a .foster h4 {
        font: normal normal 1.5em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
        color: #ffffff;
        margin: 0; }
      .main .buttons a .foster p {
        font: normal normal 0.875em "franklin_gothic_fsbook", arial, helvetica, sans-serif;
        color: white;
        margin: 0; }
      .main .buttons a .foster:hover {
        background-color: #8ba846; }
    .main .buttons a .request {
      -webkit-border-radius: 7px 7px 7px 7px;
      -moz-border-radius: 7px 7px 7px 7px;
      border-radius: 7px 7px 7px 7px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 1em;
      background-color: #94288c;
      text-align: right;
      width: 87.1527777778%;
      margin-left: 1em; }
      .main .buttons a .request h4 {
        font: normal normal 1.5em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
        color: #ffffff;
        margin: 0; }
      .main .buttons a .request p {
        font: normal normal 0.875em "franklin_gothic_fsbook", arial, helvetica, sans-serif;
        color: white;
        margin: 0; }
      .main .buttons a .request:hover {
        background-color: #544295; }
  .main .news {
    border: 3px solid #f1f3f0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 2em 1em 2em;
    margin: 1.5em 0 1em 0;
    background-color: #ffffff; }
    .main .news h4 {
      font: normal normal 1.5em "sanchez", georgia, serif;
      color: #94288c;
      margin: 0 0 .75em 0; }
    .main .news .listing-item {
      margin-bottom: 1.5em;
      float: left;
      width: 100%; }
      .main .news .listing-item .thumb img {
        float: left;
        margin-right: 1.5em;
        -webkit-box-shadow: 4px 4px 0 0 #a8ce4e;
        -moz-box-shadow: 4px 4px 0 0 #a8ce4e;
        box-shadow: 4px 4px 0 0 #a8ce4e; }
      .main .news .listing-item .details h5 {
        margin: 0;
        font-size: 0.9375em; }
      .main .news .listing-item .details p.date {
        margin: 0; }
  .main .events {
    border: 3px solid #f1f3f0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 2em 1em 2em;
    margin: 1.5em 0 1em 0;
    background-color: #ffffff; }
    .main .events h4 {
      font: normal normal 1.5em "sanchez", georgia, serif;
      color: #94288c;
      margin: 0 0 .75em 0; }
    .main .events .listing-item {
      margin-bottom: 1.5em;
      float: left;
      width: 100%; }
      .main .events .listing-item .icon {
        float: left;
        width: 54px;
        margin-right: 1.5em; }
        .main .events .listing-item .icon p.month {
          width: 100%;
          text-align: center;
          margin: 0;
          background-color: #a8ce4e;
          color: #ffffff;
          padding: .1em 0;
          font: normal normal 0.9375em "franklin_gothic_fsdemi", arial, helvetica, sans-serif; }
        .main .events .listing-item .icon p.day {
          width: 100%;
          text-align: center;
          margin: 0;
          background-color: #f1f3f0;
          padding: .2em 0;
          font: normal normal 1.5em "franklin_gothic_fsdemi", arial, helvetica, sans-serif; }
      .main .events .listing-item h5 {
        margin: 0;
        font-size: 0.9375em; }
      .main .events .listing-item p.date {
        margin: 0; }

/* ======= HOMEPAGE STYLES ======= */
#homepage .main .questions {
  /* show on homepage */
  display: block; }

#homepage .main #content .slideshow {
  /* most slide styles are in plugins below */
  float: left;
  width: 100%;
  /* needed to make sure homeboxes don't fall behind slides at mobile */ }
  #homepage .main #content .slideshow img {
    margin: 0; }

#homepage .main #content .homeboxes {
  float: left;
  /* needed to make sure homeboxes don't fall behind slides at mobile */
  width: 100%; }

#homepage .main .homeboxes {
  float: left;
  /* needed to make sure homeboxes don't fall behind slides at mobile */
  width: 100%;
  clear: both; }

/* ======= JOB SPECIFIC STYLES ======= */
.job-openings .main #content .listing-item {
  margin: 0 0 .5em 0; }

/* ======= FAQ SPECIFIC STYLES ======= */
.faq .main #content .listing-item {
  margin: 0 0 .5em 0; }

/* ======= FOOTER STYLES ======= */
.footer {
  clear: both; }
  .footer .testimonial {
    clear: both;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 1em 2em 1em;
    margin: 2em 0 2em 0;
    background: #d9f3fc url("/assets/images/bg-blue-dots.png") repeat left top; }
    .footer .testimonial dl {
      margin-top: 0; }
      .footer .testimonial dl dt {
        background-color: #f1f3f0;
        background: rgba(255, 255, 255, 0.75);
        -webkit-border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        border-radius: 7px 7px 7px 7px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1em .5em; }
        .footer .testimonial dl dt em {
          color: #a8ce4e;
          font-size: 1.6em; }
      .footer .testimonial dl dd {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 57%;
        font-family: "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
        color: #94288c; }
    .footer .testimonial .request {
      text-align: center;
      margin: 1.5em 0 0 0; }
      .footer .testimonial .request p {
        margin-bottom: 0; }
        .footer .testimonial .request p span {
          display: block; }
        .footer .testimonial .request p span.btn {
          margin-bottom: 1em; }
        .footer .testimonial .request p a.button {
          font-size: 1.2857142857em;
          padding: .5em 2em;
          white-space: nowrap; }
  .footer .subfooter {
    border-top: 4px solid #00b0ec;
    background: #a8ce4e url("/assets/images/bg-green-stripe.png") repeat left top;
    margin-top: 3em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.5em .7em;
    color: #ffffff; }
    .footer .subfooter a:link {
      color: #ffffff;
      text-decoration: none;
      font-family: "franklin_gothic_fsdemi", arial, helvetica, sans-serif; }
    .footer .subfooter a:visited {
      color: #ffffff; }
    .footer .subfooter a:hover {
      color: #d9f3fc; }
    .footer .subfooter a:focus {
      color: #d9f3fc; }
    .footer .subfooter a:active {
      color: #d9f3fc; }
    .footer .subfooter h4 {
      font: normal normal 1.5em "sanchez", georgia, serif;
      color: #94288c; }
    .footer .subfooter .success {
      text-align: center; }
      .footer .subfooter .success p {
        margin: .5em 0; }
    .footer .subfooter .mailing {
      /* form styles are in the form section */
      text-align: center; }
    .footer .subfooter .links {
      text-align: center; }
      .footer .subfooter .links ul li {
        list-style: none;
        margin-left: 0; }
  .footer footer {
    padding-bottom: 3em;
    background: transparent url("/assets/images/bg-footer.jpg") no-repeat right bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    min-height: 177px; }
    .footer footer a:link {
      color: #ffffff;
      text-decoration: none;
      font-family: "franklin_gothic_fsdemi", arial, helvetica, sans-serif; }
    .footer footer a:visited {
      color: #ffffff; }
    .footer footer a:hover {
      color: #d9f3fc; }
    .footer footer a:focus {
      color: #d9f3fc; }
    .footer footer a:active {
      color: #d9f3fc; }
    .footer footer h4 {
      margin: 0 .75em;
      color: #ffffff;
      padding-top: 2.5em;
      font: normal normal 1.5em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
      text-transform: uppercase;
      -webkit-text-shadow: 1px 1px 1px #777777;
      -moz-text-shadow: 1px 1px 1px #777777;
      text-shadow: 1px 1px 1px #777777; }
      .footer footer h4 em {
        display: block;
        font: normal normal 1em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
        margin-left: 1.7em; }
    .footer footer p.copyright {
      margin: 0;
      background-color: #ffa437;
      color: white;
      padding: .5em 1em;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      bottom: 0;
      left: 0; }

/* ======= FORM STYLES ======= */
form input.test {
  /* to hide test field on forms to prevent spam - may want to text indent it into oblivion - think i read that some browsers choke on display none*/
  display: none; }

form dd {
  margin-bottom: 1em; }

form input, form select, form textarea {
  font-size: 0.875em;
  font-family: "franklin_gothic_fsbook", arial, helvetica, sans-serif;
  color: #ffffff;
  border: none;
  margin: 0;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  padding: .5em .5em;
  background-color: #00b0ec; }

form input[type="text"], form select, form textarea, form input[type="email"], form input[type="tel"] {
  /* so it utilizes more of the page */
  width: 50%; }

form input#plan_amount,
form select#card_exp_month,
form select#card_exp_year,
form input#card_cvc {
  /* for shorter inputs on these fields */
  width: 25%;
  display: inline-block;
  /* this is needed to get the select items side by side ... plan amount doesn't really need it but it doesn't hurt */ }

form textarea {
  /* so it utilizes more of the page and is wider than form elements */
  width: 75%; }

form select {
  min-height: 29px; }

form input.button,
form input[type="button"],
form input[type="submit"],
form input[type="file"],
form input[type="radio"],
form input[type="checkbox"],
form button[type="submit"],
form button[type="button"] {
  /* no border on buttons or radio checkboxes or files  */
  border: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

form input[type="radio"] {
  background: transparent; }

form input[type="text"]:focus, form textarea:focus {
  -webkit-box-shadow: 3px 3px 5px 1px #ffe53b;
  -moz-box-shadow: 3px 3px 5px 1px #ffe53b;
  box-shadow: 3px 3px 5px 1px #ffe53b; }

form input.button, form input[type="button"], form input[type="submit"], form button[type="submit"], form button[type="button"] {
  background: #94288c;
  color: #ffffff;
  font: normal normal 1.125em "franklin_gothic_fsdemi", arial, helvetica, sans-serif;
  padding: .75em 2em;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px; }

form input.button:hover, form input[type="button"]:hover, form input[type="submit"]:hover, form button[type="submit"]:hover {
  background: #544295;
  color: #ffffff; }

form .feedback, form #payment-errors {
  color: #d80000;
  font-weight: bold; }

form #payment-errors {
  margin-top: 1em; }

form .feedback, form .freeform-form-has-errors {
  color: #d80000; }

form .freeform-row .freeform-column .freeform-label {
  font-weight: normal; }

form .freeform-row .freeform-column .freeform-input {
  width: 50%; }

form .freeform-row .freeform-column textarea.freeform-input {
  width: 75%; }

form .freeform-row .freeform-column .freeform-errors > li {
  color: #d80000;
  margin-left: 0;
  list-style: none; }

/*.request-appointment form input[type="submit"] {
  margin-top: .75em; }*/

.search {
  position: relative; }
  .search form input {
    width: 100%;
    height: 31px;
    outline: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .search form input.submit {
    width: 2em;
    position: absolute;
    top: .1em;
    right: 10px;
    background: transparent url("/assets/images/icon-search.png") no-repeat right center;
    cursor: pointer; }

.subfooter form input[type="text"] {
  background-color: #ffffff;
  color: #1c1f16;
  min-width: 233px; }

.subfooter form input.submit, .subfooter form input[type="submit"] {
  font-size: 0.9375em;
  padding: .5em 1em; }

/* ======= TABLE STYLES ======= */
table thead,
table tfoot {
  background: #777777; }

/* ======= MEDIA QUERIES ======== */
.callbacks .caption {
  /* positioning caption */
  font: normal normal 1.375em "franklin_gothic_fsbook", arial, helvetica, sans-serif;
  bottom: 0em;
  padding: 0.5em 2em;
  margin: 0;
  width: 100%; }

@media screen and (max-width: 320px) {
  /* mobile */
  .banner header h2 {
    top: 0px;
    margin-top: 0px; }
  .nav-toggle {
    right: 2.5em; } }

@media screen and (min-width: 500px) {
  /* tablet-ish */
  .fullwidth {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .wrap {
    margin: auto;
    max-width: 90%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* background: #fff url('../i/wrap_shadow.png') no-repeat bottom right; */ }
  .main #content .listing-item {
    /* used for news, events ... */
    margin-bottom: 1.5em;
    float: left;
    width: 100%; }
    .main #content .listing-item .thumb {
      display: block;
      float: left;
      width: 25%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-right: 1.5em; }
      .main #content .listing-item .thumb img {
        margin: 0;
        -webkit-box-shadow: 4px 4px 0 0 #a8ce4e;
        -moz-box-shadow: 4px 4px 0 0 #a8ce4e;
        box-shadow: 4px 4px 0 0 #a8ce4e; }
    .main #content .listing-item .details {
      float: left;
      width: 75%; }
      .main #content .listing-item .details h2 {
        margin: 0; }
      .main #content .listing-item .details p.date {
        margin: 0; }
  .callbacks .caption {
    /* positioning caption */
    font: normal normal 1.5em "franklin_gothic_fsbook", arial, helvetica, sans-serif;
    bottom: 1.5em;
    padding: 1.5em;
    width: 69.5652173913%; } }

@media screen and (min-width: 781px) {
  /* desktops - this may be redundant - copy this over to ie.scss when final (ie8 and down doesn't understand media queries and we'll want to serve the desktop version to it) */
  .fullwidth {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .wrap {
    margin: auto;
    width: 90%;
    max-width: 1150px;
    /* background: #fff url('../i/wrap_shadow.png') no-repeat bottom right; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .main {
    width: 100%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .main #content {
      width: 66.3043478261%;
      float: left;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .main .sidebar {
      width: 31.5217391304%;
      margin-left: 2.1739130435%;
      float: right;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  .banner .alert {
    margin-top: 1em; }
  .banner .meta {
    width: 30.2083333333%;
    float: right;
    margin: 0;
    position: relative;
    z-index: 777; }
  .banner .search {
    width: 30.2083333333%;
    clear: right;
    float: right;
    margin: 3.4em 0 0 0;
    /* to align with tagline */
    position: relative;
    z-index: 777; }
  .banner header {
    margin: 0 0 .5em 0; }
    .banner header h1 {
      margin-top: .25em; }
    .banner header h2 em:nth-child(2) {
      display: inline; }
  .main {
    margin-top: 2em; }
    .main .sidebar .ask {
      margin: 0 0 0 -0.5em;
      width: 100%; }
    .main .sidebar .questions {
      display: none; }
    .main .sidebar .buttons {
      margin: 2em 0 0 0;
      width: 100%; }
      .main .sidebar .buttons a .refer {
        width: auto; }
      .main .sidebar .buttons a .donate {
        width: auto; }
      .main .sidebar .buttons a .foster {
        width: auto; }
      .main .sidebar .buttons a .request {
        width: auto; }
    .main .sidebar .news {
      margin-top: 2.3em; }
      .main .sidebar .news .listing-item .thumb {
        float: left;
        width: 24.66367713%;
        margin-right: 8.9686098655%; }
      .main .sidebar .news .listing-item .details {
        float: left;
        width: 66.3677130045%; }
    .main .sidebar .events .listing-item .icon {
      float: left;
      width: 24.66367713%;
      margin-right: 8.9686098655%; }
    .main .sidebar .events .listing-item .details {
      float: left;
      width: 66.3677130045%; }
  #homepage .main #content {
    width: 100%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*
.homeboxes {
					float: left;
					width: 100%;
					margin-top: 2em;
				
					.col {
						float: left;
						width: percentage(290/920);
						margin-left: percentage(25/920); 
					}
					
					.col1 {
						margin-left: 0;	
						
						.buttons {
							width: 100%;
							margin: 0;
							
							a {
								.refer {
									width: auto;
								}
								
								.donate {
									width: auto;
								}
							}
						}
						
					}
					
					.col2 {
					
						.ask {
							width: auto;
							margin: 0;
						}
						
					}
					
					.col3 {
						.news {
							margin-top: 0;
						}
						
					}
				
				}
*/ }
  #homepage .main .homeboxes {
    float: left;
    width: 100%;
    margin-top: 2em; }
    #homepage .main .homeboxes .col {
      float: left;
      width: 31.5217391304%;
      margin-left: 2.7173913043%; }
    #homepage .main .homeboxes .col1 {
      margin-left: 0; }
      #homepage .main .homeboxes .col1 .buttons {
        width: 100%;
        margin: 0; }
        #homepage .main .homeboxes .col1 .buttons a .refer {
          width: auto; }
        #homepage .main .homeboxes .col1 .buttons a .donate {
          width: auto; }
        #homepage .main .homeboxes .col1 .buttons a .foster {
          width: auto; }
        #homepage .main .homeboxes .col1 .buttons a .request {
          width: auto; }
    #homepage .main .homeboxes .col2 .ask {
      width: auto;
      margin: 0; }
    #homepage .main .homeboxes .col3 .news {
      margin-top: 0; }
  .footer .testimonial {
    float: left;
    width: 100%; }
    .footer .testimonial dl {
      width: 64.1304347826%;
      float: left;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0.5em 0 0 2.1739130435%;
      /* nudge it a bit for better white space */ }
    .footer .testimonial .request {
      width: 31.5217391304%;
      margin-left: 2.1739130435%;
      float: right;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  .footer .subfooter {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 1em; }
    .footer .subfooter form input[type="text"] {
      min-width: 175px; }
    .footer .subfooter .success {
      float: left;
      width: 21.0869565217%;
      margin-left: 3.8043478261%;
      text-align: left; }
    .footer .subfooter .mailing {
      float: left;
      width: 37.3913043478%;
      margin-left: 3.4782608696%;
      text-align: left; }
      .footer .subfooter .mailing h4 {
        margin-top: .75em; }
    .footer .subfooter .links {
      float: left;
      width: 25.2173913043%;
      margin-left: 3.4782608696%;
      text-align: left; }
      .footer .subfooter .links h4 {
        margin-top: .75em; }
  .footer footer {
    clear: both; }
    .footer footer h4 {
      padding-top: 2em;
      font-size: 1.875em; }
    .footer footer p.copyright {
      margin-left: 1.5em;
      -webkit-border-radius: 7px 7px 0 0;
      -moz-border-radius: 7px 7px 0 0;
      border-radius: 7px 7px 0 0; } }

/* ======= PLUGIN STYLES ======= */
/* responsive nav - http://responsive-nav.com/ */
#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none; }

#nav li {
  width: 100%;
  display: block; }
  #nav li li {
    /* for second and third tier indent */
    margin-left: 2em; }

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
  /* max-width: 288px; */ }

.js #nav.closed {
  max-width: 90%; }

#nav.opened {
  /* max-height: 9999px; */ }

.js #nav.nav-collapse-0.opened {
  max-height: inherit !important;
  /* float: right; */ }

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  height: 55px;
  float: right;
  position: relative;
  /* need these two to ensure it falls over header */
  z-index: 9999;
  margin-top: -7em;
  text-align: center;
  font-size: 0.75em;
  /* text-indent: -9999px; if you want to get rid of nav label uncomment this */
  overflow: hidden;
  background: #00b0ec url("/assets/images/hamburger.gif") no-repeat 50% 33%; }

@media screen and (min-width: 781px) {
  /* non toggle nav styles here - to match desktop breakpoint above */
  .js #nav {
    position: relative;
    max-width: 100%; }
  .js #nav.closed {
    /* max-height: none; */
    max-width: 100%; }
  .js #nav.nav-collapse-0.opened {
    max-height: inherit !important;
    float: none; }
  .nav-toggle {
    display: none; }
  #nav ul {
    margin: 0;
    padding: 0;
    width: auto;
    /* so ul doesn't retain full width and gives more space to li */
    display: block;
    list-style: none; }
  #nav li {
    width: auto;
    display: inline-block;
    font-size: 1em;
    /* larger font but only on top level nav */ }
    #nav li li {
      font-size: 0.875em;
      /* for secondary nav slightly smaller */ }
      #nav li li li {
        font-size: 1em;
        /* and make sure tertiary uses the same size as secondary */ }
  .js #nav {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: visible;
    /* this is needed to get flyouts to, well, flyout */
    zoom: 1; }
  /* flyout menus - http://css-tricks.com/simple-jquery-dropdowns/ */
  #nav {
    margin-top: 0;
    margin-bottom: 0;
    /* 
		LEVEL ONE
		*/
    /* 
			LEVEL TWO
		*/
    /* COMMENTING OUT - THIS WAS CAUSING DELAY IN GREEN BAR HOVER TO SHOW
		ul.dropdown li.hover ul li.hover a {  /* hover on flyout: only hovers show on link state 
			color: $white;
			background-color: $green;
		}
		*/
    /* 
			LEVEL THREE
		*/
    /*
		ul.dropdown li.hover ul li.hover ul li.hover a {  /* hover on flyout: only hovers show on link state 
			color: $dkgreen;
		}
		*/ }
    #nav ul.dropdown {
      /* absolute position here fixes the fall behind issue but complicates positioning */
      position: relative;
      float: left;
      margin-left: 1.2em;
      margin-top: -.1em;
      /* to center vertically just so */ }
    #nav ul.dropdown li {
      font-weight: normal;
      font-size: 1.25em;
      float: left;
      zoom: 1;
      background: transparent;
      margin-right: 1.5em; }
    #nav ul.dropdown li.parent-here {
      border-bottom: 2px solid #ffe53b; }
    #nav ul.dropdown li.parent-here li.parent-here {
      /* don't show underline in subnav */
      border-bottom: none; }
    #nav ul.dropdown li.last {
      margin-right: 0; }
    #nav ul.dropdown a:hover {
      color: #ffe53b; }
    #nav ul.dropdown a:active {
      color: #ffe53b; }
    #nav ul.dropdown li a {
      display: block;
      padding: 4px 8px;
      padding: 0; }
    #nav ul.dropdown li:last-child a {
      /* Doesn't work in IE */
      border-right: none; }
    #nav ul.dropdown li.hover, #nav ul.dropdown li:hover {
      background: transparent;
      color: #ffe53b;
      position: relative; }
    #nav ul.dropdown li.hover a {
      color: #ffe53b; }
    #nav ul.dropdown ul {
      width: 200px;
      visibility: hidden;
      position: absolute;
      z-index: 110;
      /* slides use 99 and 100 so bumped this up so it's always on top */
      top: 34px;
      left: 0;
      background-color: #ffa437;
      -webkit-border-radius: 0 0 7px 7px;
      -moz-border-radius: 0 0 7px 7px;
      border-radius: 0 0 7px 7px;
      padding: 1em 0; }
    #nav ul.dropdown ul li {
      font-weight: normal;
      font-size: 0.75em;
      background: transparent;
      color: #ffffff;
      float: none;
      width: 100%;
      margin-left: 0; }
    #nav ul.dropdown li.parent-here ul li.here {
      border-bottom: none; }
    #nav ul.dropdown ul li a {
      /* these make sure the link area for hover is as tall and wide as can be (so hover doesn't break) */
      width: 100%;
      padding: .5em 0 .5em 2em;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      /* to make sure padding doesn't push li wider than intended */ }
    #nav ul.dropdown ul li.hover a {
      color: #ffe53b; }
    #nav ul.dropdown li.hover ul li a {
      /* default flyout links: for flyout hover uses blue */
      color: #ffffff; }
    #nav ul.dropdown li ul li a:hover {
      /* hover on flyout: only hovers show on link state */
      color: #ffe53b; }
    #nav ul.dropdown ul li a {
      /* IE 6 & 7 Needs Inline Block */
      border-right: none;
      width: 100%;
      height: 100%;
      display: inline-block; }
    #nav ul.dropdown ul ul {
      left: 200px;
      width: 200px;
      background-color: #ffa437;
      top: 0; }
    #nav ul.dropdown li:hover > ul {
      visibility: visible; }
    #nav ul.dropdown li ul li ul li {
      font-size: 1em;
      /* ensures same font size as second tier */ }
    #nav ul.dropdown li.hover ul li.hover ul li a {
      /* default flyout links: for flyout hover uses blue */
      color: #ffffff;
      background-color: transparent; }
    #nav ul.dropdown li.hover ul li ul li a:hover {
      /* hover on flyout: only hovers show on link state - don't wait for hover to be added */
      background-color: transparent;
      color: #ffe53b; }
  /* end flyout menus */ }

/* end responsive nav */
/* responsive slideshow styles */
/*! http://responsiveslides.com v1.53 by @viljamis */
/* old original 

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  margin-left: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px; }

#slideshow-1 .cycle-slide img {
  margin: 0em 0em !important; }

#slideshow-1 {
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px; }

.callbacks_container {
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
  float: left;
  width: 100%; }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0; }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0; }

.callbacks .caption {
  /* positioning caption */
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: #fff;
  background: #00b0ec;
  background: rgba(0, 176, 236, 0.73);
  left: 0;
  right: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: none; }

/* for previous next arrows */
.rslides_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 50%;
  /* controls position of arrows */
  left: 0;
  opacity: 0.6;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("/assets/images/arrows.gif") no-repeat left top;
  margin-top: -45px;
  border: 5px solid red; }

.slideshowcontrols {
  position: absolute;
  height: 61px;
  margin: auto auto;
  top: 10px;
  bottom: 10px;
  z-index: 900;
  width: 100%; }

.slideshowcontrols a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0.6;
  height: 61px;
  width: 38px;
  background: transparent url("/assets/images/arrows.gif") no-repeat left top;
  display: block;
  float: left;
  text-indent: -9999em; }

.rslides_nav:active,
.slideshowcontrols a:hover,
.slideshowcontrols a:focus,
.slideshowcontrols a:active {
  opacity: 1.0; }

.rslides_nav.next {
  left: auto;
  background-position: right top;
  right: 0; }

.slideshowcontrols .cycle-next {
  background-position: right top;
  float: right; }

/* for thumbnails */
.rslides_tabs,
#slideshowpager {
  list-style: none;
  padding: 0;
  background: transparent;
  /*
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  */
  /* font-size: 18px; */
  list-style: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em 0 0 0;
  text-align: center;
  width: 100%;
  /* this can be used to position thumbnails on top of image  */
  /*
  position: absolute;
  bottom: 0;
  z-index: 999999;
  */ }

.rslides_tabs li {
  display: inline;
  float: none;
  margin: 0 0.25em; }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline; }

.rslides_tabs li:first-child {
  margin-left: 0; }

.rslides_tabs .rslides_here a {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: bold; }

#slideshowpager {
  text-align: center; }

#slider4-pager a,
#slideshowpager > div {
  display: inline-block;
  cursor: pointer; }

#slider4-pager img,
#slideshowpager img {
  float: left;
  margin: 0em 0.5em !important;
  padding: 0em 0em 2px 0em;
  border-bottom: 2px solid transparent; }

#slider4-pager .rslides_here a,
#slideshowpager > div.cycle-pager-active img {
  background: transparent;
  padding-bottom: 2px;
  border-bottom: 2px solid #00B0EC; }

#slider4-pager a,
#slideshowpager > div {
  padding: 0; }

.cycle-slide {
  display: none; }

/* ======= HIDING ======= */
.hide {
  display: none; }

.custom-button{margin-top: 10px;}

.StripeElement { background-color: #3fb0ec; border-radius: 7px 7px 7px 7px;}