@charset "UTF-8";
/* @import url("https://www.cascadiaweekly.com/css/icon-style.css"); */
/* @import url("https://fonts.googleapis.com/css?family=Anton|Patua+One"); */
/* -----------------------------------------------
FluidGrids CSS - Reset (compressed)
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, .freewill, .list-group-item, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

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

/*
-----------------------------------------------
FluidGrids
Credit: https://github.com/bauhouse/fluidgrids
Based on Nicole Sullivan's OOCSS:
http://github.com/stubbornella/oocss/blob/8e6c6e7c7543bc76ea4f870a8ca25d27ac857d32/css/grids.css
----------------------------------------------- */
/* Page Divisions and Margins
----------------------------------------------- */
* {
  box-sizing: border-box; }

html, body {
  overflow-x: hidden; }

.page {
  margin: 0 18px; }

.head {
  padding: 0 18px 0 0; }

.section {
  overflow: hidden; }

.row {
  overflow: hidden; }

.column {
  float: left; }

.content {
  padding: 0 18px; }

.firstCol .content {
  padding-left: 0; }

.firstCol.col1of1 .content {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 1024px) {
    .firstCol.col1of1 .content {
      padding: 0 1.5em; } }

.row .column {
  padding-top: 18px; }

.row .column.top {
  padding-top: 0; }

.column .content img {
  width: 100%; }

.columnExt {
  float: right; }

header, section, footer, aside, nav, main, article, figure {
  display: block; }

/* html5 */
.ad .content img {
  width: 100%; }

.square-ad {
  padding: .5em 0; }

.show-ph, .show-tb, .show-dsk {
  display: none; }

@media (max-width: 1024px) {
  .row .column:first-child .content, .row .head:first-child {
    padding-left: 18px; }

  .head {
    padding: 0 18px; }

  .firstCol .content {
    padding: 0 1.5em; }

  .header-logo {
    padding-left: .5em; } }
@media (min-width: 1024px) {
  .show-dsk {
    display: block; }

  .hide-dsk {
    display: none; } }
@media (min-width: 468px) {
  .show-tb {
    display: block; }

  .hide-tb {
    display: none; } }
@media (max-width: 468px) {
  .show-ph {
    display: block; }

  .hide-ph {
    display: none; }

  .row .column:first-child .content, .row .head:first-child {
    padding: 0 18px; } }

/* Alternate clearfix method for .row
----------------------------------------------- */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Column Widths
----------------------------------------------- */
.col1of1 {
  float: none; }

.col1of2, .col1of2-nc {
  width: 50%; }

.col1of3 {
  width: 33.33333%; }

.col2of3 {
  width: 66.66666%; }

.col1of4 {
  width: 25%; }

.col3of4 {
  width: 75%; }

.col1of5 {
  width: 20%; }

.col2of5 {
  width: 40%; }

.col3of5 {
  width: 60%; }

.col4of5 {
  width: 80%; }

.col1of6 {
  width: 16.66666%; }

.col5of6 {
  width: 83.33333%; }

.col1of7 {
  width: 14.285714285%; }

.col2of7 {
  width: 28.571428571%; }

.col3of7 {
  width: 42.857142857%; }

.col4of7 {
  width: 57.142857142%; }

.col5of7 {
  width: 71.428571428%; }

.col6of7 {
  width: 85.714285714%; }

.col1of8 {
  width: 12.5%; }

.col3of8 {
  width: 37.5%; }

.col5of8 {
  width: 62.5%; }

.col7of8 {
  width: 87.5%; }

.col1of9 {
  width: 11.111111111%; }

.col2of9 {
  width: 22.222222222%; }

.col3of9 {
  width: 33.333333333%; }

.col4of9 {
  width: 44.444444444%; }

.col5of9 {
  width: 55.555555555%; }

.col6of9 {
  width: 66.666666666%; }

.col7of9 {
  width: 77.777777777%; }

.col8of9 {
  width: 88.888888888%; }

.col1of10 {
  width: 10%; }

.col3of10 {
  width: 30%; }

.col7of10 {
  width: 70%; }

.col9of10 {
  width: 90%; }

.col1of12 {
  width: 8.333333333%; }

.col5of12 {
  width: 41.666666666%; }

.col7of12 {
  width: 58.333333333%; }

.col11of12 {
  width: 91.666666666%; }

.col1of16 {
  width: 6.25%; }

.col3of16 {
  width: 18.75%; }

.col5of16 {
  width: 31.25%; }

.col7of16 {
  width: 43.75%; }

.col9of16 {
  width: 56.25%; }

.col11of16 {
  width: 68.75%; }

.col13of16 {
  width: 81.25%; }

.col15of16 {
  width: 93.75%; }

/* Column Widths Phone Column
----------------------------------------------- */
/* Column Widths Phone Collapse
----------------------------------------------- */
@media (max-width: 468px) {
  .col1of2-nc {
    width: 50%; }

  .col1of1, .col1of2, .col1of3, .col2of3, .col1of4,
  .col3of4, .col1of5, .col2of5, .col3of5, .col4of5, .col1of6,
  .col5of6, .col1of7, .col2of7, .col3of7, .col4of7,
  .col5of7, .col6of7, .col1of8, .col3of8, .col5of8,
  .col7of8, .col1of9, .col2of9, .col3of9, .col4of9,
  .col5of9, .col6of9, .col7of9, .col8of9, .col1of10,
  .col3of10, .col7of10, .col9of10, .col1of12, .col5of12,
  .col7of12, .col11of12, .col1of16, .col3of16, .col5of16,
  .col7of16, .col9of16, .col11of16, .col13of16, .col15of16 {
    width: 100%; } }

/* Fixes for IE
----------------------------------------------- */
.row {
  _overflow: visible;
  _zoom: 1; }

.column {
  _zoom: 1; }

/*
-----------------------------------------------
Basic Layout & Typography
----------------------------------------------- */
/* page
----------------------------------------------- */
.page {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding-top: 0; }

@media (max-width: 1024px) {
  .page {
    width: 100%; } }
.head.top {
  margin-top: 60px;
  overflow: hidden; }

.borderColumn .content {
  border-right: 1px solid #ccc; }

.hr {
  padding-top: 18px;
  border-bottom: 1px solid #ccc; }

.right {
  float: right; }

.contentWrap {
  margin-top: 50px; }

/* text
----------------------------------------------- */
body {
  font: 0.75em "Alegreya Sans", sans-serif;
  color: #444; }

a:focus {
  outline: 1px dotted invert; }

/* anchors
----------------------------------------------- */
a {
  font-weight: bold;
  text-decoration: none; }

/* paragraphs
----------------------------------------------- */
p, .freewill, .list-group-item {
  font-size: 1.4em;
  line-height: 1.7em; }

/* colors
----------------------------------------------- */
.grey {
  color: #9D9D9D; }

.white {
  color: #fff; }

a {
  color: #00BFFF;
  transition: color 300ms ease-in-out; }

a:hover {
  color: #0085B2; }

/* header and footer
----------------------------------------------- */
#header {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto; }

.head {
  margin: 1.5em 0 1.5em 0; }

.head .cw-logo {
  font-family: "patua one", Cambria, Georgia, serif;
  font-size: 4em;
  display: inline-block;
  line-height: 1em;
  vertical-align: middle; }
  @media (max-width: 768px) {
    .head .cw-logo {
      font-size: 3em; } }

.tagline {
  font-size: 1.8em;
  font-weight: 100;
  color: #9D9D9D;
  float: right;
  margin: 2.2em 0 0 0;
  font-family: "Alegreya Sans SC", sans-serif; }

@media (max-width: 768px) {
  .tagline {
    margin-top: 0;
    float: none; } }
.bug {
  overflow: hidden;
  display: inline-block;
  padding: 0;
  margin: 0; 
  vertical-align: middle; 
  line-height: normal; }

.bug img {
  height: 100%; }

.headerWrap {
  background: #666;
  width: 100%;
  max-width: 100%;
  position: fixed;
  top: 0;
  transition: top 200ms linear;
  z-index: 1000;
  min-height: 36px; }

.headerWrap.show-logo #branding h1.header-logo {
  opacity: 1; }

.headerWrap.hide {
  top: -40px; }

#branding h1 {
  font-size: 5em;
  color: #fff;
  margin-bottom: 0; }

#branding h1.header-logo {
  font-size: 2em;
  font-family: "patua one", Cambria, Georgia, serif;
  color: #8BAFBF;
  float: left;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
  margin-top: 3px; }

#branding h1 a {
  color: #fff;
  padding: 1em 18px .3em; }

#branding .content {
  border: none;
  padding-top: 0; }

#branding .span1 {
  font-family: 'Patua One';
  letter-spacing: .3em; }

#branding .span2 {
  font-family: 'Anton', sans-serif; }

#header .col1of5 .content {
  padding-top: 28px;
  text-align: right;
  padding-right: 36px; }

.footer-wrap {
  color: #fff;
  background: #444 0 0 repeat-x;
  margin: 2em auto 0 auto;
  padding: 18px; }

.footer {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto; }

.footer a {
  color: #fff; }

.footer a:hover {
  color: #fff;
  text-decoration: underline; }

/* heads
----------------------------------------------- */
.head h3 {
  margin-top: 18px;
  margin-bottom: 10px; }

/* headings
----------------------------------------------- */
h1 {
  font-size: 60px; }

h2 {
  font-size: 48px; }

h3 {
  font-size: 3.5em; }

h4 {
  font-size: 3.5em; }

h5 {
  font-size: 2.8em; }

h6 {
  font-size: 12px; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2em; }

h1, h2, h3 {
  font-family: "patua one", Cambria, Georgia, serif; }

h4 {
  font-family: "Alegreya Sans SC", sans-serif;
  font-weight: 100;
  line-height: 1.1em; }

h5, h6 {
  font-family: "Alegreya Sans SC", sans-serif;
  font-weight: 300;
  line-height: 1em; }

h6 {
  font-weight: 800; }

h3 {
  color: #888; }

h4 {
  color: #95A6B1; }

.small-head {
  font-size: 2.2em; }

.calendar-head {
  font-size: 1.8em;
  margin-bottom: .2em; }

/* lists
----------------------------------------------- */
ol {
  list-style: decimal; }

ul {
  list-style: square; }
  ul li {
    font-size: 1.5em;
    line-height: 1.4em; }

li {
  margin-left: 30px; }

/* spacing
----------------------------------------------- */
p, .freewill, .list-group-item,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 18px; }

p.stacked, .stacked.freewill, .stacked.list-group-item,
dl.stacked,
hr.stacked,
h1.stacked,
h2.stacked,
h3.stacked,
h4.stacked,
h5.stacked,
h6.stacked,
ol.stacked,
ul.stacked,
pre.stacked,
table.stacked,
address.stacked,
fieldset.stacked {
  margin-bottom: 0; }

/*
-----------------------------------------------
Navigation
----------------------------------------------- */
/* navigation (horizontal subnavigation)
----------------------------------------------- */
.headerWrap .content {
  padding: 0; }

ul.nav,
ul.nav * {
  margin: 0;
  padding: 0; }

ul.nav {
  position: relative;
  background: #666;
  max-width: 100%;
  height: 2.5em;
  float: right; }

.menu-toggle {
  display: none; }

ul.nav.main.mobile {
  display: none; }

@media (max-width: 768px) {
  ul.nav {
    display: none; }

  ul.nav.main.mobile {
    display: block; } }
.headerWrap ul.nav li {
  cursor: pointer;
  float: left;
  text-align: center;
  list-style-type: none;
  font-weight: normal;
  font-size: 1.2em; }

ul.nav.main li ul {
  left: 0;
  border: 2px solid #555;
  border-top-width: 4px;
  position: relative;
  overflow: hidden; }

.child-1 {
  max-height: 0;
  cursor: default;
  position: absolute;
  top: 2.5em;
  background-position: 0 0 !important;
  overflow: hidden;
  transition: max-height 300ms ease-in-out; }

ul.nav li.prep ul {
  max-height: 500px;
  left: 0; }

ul.nav li ul li {
  padding: 0;
  border: none;
  width: 100%;
  max-width: none;
  float: none; }

ul.nav li a {
  color: #fff;
  background: #666;
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  padding: 0 1em;
  height: 2.4em;
  line-height: 2.5em; }

ul.nav.main li ul li a {
  position: relative !important;
  /* ie Mac */
  cursor: pointer !important;
  white-space: nowrap;
  line-height: 2em;
  height: 2em;
  font-weight: normal;
  color: #666;
  background-position: 0 50% !important;
  width: 100%; }

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {
  color: #000; }

ul.nav li a:active {
  color: #666;
  background: #fff; }

ul.nav li:hover .child-1 {
  z-index: 10;
  max-height: 500px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.5); }

ul.nav li.secondary:hover {
  box-shadow: none; }

ul.nav li:hover ul li a {
  color: #444; }

ul.nav li:hover ul li a:hover {
  color: #000;
  background: #fff; }

ul.nav li:hover ul li a:active {
  color: #666;
  background: #fff; }

ul.nav li:hover {
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.8); }

.headerWrap ul.nav.main li ul li a {
  color: #000;
  height: auto;
  padding: .2em 1em;
  font-size: .9em;
  border-top-style: dotted;
  background: rgba(255, 255, 255, 0.9); }

ul.nav.main li:hover ul li:first-child a {
  border-top: 0px; }

ul.nav li.current a {
  color: #666;
  background: #fff;
  cursor: default;
  font-weight: bold; }

ul.nav li.current ul {
  left: 0;
  z-index: 5; }

ul.nav li.current ul,
ul.nav li.current {
  background: #ccc !important; }

ul.nav li.current ul li a {
  color: #444;
  background: #ccc;
  font-weight: normal; }

ul.nav li.current ul li a:hover {
  color: #000;
  background: #fff; }

ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {
  color: #666;
  background: #fff; }

ul.nav li.search:hover {
  box-shadow: none; }

ul.nav li.search:hover .child-1 {
  box-shadow: none; }

/*ul.nav li.search.clicked:hover .child-1 {
	max-height: 500px;
}*/
#search-form .search-field {
  font-size: 1.5em;
  padding: 5px 15px;
  background: #555;
  border: none;
  color: #fff;
  font-weight: 100;
  width: 260px; }

#search-submit {
  display: inline-block;
  width: 40px;
  color: #ddd;
  font-size: 1.5em;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: border 300ms ease-in-out;
  transition: color 300ms ease-in-out; }

#search-submit:hover {
  color: #fff;
  text-shadow: 1px 1px 3px 3px black; }

#search-form {
  width: 320px;
  background: #555; }

/* mobile nav
----------------------------------------------- */
.mShow.mobile-nav {
  left: 0; }

.mobile-nav {
  display: none;
  height: 100%;
  width: 300px;
  position: fixed;
  left: -320px;
  top: 0;
  transition: left 200ms ease-in-out;
  background: #444444;
  padding: 50px 0;
  overflow: scroll;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset; }
  .mobile-nav ul li {
    font-size: 1em; }

.mobile-nav ul.l1 {
  display: block; }

.mobile-nav ul.l1 ul.l2 a {
  padding: 5px 5px 5px 25px; }

.mobile-nav ul.l1 li {
  display: block;
  margin-left: 0; }

.mobile-nav ul.l1 a {
  color: #fff;
  font-size: 1.3em;
  line-height: 1.8em;
  display: block;
  border-bottom: 1px solid #333; }

.mobile-nav ul.l1 li a.l1 {
  padding-left: 15px;
  font-size: 1.8em; }

.mobile-nav ul.l1 a:hover {
  background: #9D9D9D; }

.mobile-nav ul.l1 li a {
  padding: 5px 5px 5px 30px; }

.mobile-nav-search {
  padding: 5px 15px 5px 15px; }

.mobile-nav-search input {
  width: 100%;
  font-size: 1.8em;
  background: transparent;
  border: 0;
  transition: background-color 300ms ease-in;
  padding: .5em; }

.mobile-nav-search input:focus {
  background-color: #ddd; }

/* navigation (vertical subnavigation) maybe this can go awayu
----------------------------------------------- */
ul.nav {
  background: #red; }

ul.main li {
  position: relative;
  top: 0;
  left: 0; }

ul.main li ul {
  border-top: 0; }

ul.main li ul li {
  float: left; }

ul.main li a {
  height: 2.5em;
  line-height: 2.5em;
  border: 0;
  color: #fff;
  background: #666; }

ul.main li ul li a {
  width: 12em;
  line-height: 2em;
  height: 2em;
  text-align: left;
  color: #red;
  border-top: 1px solid #444;
  background: #444; }

ul.main li a:focus {
  color: #fff;
  background: #666; }

ul.main li ul li a:hover {
  color: #fff;
  background: #555; }

ul.main li:hover a, ul.main li.clicked a {
  color: #fff;
  background: #555; }

ul.main li:hover ul li a {
  color: #fff; }

ul.main li:hover ul li a:hover {
  color: #fff;
  background: #444;
  transition: background 200ms ease-in-out; }

ul.main li:hover a:active {
  background: #444; }

ul.main li:hover ul li a:active {
  color: #fff;
  background: #222; }

/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
  float: right;
  color: #cde;
  background: transparent !important; }

ul.nav li.secondary span.status {
  float: left;
  padding: 0 1em;
  line-height: 2.77em;
  height: 2.77em;
  font-size: 0.9em; }

ul.nav li.secondary span.status a {
  float: none;
  display: inline;
  padding: 0;
  height: auto;
  line-height: auto;
  color: #cde;
  background: transparent; }

ul.nav li.secondary span.status a:hover {
  color: #fff;
  background: transparent; }

ul.nav li.secondary span.status span {
  text-transform: capitalize; }

ul.nav li.secondary:hover a {
  color: #fff;
  background: #666; }

ul.nav li.secondary:hover a:hover {
  background: #555; }

/* boxes
----------------------------------------------- */
.box {
  background: #ddd;
  margin-bottom: 20px;
  padding: 10px 10px 1px 10px; }

.box h2 {
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  background: #333;
  margin: -10px -10px 0 -10px;
  padding: 6px 12px; }

.box h2 a,
.box h2 a.visible {
  color: #fff;
  background: #333 url("../img/switch_minus.gif") 97% 50% no-repeat;
  display: block;
  padding: 6px 12px;
  margin: -6px -12px;
  border: none; }

.grid_4 .box h2 a {
  background-position: 97% 50%; }

.grid_5 .box h2 a {
  background-position: 98% 50%; }

.grid_12 .box h2 a {
  background-position: 99% 50%; }

.box h2 a.hidden,
.box h2 a.hidden:hover {
  background-image: url("../img/switch_plus.gif"); }

.box h2 a:hover {
  background-color: #111; }

.block {
  padding-top: 10px; }

div.menu {
  padding: 0; }

div.menu h2 {
  margin: 0; }

div.menu .block {
  padding-top: 0; }

/* paragraphs, quotes and lists
----------------------------------------------- */
p, .freewill, .list-group-item {
  margin-bottom: 1em; }

blockquote {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.2em;
  padding-left: 1em;
  border-left: 4px solid #ccc; }

blockquote cite {
  font-size: .9em; }

ul, ol {
  padding-top: 0; }

/* menus
----------------------------------------------- */
ul.menu {
  list-style: none;
  border-top: 1px solid #bbb; }

ul.menu li {
  margin: 0; }

ul.menu li a {
  display: block;
  padding: 4px 10px;
  border-bottom: 1px solid #ccc; }

ul.menu li a:hover {
  background: #eee; }

ul.menu li a:active {
  background: #ccc; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
form input {
  width: 100%; }
/*
form span {
  display: block;
  overflow: hidden;
  padding: 0 5px 0 0; }
*/
form textarea {
  display: block;
  width: 99%;
  overflow: auto; }

input.paypal{border:1px}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }

th:first-child,
td:first-child {
  padding-left: 0; }

th:last-child,
td:last-child {
  padding-right: 0; }

/* Past stories styling
----------------------------------------------- */
.past-story-container {
  height: auto;
  max-height: auto; }

.past-story-container h5 {
  margin: .5em 0 .2em 0;
  font-family: "patua one", Cambria, Georgia, serif;
  color: #888;
  font-size: 2.2em; }

.past-story-container h6 {
  font-size: 1.8em;
  line-height: 1.1em;
  text-transform: lowercase;
  font-weight: 300;
  margin: .2em 0; }

.past-story-container .thumb-container {
  max-height: 145px;
  overflow: hidden; }

/* Event Info
----------------------------------------------- */
.event-box {
  padding: 10px;
  background-color: #EAEAEA; }

.event-story-box, .event-story-box-info {
  float: right;
  max-width: 160px;
  margin: 1em 0 1em 2em;
  padding: 1em;
  background-color: #EAEAEA;
  border-top: 8px solid #444444;
  border-bottom: 2px solid #444444; }

.event-story-box .event-info, .event-story-box-info .event-info {
  font-size: 1.2em;
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-wrap: break-word; }

.event-story-box .event-icon, .event-story-box-info .event-icon {
  padding: 0;
  border-color: #95A6B1; }

.event-story-box .event-info-head, .event-story-box-info .event-info-head {
  color: #8BAFBF; }

.event-story-box-info {
  border: 8px solid #fff;
  text-align: center;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
  max-width: 170px; }

.event-story-box-info .event-info-head {
  text-align: center; }

.event-story-box-info .icon-info {
  font-size: 5em;
  text-align: center; }

@media (max-width: 768px) {
  .event-story-box, .event-story-box-info {
    max-width: 120px; } }
.event-icon {
  width: 100%;
  padding: 4px;
  border: 1px solid #95A6B1; }

.event-info-head {
  color: #444444;
  font-size: 2em;
  font-weight: bold;
  margin: .5em 0 0 0;
  text-transform: uppercase; }

.event-info {
  color: #000;
  font-size: .85em;
  line-height: 1.5em; }

.event-intro {
  font-family: "patua one", Cambria, Georgia, serif; }

/* site information
----------------------------------------------- */
#site_info .box {
  color: #ccc;
  background: #666;
  margin-bottom: 10px; }

#site_info a {
  color: #fff; }

#site_info a:hover {
  color: #000; }

/* Hero styling
----------------------------------------------- */
.hero-img {
  width: 100%;
  margin-bottom: 20px; }

.hero-cont, .hero-cont-story {
  position: relative;
  display: block;
  overflow: hidden; }

.hero-cont-story {
  margin-bottom: 1em; }

.hero-text-cont {
  position: absolute;
  bottom: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  padding: 1em; }

.hero-text-cont h1 {
  font-size: 2em;
  color: #fff; }

.hero-text-cont h2 {
  font-size: 1.5em;
  color: #fff; }

/* Hero styling
----------------------------------------------- */
.cover {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.15); }

/* Listing styling
----------------------------------------------- */
.listing-container {
  max-height: 300px;
  overflow: hidden;
  margin-bottom: .5em; }

/* Story styling
----------------------------------------------- */
.story-photo {
  position: relative;
  width: 100%;
  border: 1px solid #ddd; }

.story-container {
  overflow: hidden; }

@media (max-width: 468px) {
  .story-container {
    max-height: inherit; } }
.story-text {
  display: inline-block;
  margin: .5em 0 0 0;
  vertical-align: bottom; }

.section-head, .event-head {
  padding: .5em;
  background: #000;
  color: #fff;
  display: inline-block; }

.small-section-head {
  margin-top: 1em;
  font-size: 2.5em;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzUnPgogIDxyZWN0IHdpZHRoPSc1JyBoZWlnaHQ9JzUnIGZpbGw9J3doaXRlJy8+CiAgPHBhdGggZD0nTTAgNUw1IDBaTTYgNEw0IDZaTS0xIDFMMSAtMVonIHN0cm9rZT0nIzg4OCcgc3Ryb2tlLXdpZHRoPScxJy8+Cjwvc3ZnPg=="); }

.week-calendar:first-child .small-section-head {
  margin-top: 0; }

.small-section-head span {
  text-align: left;
  background: #fff;
  display: inline-block;
  color: #8BAFBF;
  text-transform: uppercase;
  padding: 0 10px 0 0; }

.small-section-head.first {
  margin-top: 0; }

@media (max-width: 1024px) {
  .small-section-head {
    margin-left: 18px;
    margin-right: 18px; } }
@media (max-width: 1024px) {
  .col3of10 .small-section-head {
    margin-left: 0;
    margin-right: 0; } }
.row > .small-section-head {
  margin-bottom: 0px; }

.event-head {
  display: block;
  margin: 2em 0 0 0;
  transition: background-color 200ms ease-in-out; }

.event-head:hover {
  background-color: #0085B2; }

.more-listing {
  color: #00BFFF;
  transition: color 200ms ease-in-out;
  transition: font-size 200ms ease-in-out; }

.more-listing:hover {
  color: #0085B2;
  font-size: 1.3em; }

.see-all {
  color: #fff;
  text-decoration: underline;
  float: right; }

.byline, .date {
  color: #8BAFBF;
  font-family: "Alegreya Sans SC", sans-serif;
  font-weight: 100;
  margin: 0 15px 0 0;
  display: inline-block; }

.byline span, .date span {
  color: #000;
  font-weight: 400; }

.date {
  margin-bottom: 1em; }

.col1of2 .story-inner {
  height: 340px;
  overflow: hidden;
  transition: height 300ms ease-in; }

.story-inner .byline, .story-inner .date, .story-inner .date, .story-inner p:first-child, .story-inner .freewill:first-child, .story-inner .list-group-item:first-child {
  text-indent: 0; }

.story-inner p, .story-inner .freewill, .story-inner .list-group-item {
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 1em; }

.story-inner h5 {
  margin-top: .2em;
  text-transform: uppercase;
  font-size: 2.3em; }

@media (max-width: 468px) {
  .story-inner {
    height: auto; } }
.read-more {
  display: block;
  padding: 1em 0;
  font-size: 1.5em;
  color: #00BFFF;
  transition: color 200ms ease-in-out;
  position: relative; }

.read-more:hover {
  color: #0085B2; }

.col1of2 .read-more {
  top: -1em;
  /*
  Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,ffffff+14&0+0,1+15 */
  background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(255, 255, 255, 0.93) 14%, white 15%);
  /* 
  
  FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(255, 255, 255, 0.93) 14%, white 15%);
  /* C
  
  hrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(255, 255, 255, 0.93) 14%, white 15%);
  /* W3
  
  C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff',GradientType=0 );
  /* IE6-
  
  9 */ }

/* Hero Image Gallery **************************************/
.main-gallery {
  margin: 20px 0;
  opacity: 0; 
  transition: opacity ease-in 100ms;
  max-height: 304px;
  }
  
.column .content .gallery-cell img {
   width: initial;
}

.hero-gallery {
  padding: 18px 18px 0 0; }
  @media (max-width: 768px) {
    .hero-gallery {
      padding-left: 18px; }
      .hero-gallery .small-section-head {
        margin-left: 0;
        margin-right: 0; } }

.gallery-cell {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff; }

.gallery-overlay {
  z-index: 2;
  width: 100%;
  height: 300px;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  display: table;
  transition: opacity 300ms ease-in-out;
  opacity: .7; }

.gallery-overlay:hover {
  opacity: 0; }

.gallery-overlay .gallery-text {
  display: none;
  vertical-align: middle;
  text-align: center; }

.gallery-overlay h5 {
  color: #fff;
  font-size: 1em; }

@-webkit-keyframes gallery-fade {
  0% {
    opacity: 0; }
  35% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes gallery-fade {
  0% {
    opacity: 0; }
  35% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes gallery-fade {
  0% {
    opacity: 0; }
  35% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes gallery-fade {
  0% {
    opacity: 0; }
  35% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.gallery-cell.is-selected .gallery-overlay {
  -webkit-animation: gallery-fade ease-in 4s 1;
  /*
  
  Safari 4+ */
  -moz-animation: gallery-fade ease-in 4s 1;
  /* 
  
  Fx 5+ */
  -o-animation: gallery-fade ease-in 4s 1;
  /* O
  
  pera 12+ */
  animation: gallery-fade ease-in 4s 1;
  /* IE
  
  10+, Fx 29+ */
  opacity: 0;
  background: rgba(0, 0, 0, 0.7); }

.gallery-cell.is-selected .gallery-overlay:hover {
  opacity: 1; }

.gallery-cell.is-selected .gallery-overlay .gallery-text {
  display: table-cell; }

/* Calendar Specific Styling **************************************/
.calendar-header {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em; }

.calendar-header .center {
  display: table-cell;
  width: 55%;
  text-align: center;
  float: left; }

.calendar-header h3 {
  margin: 0; }

.calendar-header .left, .calendar-header .right {
  float: left;
  width: 20%; }

.calendar-header .pager {
  display: table-cell;
  padding: 1em 10px;
/* border: 1px solid #777;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; */ }

.calendar-header .pager a {
  font-size: 1.4em;
  font-weight: 700; }

@media (max-width: 468px) {
  .calendar-header .pager {
    display: none;
    width: 40%; }

  .calendar-header .pager.right {
    margin-left: 5px; }

  .calendar-header .center {
    width: 100%;
    padding: 10px; }

  .calendar-header .center h3 {
    font-size: 3em; } }
.panel-body {
  padding: 0; }

.list-group {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.list-group-item {
  margin-left: 0px;
  padding: 10px; }

span.label-warning {
  color: #f0ad4e;
  font-weight: 100;
  border-left: 1px solid;
  padding: 0 5px 0 10px;
  text-transform: initial; }

@media (max-width: 468px) {
  span.label-warning {
    padding-left: 0;
    border-left: 0; } }
.mobile-pager {
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 100%; }

.mobile-pager .pager {
  display: none; }

@media (max-width: 468px) {
  .mobile-pager .pager {
    display: inline-block;
    float: none; } }
.calendar-jump {
  margin-top: 10px;
  padding: 0 10px; }

.cal-top {
  padding: 5px;
  margin: 10px 3px 0 0px;
  border: 1px solid;
  border-radius: 5px;
  width: 30%;
  display: block;
  text-align: center;
  font-size: .8em;
  line-height: 1.5em; }

/* Archives styling */
.archive li {
  list-style-type: none;
  margin-left: 0; }

.archive_block {
  height: 270px;
  font-size: 1em;
  text-align: center;
  margin: 10px 10px 0 0;
  float: left;
  max-width: 194px;
  padding: 1em;
  background: #EAEAEA; }

.archive_block img {
  border: 1px solid #CECECE; }

.grid-head {
  margin-right: 10px; }

/* Social Icons */
#socialicons {
  text-align: left; }

#socialicons .icon {
  color: MAIN_COLOR;
  border: 2px solid #CFCFCF;
  display: inline-block;
  font-size: 18px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  vertical-align: middle;
  margin: 0 1px 8px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px; }

#socialicons .icon:hover {
  color: #ffffff;
  background: #39579a;
  border-color: transparent; }

/* Freewill styles
---------------------------------------*/
.freewill p, .freewill .freewill {
  font-size: .8em; }

.freewill .head-black {
  color: #444444;
  font-weight: bold; }

.freewill .body-bold {
  font-size: 1.3em;
  color: #8BAFBF;
  font-weight: bold;
  text-transform: uppercase; }

.freewill .body-small {
  font-size: .8em; }

/* Cartoon styles
---------------------------------------*/
.cartoon-container h5 {
  font-size: 2em; }
  
/* INDEX styles
---------------------------------------*/
	.number-even, .number-odd {
		font-size: 4.5em;
		color: #c17440;
		margin-bottom: 0;
	}
	.number-even {
		color: #98b4b7;
	}
    .index {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.index-container {
    flex-basis: 42%;
    margin-right: 3em;
    flex-grow: 1;
    border-top: 3px solid #98b4b7;
    margin-bottom: 1em;
    padding: 1em 0 0 0;
}

p.description {
    margin-bottom: 2em;
}

/* ---- ADVERTISING PAGES --- */

.responsive {
  width: 100%;
  height: auto;
}

.center {
  display: flex;
  justify-content: center;
  align-content: center;
}

/* TESTIMONIALS */

.testimonials {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  background-color: #e6e6e6;
}

.quote {
  font-size: 1.3rem;
  line-height: 1.6;
}

.quoteAuthor {
  font-size: 1.3rem;
  line-height: 2;
  font-weight: 600;
}

/* CALL TO ACTION BUTTON */

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

.cta {
  background-color: red;
  /* width: 9rem; */
  border: none;
  color: white;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  margin: 2rem 1rem;
  cursor: pointer;
  align-items: center;
  transition: box-shadow 0.5s ease-in-out;
  font-weight: 600;
}

.cta:hover {
  /* background-color: orange; */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.cta span {
  font-size: 1.7rem
}

/* SPECIAL ISSUES */
.guides, .readership-stats, .contact-info {
  display: flex;
  flex-direction: row;
}

.guide-issues {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-content: space-between;
}

.issuecontainer, .stat-container {
  margin: .7rem .2rem;
}

.guide-issues img {
  height: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.guide-names {
  width: 26rem;
}

/* READERSHIP STATS */

.paper-stats {
  width: 65%;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}

.online-stats {
  display: flex;
  flex-flow: column;
}

.stat {
  padding: 1rem;
}

/* BIO */
.bio img {
  float: left;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
  font-size: 1rem;
}

.info {
  display: flex;
  flex-flow: column;
  font-size: 1rem;
}

.infobold {
  font-weight: bolder;
}

/* PARALLAX -- get rid of this eventually */

.parallaxOne {
  background-image: url('/images/site/resources/images/campus1.jpg');
  height: 20rem;
  width: 100%;
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 80%;
}

.parallaxTwo {
  background-image: url('/images/site/resources/images/boardwalk1.jpg');
  height: 20rem;
  width: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}

div.paypal {
  position: fixed;
  top: 200px;
  padding: 6px;
  background-color: #808080;
}

/* RESPONSIVE */

@media only screen and (max-width: 1100px) {

  .parallaxOne, .parallaxTwo {
    height: 13rem;
    background-size: 100%;
  }

}

@media only screen and (max-width: 800px) {

  .cta{
    width: 60%;
  }

  .parallaxOne, .parallaxTwo {
    height: 9rem;
    background-size: 140%;
  }

  .guide-names {
    display: none;
  }

  .readership-stats {
    flex-direction: column;
  }

  .paper-stats {
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .online-stats {
    flex-flow: row;
    align-items: center;
    justify-content: center;
  }

}

@media only screen and (max-width: 600px) {
  .parallaxOne, .parallaxTwo {
    height: 9rem;
    background-size: 170%;
  }
}

/* Freewill styling */
.freewill img.fl {
display: none;
}

.freewill br {
display: none;
}

/* Clubs styling */

.clubs-event {
    font-weight: bolder;
    font-size: 1.2em;
}

.clubs-item {
    padding: 1em;
    border: 1px solid #5555;
}

.clubs-item p {
    padding: 0;
    margin: 0;
}

.clubs-item:nth-child(odd) {
    background: #eae8e8;
}

.clubs-head {
    margin-top: .5em;
}

/* end clubs styling */

/* Styling for OIO publisher ad software */
.ad .content .oio-slot img {
    height: 100%;
}

/*# ---end--- */

/*# sourceMappingURL=text.css.map */