/*
Theme Name: Willamalane Theme
Description: Custom WordPress theme created by Limelight Department.
Author: Radley Sustaire, Limelight Department
Author URI: http://limelightdept.com/
License: Do not distribute
Version: 2.0
*/

/*
-- Available Fonts
Headers, Content:
font-family: 'Whitney', Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal, bold;
font-style: normal, italic;

Nav corner dropdown:
font-family: 'Whitney Light', 'Whitney', Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
font-style: normal;

Condensed Headers (rare):
font-family: 'Whitney Condensed', Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
*/

@font-face {
  font-family: 'Whitney';
  src: url('fonts/whitney-medium.eot');
  src: url('fonts/whitney-medium.eot?#iefix') format('embedded-opentype'),
       url('fonts/whitney-medium.woff') format('woff'),
       url('fonts/whitney-medium.ttf') format('truetype'),
       url('fonts/whitney-medium.svg#whitney-medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Whitney';
  src: url('fonts/whitney-bold.eot');
  src: url('fonts/whitney-bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/whitney-bold.woff') format('woff'),
       url('fonts/whitney-bold.ttf') format('truetype'),
       url('fonts/whitney-bold.svg#whitney-bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Whitney';
  src: url('fonts/whitney-mediumitalic.eot');
  src: url('fonts/whitney-mediumitalic.eot?#iefix') format('embedded-opentype'),
       url('fonts/whitney-mediumitalic.woff') format('woff'),
       url('fonts/whitney-mediumitalic.ttf') format('truetype'),
       url('fonts/whitney-mediumitalic.svg#whitney-mediumitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Whitney';
  src: url('fonts/whitney-bolditalic.eot');
  src: url('fonts/whitney-bolditalic.eot?#iefix') format('embedded-opentype'),
       url('fonts/whitney-bolditalic.woff') format('woff'),
       url('fonts/whitney-bolditalic.ttf') format('truetype'),
       url('fonts/whitney-bolditalic.svg#whitney-bolditalic') format('svg');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Whitney Light';
  src: url('fonts/whitney-light.eot');
  src: url('fonts/whitney-light.eot?#iefix') format('embedded-opentype'),
       url('fonts/whitney-light.woff2') format('woff2'),
       url('fonts/whitney-light.woff') format('woff'),
       url('fonts/whitney-light.ttf') format('truetype'),
       url('fonts/whitney-light.svg#whitney-light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Whitney Condensed';
  src: url('fonts/whitneycondensed-bold.eot');
  src: url('fonts/whitneycondensed-bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/whitneycondensed-bold.woff') format('woff'),
       url('fonts/whitneycondensed-bold.ttf') format('truetype'),
       url('fonts/whitneycondensed-bold.svg#whitneycondensed-bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

/* ==========================================================================
Normalize.css v3.0.1 | MIT License | git.io/normalize
Code Layout Compression: 4/5
========================================================================== */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
dfn{font-style:italic;}
h1{font-size:2em;margin:.67em 0;}
mark{color:#000;background:#ff0;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input{line-height:normal;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
b,strong,optgroup{font-weight:bold;}
pre,textarea{overflow:auto;}
button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0;}

button {
  border: none;
  background: none;
  text-decoration: none;
  outline: none;
  -webkit-appearance: none;
}

/* Theme-specific Reset */
.nav-menu ul.nav-ul,
.nav-menu ul.nav-ul li,
.nav-menu ul.nav-ul ul.sub-menu,
ul.sidebar-list,
ul.sidebar-list li.widget {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ==========================================================================
WordPress Generated Classes
========================================================================== */
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;text-align:center;padding:5px 3px 10px;}
.wp-caption.alignright{margin:5px 0 10px 20px;}
.wp-caption img{border:0 none;height:auto;max-width:98.5%;width:auto;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.alignnone,a img.alignnone,.wp-caption.alignnone,.wp-caption.alignleft{margin:5px 20px 10px 0;}
.aligncenter,div.aligncenter,.aligncenter{display:block;margin:5px auto;}
.alignright,a img.alignright{float:right;margin:5px 0 10px 20px;}
.alignleft,a img.alignleft{float:left;margin:5px 20px 10px 0;}

/* ==========================================================================
Customized WordPress components
========================================================================== */

/* Gallery Core */
.gallery {
  position: relative;
  margin: 1.35em 0 !important;
}
.gallery-item {
  display: block;
  margin: 0 0 15px;
  padding: 0;
}
.gallery-icon a {
  height: auto;
  display: block;
  overflow: hidden;
  line-height: 0;
}
.gallery-icon a:hover {
  opacity: 0.8;
}
.gallery-icon a img {
  display: inline-block;
  margin: 0;
  width: 100%;
  height: auto;
  border: none !important;
}
.gallery-icon {
  display: inline-block;
  margin: 2px 0 3px;
}
.gallery-caption {
  display: block;
  margin: 0 0 15px;
}
.gallery-caption .gallery-title {
  font-weight:  bold;
  color: #F2CA52;
  font-size: 16px;
  display: block;
  margin: 0 0 5px;
}

.wp-caption {
  background: transparent;
  border: none;
}
.gallery.gallery-columns-1 .gallery-item:after {
  content: ' ';
  clear: both;
  display: block;
}


/* Multi Columns (Shared) */
.gallery .gallery-item {
  float: left !important;
  margin: 0 1% !important;
  text-align: center !important;
}
.gallery .gallery-caption {
  display: none;
}

/* 2 Columns */
.gallery.gallery-columns-2 .gallery-item {
  width: 48% !important;
}
/* 3 Columns */
.gallery.gallery-columns-3 .gallery-item {
  width: 31% !important;;
}
/* 4 Columns */
.gallery.gallery-columns-4 .gallery-item {
  width: 23% !important;
}
/* 5 Columns */
.gallery.gallery-columns-5 .gallery-item {
  width: 18% !important;
}
/* 6 Columns */
.gallery.gallery-columns-6 .gallery-item {
  width: 14% !important;
}



/* Single Column */
.gallery.gallery-columns-1 .gallery-item {
  float: none !important;
  margin: 0 0 10px !important;
  text-align: left !important;
}
.gallery.gallery-columns-1 .gallery-icon {
  float: left;
  width: auto;
  margin-right: 10px;
  margin-bottom: 0;
}
.gallery.gallery-columns-1 .gallery-caption {
  display: block;
  margin-left: 160px;
  margin-bottom: 0;
}
.gallery.gallery-columns-1 a {
  max-width: 150px;
  max-height: 150px;
  overflow: hidden;
}
.gallery.gallery-columns-1 {
  background: none;
  border: none;
}
.gallery.gallery-columns-1 .gallery-icon {
  margin: 0 10px 0 0;
}

/* Hide annoying WordPress admin menu buttons */
#wpadminbar #wp-admin-bar-wp-logo,
#wpadminbar #wp-admin-bar-updates,
#wpadminbar #wp-admin-bar-notes,
#wpadminbar #wp-admin-bar-comments {
  display: none;
}

#wpadminbar #wp-admin-bar-stats {
  opacity: 0.5;
}

/* Screen reader text, like what the dashboard uses */
.screen-reader-text {
  position: absolute;
  top: -10000em;
}

/* ==========================================================================
General element styles
========================================================================== */
div:focus,
span:focus,
:hover:focus {
  outline: none;
}

html, body, #wrapper { min-height: 100%; }
html.admin-bar { min-height: calc(100% - 32px); }
@media (max-width: 782px) { html.admin-bar { min-height: calc(100% - 46px); } }

body,
html body.login {
  font-family: 'Whitney', Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  
  background: #fdfdfd;
  color: #000000;
}

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: bold;
  line-height: 1.1;
  
  margin: 20px 0 10px;
}

h4, h5, h6 {
  margin: 10px 0 10px;
}

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

.entry-content h1 { font-size: 30px; }
.entry-content h2 { font-size: 24px; }
.entry-content h3 { font-size: 22px; }
.entry-content h4 { font-size: 18px; }
.entry-content h5 { font-size: 16px; }
.entry-content h6 { font-size: 16px; }

p {
  margin: 10px 0;
}

a {
  color: #00b4ac;
  text-decoration: underline;
}
a:hover {
  color: #00c4bb;
}
a:hover:active {
  outline: none;
  color: #00a19a;
}

blockquote {
  margin: 16px 32px;
}

label[for] {
  cursor: pointer;
}

ul, ol {
  list-style-position: inside;
}

/* ==========================================================================
Website structure
========================================================================== */

#wrapper {
  position: relative;
  text-align: center;
  overflow: hidden; /* who needs horizontal scrollbars? is this the 90s?! */
}

#header-wrapper,
#content-wrapper,
#footer-wrapper {
  position: relative;
  clear: both;
}

#header,
#content,
#footer {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  
  text-align: left;
  clear: both;
}

#header-wrapper {
}
  #header {
    width: auto;
    max-width: none;
  }
  body.no-subnav #header-wrapper,
  body.no-subnav #header {
    height: 167px;
  }
  #header .absolute-controls {
    height: 115px;
  }
  #header .wrap {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
  }
    #logo {
      position: absolute;
      top: 24px;
      left: 0px;
      z-index: 1200;
      
      display: block;
    }

#content-wrapper {
}
  #content {
  }
    #main { 
      position: relative;
      width: 630px;
      padding: 30px 0 48px 0;
      
      float: left;
    }
    #sidebar {
      position: relative;
      width: 300px;
      padding: 30px 0 48px 0;
      
      float: right;
    }
  
  
#footer-wrapper {
  color: #777777;
  background: #e2e2e2;
  min-height: 340px;
}
#footer-wrapper a {
  color: #777777;
}
  #footer {}
  
    #footer-logo {
        position: absolute;
        top: 30px;
        right: 30px;
    }
      
    #footer-corner {
      position: absolute;
      top: 250px;
      right: 30px;
      
      text-align: right;
      font-size: 10px;
      line-height: 12px;
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    }
      #footer-corner a {
        margin-bottom: 2px;
      }

#social-header {
  position: absolute;
  top: 60px;
  right: 0px;
  text-align: right;
}
#social-header p {
  color: #777;
  font-size: 12px;
  margin: 0 0 3px;
}
#social-header li.icon {
  margin-right: 3px;
}
#social-header li.icon:last-child {
  margin-right: 0;
}
      
#social-footer {
  position: absolute;
  top: 110px;
  right: 30px;
  margin-right: -10px;
}

/* ==========================================================================
Navigation Menus
========================================================================== */

.nav-menu {
  position: absolute;
  
	font-size: 14px;
  cursor: default;
}
	.nav-menu ul.nav-ul {
    display: block;
    margin: 0;
    padding: 0;
    
    list-style: none;
  }
	.nav-menu li {
		margin: 0;
		padding: 0;
		list-style: none;

		display: inline;
		display: inline-block;
	}
		.nav-menu li a {
			padding: 0px 6px;
			text-decoration: none;
      cursor: pointer;
		}

.nav-menu {
  color: #0000ff;
}
.nav-menu a {
  color: #0000ff;
  text-decoration: none;
}
.nav-menu a:hover {
  color: #2079FF;
}
.nav-menu a:hover:active {
  outline: none;
  color: #E02B2B;
}
.nav-menu span.empty-link {
  display: inline-block;
  padding: 0 6px;
}
.nav-menu li.menu-item:last-child span.empty-link {
  padding-right: 0;
}
.nav-menu li.menu-item:first-child span.empty-link {
  padding-left: 0;
}


/* Header - Primary */
#nav-primary-wrap {
  background: #202020;
  width: 100%;
  height: 52px;
}

#nav-primary {
  position: static;
  text-align: center;
}
#nav-primary li.depth-1 > a {
  font-size: 20px;
  color: #fff;
  line-height: 52px;
  height: 52px;
  padding: 0 12px;
  min-width: 120px;
  display: inline-block;
  vertical-align: top;
}

/* Header - Primary - Sub Menus */
#nav-primary ul.depth-1 {
  position: absolute;
  top: 100%;
  left: 0px;
  
  height: auto; 
  max-height: 0px; 
  overflow: hidden;
  visibility: hidden;
  
  z-index: 700;
  text-align: left;
  background: #202020;
  padding: 28px 30px 30px;
  
  transition: max-height 0.8s ease-out;
}
#nav-primary li.depth-1.active ul.depth-1 {
  max-height: 600px;
  z-index: 800;
  visibility: visible;
}

#nav-primary ul.sub-menu a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 2px 5px;
  margin: -2px -5px;
}
#nav-primary li.depth-1 ul.depth-1 {
  border-top: 8px solid #202020;
}

#nav-primary ul.depth-2 {
  display: block;
}
#nav-primary ul.depth-2 li {
  display: block;
}
#nav-primary li.depth-2 > a {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}

#nav-primary li.depth-2 {
  margin: 0 10px;
  min-width: 150px;
  max-width: 170px;
  vertical-align: top;
}
#nav-primary li.depth-2.menu-first {
  margin-left: 0;
}
#nav-primary li.depth-2.menu-last {
  margin-right: 0;
}
#nav-primary ul.sub-menu.depth-3 {
  display: none;
}

#nav-primary span.menu-image {
  display: block;
  margin: 2px 0 5px;
  
  width: 100%;
  height: 100px;
  
  background: center no-repeat;
  background-size: cover;
}
#nav-primary span.menu-image.no-image {
  background: #FFF url(images/placeholder.png) center no-repeat;
  background-size: contain;
}

/* Facilities: Grid-based layout, best for rows of 3 */
#nav-primary li.depth-1.nth-2 li.depth-2 {
  width: 170px;
  max-width: none;
}

#nav-primary li.depth-1.nth-2 li.nth-3,
#nav-primary li.depth-1.nth-2 li.nth-6 {
  margin-right: 0;
}

#nav-primary li.depth-1.nth-2 li.depth-2 {
  display: block;
  float: left;
  margin-bottom: 10px;
}

#nav-primary li.depth-1.nth-2 li.nth-1,
#nav-primary li.depth-1.nth-2 li.nth-4,
#nav-primary li.depth-1.nth-2 li.nth-7 {
  clear: left;
  margin-left: 0;
}

#nav-primary li.depth-1.nth-2 ul.depth-1 {
  padding-bottom: 20px;
}

/* News & Events: Relative positioned submenu */
#nav-primary li#menu-item-1881.depth-1 {
  position: relative;
}
#nav-primary ul.sub-menu.depth-1 {
  white-space: nowrap;
}
#nav-primary ul.sub-menu.depth-1 li {
  white-space: normal;
}

/* Header - Primary - Sub Menu - Colors */
#nav-primary li.depth-1.nth-1 ul.depth-1 {
  border-top-color: #a054a0;
}
#nav-primary li.depth-1.nth-1 > a:hover,
#nav-primary li.depth-1.nth-1.active > a {
  background: #a054a0;
}
#nav-primary li.depth-1.nth-1 .sub-menu a:hover {
  background: #a054a0;
  color: #202020;
}

#nav-primary li.depth-1.nth-2 ul.depth-1 {
  border-top-color: #2483c5;
}
#nav-primary li.depth-1.nth-2 > a:hover,
#nav-primary li.depth-1.nth-2.active > a {
  background: #2483c5;
}
#nav-primary li.depth-1.nth-2 .sub-menu a:hover {
  background: #2483c5;
  color: #202020;
}

#nav-primary li.depth-1.nth-3 ul.depth-1 {
  border-top-color: #00b4ac;
}
#nav-primary li.depth-1.nth-3 > a:hover,
#nav-primary li.depth-1.nth-3.active > a {
  background: #00b4ac;
}
#nav-primary li.depth-1.nth-3 .sub-menu a:hover {
  background: #00b4ac;
  color: #202020;
}

#nav-primary li.depth-1.nth-4 ul.depth-1 {
  border-top-color: #f9a51a;
}
#nav-primary li.depth-1.nth-4 > a:hover,
#nav-primary li.depth-1.nth-4.active > a {
  background: #f9a51a;
}
#nav-primary li.depth-1.nth-4 .sub-menu a:hover {
  background: #f9a51a;
  color: #202020;
}

#nav-primary li.depth-1.nth-5 ul.depth-1 {
  border-top-color: #f05a22;
}
#nav-primary li.depth-1.nth-5 > a:hover,
#nav-primary li.depth-1.nth-5.active > a {
  background: #f05a22;
}
#nav-primary li.depth-1.nth-5 .sub-menu a:hover {
  background: #f05a22;
  color: #202020;
}

#nav-primary li.depth-1.nth-6 ul.depth-1 {
  border-top-color: #ee5ba0;
}
#nav-primary li.depth-1.nth-6 > a:hover,
#nav-primary li.depth-1.nth-6.active > a {
  background: #ee5ba0;
}
#nav-primary li.depth-1.nth-6 .sub-menu a:hover {
  background: #ee5ba0;
  color: #202020;
}

/* The menu isn't intended to support more than 6 items, but if there is a 7th, it will be white. */
#nav-primary li.depth-1.nth-7 ul.depth-1 {
  border-top-color: #fdfdfd;
}
#nav-primary li.depth-1.nth-7 > a:hover,
#nav-primary li.depth-1.nth-7.active > a {
  background: #fdfdfd;
  color: #202020;
}
#nav-primary li.depth-1.nth-7 .sub-menu a:hover {
  background: #fdfdfd;
  color: #202020;
}

/* Right-aligned the 5th and 6th dropdown submenu */
#nav-primary li.depth-1.nth-5,
#nav-primary li.depth-1.nth-6 {
  position: relative;
}
#nav-primary li.depth-1.nth-5 ul.depth-1,
#nav-primary li.depth-1.nth-6 ul.depth-1 {
  right: 0;
  left: auto;
}


/* Primary Nav - Programs & Sports - Register Now Button */
/* Only show the button in the primary nav */
.menu-reg-button {
    display: none;
}

#nav-primary .menu-reg-button {
	display: block;
	width: 150px;
	text-align: center;
	
	clear: both;
	margin: 10px 0 0;
}

/* Reserve space for the button */
#nav-primary .menu-reg-button .reg-label {
    color: #fff;
    font-size: 18px;
    margin: 0 0 5px;
    text-transform: lowercase;
}
#nav-primary .menu-reg-button .reg-button .button {
    text-align: center;
    
    line-height: 38px;
    display: block;
    padding: 0;
}



/* Subnav */
#subnav-wrap {
  width: 100%;
  z-index: 5;
}
#subnav-wrap .wrap {
  background: #e2e2e2;
}

#subnav {
  position: static;
  text-align: left;
  padding: 0 20px;
}
#subnav-wrap .subnav-title,
#subnav a {
  font-size: 16px;
  color: #000;
  line-height: 38px;
  height: 38px;
  padding: 0 12px;
  display: inline-block;
}
#subnav a:hover {
  background: #E8E8E8;
}
#subnav a:hover:active {
  background: #DBDBDB;
}
#subnav-wrap .subnav-title {
  color: #979797;
}

#subnav li.current-menu-item a {
background: #d4d4d4;
}





/* Header - Corner */
#nav-corner {
  top: 5px;
  right: 30px;
}
#nav-corner li {
  position: relative;
}
#nav-corner > ul > li > a {
  display: block;
  padding: 0 43px 0 5px;
  
  height: 30px;
  line-height: 30px;
  
  text-transform: uppercase;
}
#nav-corner ul.sub-menu {
  position: absolute;
  top: 24px;
  left: 0px;
  
  height: auto; 
  max-height: 0px; 
  overflow: hidden;
  visibility: hidden;
  
  background: #fdfdfd;
  transition: max-height 0.8s ease-out;
}
#nav-corner li.active > ul.sub-menu {
  display: block;
  max-height: 300px;
  z-index: 800;
  visibility: visible;
}
#nav-corner ul.sub-menu li {
  display: block;
}
#nav-corner a {
  color: #777;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
}
#nav-corner a:hover {
  text-decoration: underline;
}
#nav-corner a:hover:active {
  color: #2483c5;
  text-decoration: none;
}

#nav-corner ul.sub-menu {
  font-family: 'Whitney Light', 'Whitney', Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}
#nav-corner ul.sub-menu a {
  display: block;
  margin: 0;
  padding: 0 5px;
  
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
  font-size: 14px;
}

/* Footer Navigation */
#footer-nav {
  padding: 30px 0 18px 30px;
}
#footer-nav ul, #footer-nav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#footer-nav h2.widgettitle {
  display: none;
}
#footer-nav .nav-list {
  float: left;
  width: 130px;
  margin-right: 8px;
}
#footer-nav li.menu-item-has-children > a {
  text-transform: uppercase;
}
#footer-nav a {
  text-decoration: none;
  color: #777777;
}
#footer-nav a:hover {
  text-decoration: underline;
}
#footer-nav li.widget {
  margin-bottom: 20px;
}
#footer-nav a {
  font-weight: bold;
}
#footer-nav .sub-menu a {  
  font-weight: normal;
  font-size: 13px;
  white-space: nowrap;
}

/* Make the third column, which contains the longest link "Willamalane Foundation", have increased width */
#footer-nav .nav-list.nav-col-3 {
  width: 140px;
}


/* ==========================================================================
WordPress Theme Styles
========================================================================== */

.clear {
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  overflow: hidden;
}

.entry-title {
  margin-top: 0;
  margin-bottom: 14px;
}
.entry-title a {
  text-decoration: none;
}
.entry-title a:hover {
  text-decoration: underline;
}
.entry-title a:hover:active {
  text-decoration: underline;
}


h3.entry-title {
  font-size: 20px;
  margin: 0 0 10px;
}

.entry-content > ol,
.entry-content > ul,
#sidebar ul.sidebar-list li ul,
#sidebar ul.sidebar-list li ol  {
  margin: 0 0 10px;
  padding-left: 20px;
}

.entry-content ul li,
.entry-content ol li,
#sidebar ul.sidebar-list li ul li,
#sidebar ul.sidebar-list li ol li {
  margin: 0;
}

.entry-content > p > a > img,
.entry-content > p > img {
  max-width: 100%;
  height: auto;
}

#main iframe {
  max-width: 100% !important;
}

/* ==========================================================================
Form Element Styles
========================================================================== */

input,
textarea,
button,
select {
  text-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
textarea {
  display: inline-block;
  padding: 4px 6px;
  
  margin: 0;
  
  line-height: 22px;
  font-size: 16px;
  
  background: #fff;
  border: 1px solid #d9d9d9;
  
  box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
}

select {
  background: #E2E2E2;
  color: #000;
  font-size: 14px;

  display: inline-block;
  padding: 4px 6px;
  margin: 0;
  line-height: 22px;
  border: 1px solid #D9D9D9;
  box-shadow: none;
  border-radius: 0;  
}

input[type=button],
input[type=submit],
input[type=reset],
.button, a.button,
a.more-link {
  display: inline-block;
  
  padding: 8px 16px;
  
  color: #FFF;
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  
  background: #00b4ac;
  
  cursor: pointer;
  
  box-shadow: none;
  border: none;
  border-radius: 0;
  text-shadow: none;
  text-decoration: none;
  -webkit-appearance: none;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
.button:hover,
a.button:hover,
a.more-link:hover {
  color: #FFF;
  background: #00c4bb;
  text-decoration: none;
}
input[type=button]:hover:active,
input[type=submit]:hover:active,
input[type=reset]:hover:active,
.button:hover:active,
a.button:hover:active,
a.more-link:hover:active {
  color: #FFF;
  background: #00a19a;
  text-decoration: none;
}

input.placeholder,
textarea.placeholder {
  color: #888;
}

/* Colored Buttons */
.button-blue > .button, .button.button-blue {
  background: #2483c5;
}
.button-blue > .button:hover, .button.button-blue:hover {
  background: #228cd5;
}
.button-blue > .button:hover:active, .button.button-blue:hover:active {
  background: #2277b1;
}

.button-purple > .button, .button.button-purple {
  background: #a054a0;
}
.button-purple > .button:hover, .button.button-purple:hover {
  background: #ae55ae;
}
.button-purple > .button:hover:active, .button.button-purple:hover:active {
  background: #8f4e8f;
}

.button-pink > .button, .button.button-pink {
  background: #ee5ba0;
}
.button-pink > .button:hover, .button.button-pink:hover {
  background: #f55dae;
}
.button-pink > .button:hover:active, .button.button-pink:hover:active {
  background: #e0548f;
}

.button-orange > .button, .button.button-orange {
  background: #f05a22;
}
.button-orange > .button:hover, .button.button-orange:hover {
  background: #fb6c24;
}
.button-orange > .button:hover:active, .button.button-orange:hover:active {
  background: #e35421;
}

.button-yellow > .button, .button.button-yellow {
  background: #f9a51a;
}
.button-yellow > .button:hover, .button.button-yellow:hover {
  background: #fcb418;
}
.button-yellow > .button:hover:active, .button.button-yellow:hover:active {
  background: #f29419;
}

.button-aqua > .button, .button.button-aqua {
  background: #00b4ac;
}
.button-aqua > .button:hover, .button.button-aqua:hover {
  background: #00c4bb;
}
.button-aqua > .button:hover:active, .button.button-aqua:hover:active {
  background: #00a19a;
}

.button-gray > .button, .button.button-gray {
  background: #e2e2e2;
  color: #000;
}
.button-gray > .button:hover, .button.button-gray:hover {
  background: #d4d4d4;
  color: #000;
}
.button-gray > .button:hover:active, .button.button-gray:hover:active {
  background: #777777;
  color: #fff;
}

.button-black > .button, .button.button-black {
  background: #202020;
  color: #fff;
}
.button-black > .button:hover, .button.button-black:hover {
  background: #404040;
  color: #fff;
}
.button-black > .button:hover:active, .button.button-black:hover:active {
  background: #000000;
  color: #fff;
}

.button-white > .button, .button.button-white {
  background: #fdfdfd;
  color: #000;
}
.button-white > .button:hover, .button.button-white:hover {
  background: #eeeeee;
  color: #000;
}
.button-white > .button:hover:active, .button.button-white:hover:active {
  background: #e2e2e2;
  color: #000;
}

/* Button sizes */
.button.button-inline {
  padding: 0 5px;
  font-size: inherit;
  line-height: inherit;
}
.button.button-tiny {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 14px;
}
.button.button-small {
  padding: 8px 12px;
  font-size: 16px;
  line-height: 16px;
}
.button.button-medium {
  padding: 9px 20px;
  font-size: 18px;
  line-height: 18px;
}
.button.button-large {
  padding: 9px 20px;
  font-size: 20px;
  line-height: 20px;
}


/* Fix small buttons inside entry-title */
.entry-title .button-small {
  position: relative;
  top: -2px;
  padding: 4px 10px 6px;
}

/* Custom UL List Arrows */
ul.ul-arrow > li {
  list-style: none;
  position: relative;
}
ul.ul-arrow > li:before {
  content: '\25B6';
  position: absolute;
  left: -20px;
  margin-top: -1px;
  color: #000;
}
ul.ul-arrow.arrow-blue > li:before {
  color: #2483c5;
}
ul.ul-arrow.arrow-orange > li:before,
ul.ul-arrow.arrow-red > li:before {
  color: #f05a22;
}
ul.ul-arrow.arrow-purple > li:before {
  color: #a054a0;
}
ul.ul-arrow.arrow-pink > li:before {
  color: #ee5ba0;
}
ul.ul-arrow.arrow-yellow > li:before {
  color: #f9a51a;
}
ul.ul-arrow.arrow-aqua > li:before {
  color: #00b4ac;
}
ul.ul-arrow.arrow-black > li:before {
  color: #000000;
}
ul.ul-arrow.arrow-gray > li:before {
  color: #e2e2e2;
}

/* ==========================================================================
Table Styles
========================================================================== */

th, td {
  padding: 8px;
  line-height: 1.4;
  vertical-align: top;
}


/* ==========================================================================
Specific content areas
========================================================================== */

.clickable:focus {
  outline: none;
}

/* Class page & archives */
.entry-archive-header .entry-title {
  margin: 0 0 30px;
}
.entry-archive-header .entry-title a {
  color: #000;
  text-decoration: underline;
}
.entry-archive-header .entry-title a:hover {
  color: #00B4AC;
}
.entry-archive-header .entry-title a:hover:active {
  text-decoration: none;
}

.entry-class.class-multiple.has-thumb .entry-section,
.entry-class.class-multiple.has-thumb .entry-title {
  margin-left: 136px;
}

/* Hide iframes from class descriptions */
article.type-class .entry-summary iframe {
  display: none !important;
}

.class-info {
  margin: 10px 0;
}
.class-info .info-item.class-ages {
  font-weight: bold;
}

table.class-table span.field-label {
  display: none;
}
table.class-table {
  clear: both;
  width: 100%;
  /* table-layout: fixed; */
}
table.class-table .col-dates { width: 90px; }
table.class-table .col-days { width: 60px; }
table.class-table .col-time { width: 90px; }
table.class-table .col-price { width: auto; }
table.class-table .col-number { width: 60px; white-space: nowrap;}
table.class-table .col-url { width: 120px; }



/* Ability to hide registration column */ 
table.class-table.no-registration .col-number,
table.class-table.no-registration .col-url {
  display: none;
}


table.class-table td, .class-table th {
  padding: 3px 2px;
}
table.class-table thead th,
table.class-table tfoot th {
  padding: 6px 2px;
}
table.class-table thead th, table.class-table tfoot th {
  font-size: 12px;
  text-transform: uppercase;
}
table.class-table abbr {
  color: #777;
}
table.class-table thead,
table.class-table tfoot {
  background: #F1F1F1;
}
table.class-table .col-dates {
  padding-left: 5px;
}
table.class-table .col-url {
  padding-right: 5px;
}
table.class-table tbody tr:nth-child(even) {
  background: #F8F8F8;
}
table.class-table tbody tr:hover {
  background: #DAEEFC;
}

table.class-table tfoot {
  display: none;
}
.class-table span.empty {
  color: #CCC;
  font-size: 12px;
  font-style: italic;
}

.class-table .col-url .button {
  /*
  background: #E2E2E2;
  color: #000;
  */
  font-size: 13px;
  padding: 3px 15px;
}
/*
.class-table .col-url .button:hover {
  background: #d4d4d4;
  color: #000;
}
.class-table .col-url .button:hover:active {
  background: #2483c5;
  color: #ffffff;
}
*/

.class-table span.tel a {
  -webkit-appearance: none;
  color: #202020;
  white-space: nowrap;
  text-decoration: none;
}
/*
.class-table span.tel a:before {
  content: ' ';
  display: inline-block;
  width: 14px;  
  height: 15px;  
  margin: 0 5px -3px 0;
  vertical-align: baseline;
  background-repeat: no-repeat;  
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjcxQUY2OUI0QjM2MTFFNEE3NkRFQjNGODAzN0RENzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjcxQUY2OUM0QjM2MTFFNEE3NkRFQjNGODAzN0RENzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NzFBRjY5OTRCMzYxMUU0QTc2REVCM0Y4MDM3REQ3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NzFBRjY5QTRCMzYxMUU0QTc2REVCM0Y4MDM3REQ3NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi0CmzsAAADuSURBVHjaYjQ2NmYAAnYgPgrEMkCsC8SvGQgAJiBmBuIzQAwyQRyI5zEQAUAaG4FYB0nMB4gDidGITZE5MRol0cT+APFyYjR+QOI/B2JFIL5IjMajSPwTQPyE2MBZgsT3BmJ5YjXuBOIdUD4bEE8jViMI5ADxbyjbC4gnoanjBeJcILZG13gXiGORFOaieWE/1LAjQFwDEmBBklwJxHJA3AXlRwOxKxD/A2IJJHXNQCzCLCUlheykY0D8BYjdoHxuIObB4kVpJiyCvdDQ/YEnbHKYcEhsA2JhIK4D4htA/B2IPwHxZiBWA+JNAAEGANBRJhXzQe+UAAAAAElFTkSuQmCC);
}
*/

table.class-table tbody td {
  font-size: 13px;
  line-height: 16px;
}
@media (max-width: 600px) {
  table.class-table tbody td {
    font-size: 14px;
    line-height: 18px;
  }
}


.idod-tip {
  cursor: help;
}
.idod-sm { display: none; }
.idod-lg { display: inline; }

span.idod-sep {
  display: block;
  height: 0;
  visibility: hidden;
}

@media ( max-width: 500px ) {
  .idod-sm { display: inline; }
  .idod-lg { display: none; }
  span.idod-sep {
    display: inline;
    height: auto;
    visibility: visible;
  }
}


/* Class group header notices */
.class-group-notice {
  background: #F1F1F1;
  padding: 7px 14px;
  margin: 0 0 20px;
}
.class-group-notice p:first-child {
  margin-top: 0;
}
.class-group-notice p:last-child {
  margin-bottom: 0;
}

/* Wheelchair icon for Adaptive Recreation */
.class-group-notice.adaptive-recreation {
  padding: 10px 14px 10px 72px;
  background: #F1F1F1 url(images/wheelchair-42.png) 14px 50% no-repeat;
}

/* Format textual registration labels */
.col-url .field-value .text-emphasize {
  font-style: italic;
  font-size: 12px;
}


/* Narrow Class tables */
@media (max-width: 600px) {
  .class-table thead,
  .class-table tfoot {
    display: none;
  }
  .class-table tbody tr,
  .class-table tbody td {
    display: block;
  }

  .class-table {
    counter-reset: class-section;
  }
  .class-table tbody tr {
    counter-increment: class-section;
    padding: 10px 6px;
    border-bottom: 1px solid #d0d0d0;
    background: none !important;
  }
  .class-table tbody td {
    padding: 0 !important;
    width: auto !important;
  }
  .class-table tbody td .field-label {
    display: block;
    float: left;
    width: 60px;
    font-weight: 300;
    margin-right: 10px;
  }
  .class-table tbody td .field-value {
    display: block;
    float: left;
  }
  .class-table tbody td:after {
    content:' ';
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
  }
  .class-table tbody tr:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .class-table tbody tr:nth-child(even) {
    background: #EBEBEB !important;
  }
  .class-table tbody td.col-dates .field-label {
    font-weight: bold;
  }
  
  .class-table tbody td.block-label .field-label {
    float: none;
    width: auto;
    margin: 6px 0 2px;
  }
  .class-table tbody td.block-label .field-value {
    float: none;
    margin: 2px 0;
  }
}

.class-table-desktop_button { display: inline-block !important; }
.class-table-mobile_button { display: none !important; }
@media ( max-width: 600px ) {
  .class-table-desktop_button { display: none !important; }
  .class-table-mobile_button { display: inline-block !important; }
}


/* Class table calendar icons */
/*
table.class-table th.col-cal:before {
  position: absolute;
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(images/calendar-b.png) 0px -16px no-repeat;
  opacity: 0.5;
}
*/
table.class-table .col-cal {
  width: 16px;
}
a.calendar-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  position: relative;
  top: 1px;
  margin-right: 5px;
  background: url(images/calendar-b.png) 0px  -16px no-repeat;
}
a.calendar-icon span {
  position: absolute;
  top: -9000px;
}
table:hover a.calendar-icon { background-position: 0px -16px; }
table a.calendar-icon:hover { background-position: 0px -32px; }
table a.calendar-icon:hover:active { background-position: 0px -48px; }

.col-cal span.field-value {
  position: relative;
}
.col-cal span.field-value:hover:before {
  content: 'Add to Google Calendar';
  position: absolute;
  top: 100%;
  margin-top: 1px;
  padding: 3px;
  background: #fdfdfd;
  width: auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  white-space: nowrap;
}

/* Class_group_list shortcode (List of all class categories and their term counts) */
.class-group-list {
  margin: 20px 0;
}
.class-group-list ul.depth-1 {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main .class-group-list ul.depth-1 > li {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.class-group-list ul.depth-2 > li {
  list-style: disc;
}
#main .class-group-list li {
  margin: 5px 0;
}
#main .class-group-list ul {
  margin-bottom: 10px;
}
.class-group-list ul.depth-1 > li > a {
  font-weight: bold;
  font-size: 20px;
}
.class-group-list ul.depth-1 > li > span {
  font-size: 16px;
  margin-left: 3px;
}
.class-group-list span.group-count {
  color: #808080;
}
.class-group-list a {
  color: #000;
  text-decoration: none;
}
.class-group-list a:hover {
  color: #00B4AC;
}



/* Willamalane Breadcrumbs */
.wl-breadcrumb {
  font-size: 14px;
  font-weight: normal;
  color: #808080;
  margin: 0 0 24px;
}
/* Archive breadcrumb (esp. for class groups) */
.entry-archive-header h3.entry-title {
  font-size: 14px;
  font-weight: normal;
  color: #808080;
  margin: 0 0 24px;
}
.entry-archive-header h3.entry-title a {
  color: #63AAA6;
}


/* Header > Search Button */
#header-search {
  position: absolute;
  top: 5px;
  right: -10px;
  z-index: 10;
  
  width: 40px;
  height: 30px;
  
  border-radius: 15px;
  
  -webkit-transition: width 0.3s ease-out, background 0.3s ease-out;
  -moz-transition: width 0.3s ease-out, background 0.3s ease-out;
  -ms-transition: width 0.3s ease-out, background 0.3s ease-out;
  -o-transition: width 0.3s ease-out, background 0.3s ease-out;
  transition: width 0.3s ease-out, background 0.3s ease-out;
}
#header-search input.submit {
  position: absolute;
  top: 5px;
  right: 10px;
  
  width: 20px;
  height: 20px;
  line-height: 20px;
  
  background: url(images/search.png) 0px 0px no-repeat;
  
  border: none;
  padding: 0;
  margin: 0;
  vertical-align: top;
  overflow: hidden;
}
#header-search input.text {
  display: none;
  background: none;
  border: none;
  
  width: 100%;
  height: 22px;
  padding: 5px 35px 5px 10px;
  margin: 4px 0;
  
  outline: none !important;
}

#header-search.expanded {
  background: #e2e2e2;
  width: 250px;
  z-index: 1000;
}
#header-search.expanded input.text {
  display: block;
}
#header-search.expanded:before {
  content: ' ';
  position: absolute;
  top: 0px;
  left: -300px;
  width: 300px;
  height: 40px;
  background: #FFF;
}


/* Social sharing icons (multiple sizes) */

.social-icons,
.social-icons .icon {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}
.social-icons .icon {
  display: block;
  float: left;
  margin-right: 5px;
}
.social-icons .icon a span {
  display: none;
}
.social-icons .icon a {
  display: inline-block;
  padding: 0;
  color: #777777;
  text-decoration: none;
  
  position: relative;
  padding: 0;
  margin: 0;
}

.entry-sharing .social-icons .icon {
  float: right;
  margin-right: 0;
  margin-left: 5px;
}

/* 40 Pixel Icons, default */
.social-icons .icon a {
  background: url(images/social-40c.png) 40px 0px no-repeat;
  width: 40px;
  height: 40px;
}

.social-icons .icon.facebook a       { background-position:    0px 0px; }
.social-icons .icon.twitter a        { background-position:  -40px 0px; }
.social-icons .icon.tumblr a         { background-position:  -80px 0px; }
.social-icons .icon.linkedin a       { background-position: -120px 0px; }
.social-icons .icon.youtube a        { background-position: -160px 0px; }
.social-icons .icon.googleplus a     { background-position: -200px 0px; }
.social-icons .icon.pinterest a      { background-position: -240px 0px; }
.social-icons .icon.instagram a      { background-position: -280px 0px; }

.social-icons .icon.facebook a:hover   { background-position:    0px -40px; }
.social-icons .icon.twitter a:hover    { background-position:  -40px -40px; }
.social-icons .icon.tumblr a:hover     { background-position:  -80px -40px; }
.social-icons .icon.linkedin a:hover   { background-position: -120px -40px; }
.social-icons .icon.youtube a:hover    { background-position: -160px -40px; }
.social-icons .icon.googleplus a:hover { background-position: -200px -40px; }
.social-icons .icon.pinterest a:hover  { background-position: -240px -40px; }
.social-icons .icon.instagram a:hover  { background-position: -280px -40px; }

.social-icons .icon.facebook a:hover:active   { background-position:    0px -80px; }
.social-icons .icon.twitter a:hover:active    { background-position:  -40px -80px; }
.social-icons .icon.tumblr a:hover:active     { background-position:  -80px -80px; }
.social-icons .icon.linkedin a:hover:active   { background-position: -120px -80px; }
.social-icons .icon.youtube a:hover:active    { background-position: -160px -80px; }
.social-icons .icon.googleplus a:hover:active { background-position: -200px -80px; }
.social-icons .icon.pinterest a:hover:active  { background-position: -240px -80px; }
.social-icons .icon.instagram a:hover:active  { background-position: -280px -80px; }


/* 18 Pixel Icons */
.social-icons.social-icons-18 .icon a {
  background: url(images/social-18c.png) 18px 0px no-repeat;
  width: 18px;
  height: 18px;
}

.social-icons.social-icons-18 .icon.facebook a       { background-position:   0px 0px; }
.social-icons.social-icons-18 .icon.twitter a        { background-position: -18px 0px; }
.social-icons.social-icons-18 .icon.tumblr a         { background-position: -36px 0px; }
.social-icons.social-icons-18 .icon.linkedin a       { background-position: -54px 0px; }
.social-icons.social-icons-18 .icon.youtube a        { background-position: -72px 0px; }
.social-icons.social-icons-18 .icon.googleplus a     { background-position: -90px 0px; }
.social-icons.social-icons-18 .icon.pinterest a      { background-position: -108px 0px; }
.social-icons.social-icons-18 .icon.instagram a      { background-position: -126px 0px; }

.social-icons.social-icons-18 .icon.facebook a:hover   { background-position:   0px -18px; }
.social-icons.social-icons-18 .icon.twitter a:hover    { background-position: -18px -18px; }
.social-icons.social-icons-18 .icon.tumblr a:hover     { background-position: -36px -18px; }
.social-icons.social-icons-18 .icon.linkedin a:hover   { background-position: -54px -18px; }
.social-icons.social-icons-18 .icon.youtube a:hover    { background-position: -72px -18px; }
.social-icons.social-icons-18 .icon.googleplus a:hover { background-position: -90px -18px; }
.social-icons.social-icons-18 .icon.pinterest a:hover  { background-position: -108px -18px; }
.social-icons.social-icons-18 .icon.instagram a:hover  { background-position: -126px -18px; }

.social-icons.social-icons-18 .icon.facebook a:hover:active   { background-position:   0px -36px; }
.social-icons.social-icons-18 .icon.twitter a:hover:active    { background-position: -18px -36px; }
.social-icons.social-icons-18 .icon.tumblr a:hover:active     { background-position: -36px -36px; }
.social-icons.social-icons-18 .icon.linkedin a:hover:active   { background-position: -54px -36px; }
.social-icons.social-icons-18 .icon.youtube a:hover:active    { background-position: -72px -36px; }
.social-icons.social-icons-18 .icon.googleplus a:hover:active { background-position: -90px -36px; }
.social-icons.social-icons-18 .icon.pinterest a:hover:active  { background-position: -108px -36px; }
.social-icons.social-icons-18 .icon.instagram a:hover:active  { background-position: -126px -36px; }


/* 22 Pixel Icons */
.social-icons.social-icons-22 .icon a {
  background: url(images/social-22c.png) 22px 0px no-repeat;
  width: 22px;
  height: 22px;
}

.social-icons.social-icons-22 .icon.facebook a       { background-position:   0px 0px; }
.social-icons.social-icons-22 .icon.twitter a        { background-position: -22px 0px; }
.social-icons.social-icons-22 .icon.tumblr a         { background-position: -44px 0px; }
.social-icons.social-icons-22 .icon.linkedin a       { background-position: -66px 0px; }
.social-icons.social-icons-22 .icon.youtube a        { background-position: -88px 0px; }
.social-icons.social-icons-22 .icon.googleplus a     { background-position: -110px 0px; }
.social-icons.social-icons-22 .icon.pinterest a      { background-position: -132px 0px; }
.social-icons.social-icons-22 .icon.instagram a      { background-position: -154px 0px; }

.social-icons.social-icons-22 .icon.facebook a:hover   { background-position:   0px -22px; }
.social-icons.social-icons-22 .icon.twitter a:hover    { background-position: -22px -22px; }
.social-icons.social-icons-22 .icon.tumblr a:hover     { background-position: -44px -22px; }
.social-icons.social-icons-22 .icon.linkedin a:hover   { background-position: -66px -22px; }
.social-icons.social-icons-22 .icon.youtube a:hover    { background-position: -88px -22px; }
.social-icons.social-icons-22 .icon.googleplus a:hover { background-position: -110px -22px; }
.social-icons.social-icons-22 .icon.pinterest a:hover  { background-position: -132px -22px; }
.social-icons.social-icons-22 .icon.instagram a:hover  { background-position: -154px -22px; }

.social-icons.social-icons-22 .icon.facebook a:hover:active   { background-position:   0px -44px; }
.social-icons.social-icons-22 .icon.twitter a:hover:active    { background-position: -22px -44px; }
.social-icons.social-icons-22 .icon.tumblr a:hover:active     { background-position: -44px -44px; }
.social-icons.social-icons-22 .icon.linkedin a:hover:active   { background-position: -66px -44px; }
.social-icons.social-icons-22 .icon.youtube a:hover:active    { background-position: -88px -44px; }
.social-icons.social-icons-22 .icon.googleplus a:hover:active { background-position: -110px -44px; }
.social-icons.social-icons-22 .icon.pinterest a:hover:active  { background-position: -132px -44px; }
.social-icons.social-icons-22 .icon.instagram a:hover:active  { background-position: -154px -44px; }

/* 32 Pixel Icons */
.social-icons.social-icons-32 .icon a {
  background: url(images/social-32c.png) 32px 0px no-repeat;
  width: 32px;
  height: 32px;
}

.social-icons.social-icons-32 .icon.facebook a       { background-position:   0px 0px; }
.social-icons.social-icons-32 .icon.twitter a        { background-position: -32px 0px; }
.social-icons.social-icons-32 .icon.tumblr a         { background-position: -64px 0px; }
.social-icons.social-icons-32 .icon.linkedin a       { background-position: -96px 0px; }
.social-icons.social-icons-32 .icon.youtube a        { background-position: -128px 0px; }
.social-icons.social-icons-32 .icon.googleplus a     { background-position: -160px 0px; }
.social-icons.social-icons-32 .icon.pinterest a      { background-position: -192px 0px; }
.social-icons.social-icons-32 .icon.instagram a      { background-position: -224px 0px; }

.social-icons.social-icons-32 .icon.facebook a:hover   { background-position:   0px -32px; }
.social-icons.social-icons-32 .icon.twitter a:hover    { background-position: -32px -32px; }
.social-icons.social-icons-32 .icon.tumblr a:hover     { background-position: -64px -32px; }
.social-icons.social-icons-32 .icon.linkedin a:hover   { background-position: -96px -32px; }
.social-icons.social-icons-32 .icon.youtube a:hover    { background-position: -128px -32px; }
.social-icons.social-icons-32 .icon.googleplus a:hover { background-position: -160px -32px; }
.social-icons.social-icons-32 .icon.pinterest a:hover  { background-position: -192px -32px; }
.social-icons.social-icons-32 .icon.instagram a:hover  { background-position: -224px -32px; }

.social-icons.social-icons-32 .icon.facebook a:hover:active   { background-position:   0px -64px; }
.social-icons.social-icons-32 .icon.twitter a:hover:active    { background-position: -32px -64px; }
.social-icons.social-icons-32 .icon.tumblr a:hover:active     { background-position: -64px -64px; }
.social-icons.social-icons-32 .icon.linkedin a:hover:active   { background-position: -96px -64px; }
.social-icons.social-icons-32 .icon.youtube a:hover:active    { background-position: -128px -64px; }
.social-icons.social-icons-32 .icon.googleplus a:hover:active { background-position: -160px -64px; }
.social-icons.social-icons-32 .icon.pinterest a:hover:active  { background-position: -192px -64px; }
.social-icons.social-icons-32 .icon.instagram a:hover:active  { background-position: -224px -64px; }

/* Background image divs, which will not show an image if css hasn't loaded. Parent must be given position: relative or absolute. */
div.bg-img {
  position: absolute;
  
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
div.bg-img a {
  position: absolute;
  display: block;
  
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* Front Page */
#front-page {
  position: relative;
  text-align: left;
  clear: both;
}
#front-page .entry-title {
  display: none;
}
#front-page .section-inner {
  width: 960px;
  margin: 0 auto;
  padding: 12px 0;
}
#front-page .section-inner h2 {
  margin: 15px 0;
  text-align: center;
  font-size: 24px;
}
#front-page .section-inner h2 a {
  color: #000;
  text-decoration: none;
}
#front-page .section-inner h2 a:hover {
  text-decoration: underline;
}
#front-page .section-inner h2 a:hover:active {
  color: #00B4AC;
  text-decoration: underline;
}


/* Front Page: Slider */
#slider .section-inner {
  padding: 0;
}
#slider {
  position: relative;
}
#slider .slides {
  position: relative;
  height: 436px;
  overflow: hidden;
}
#slider .markers {
  text-align: center;
  height: 10px;
}
#slider .slides .slide-item {
  display: none;
  
  position: absolute;
  top: 0px;
  left: 0px;
  
  width: 100%;
  height: 100%;
  
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  
  -webkit-transition: all 1s cubic-bezier(0.175,0.885,0.320,1.275);
  -moz-transition: all 1s cubic-bezier(0.175,0.885,0.320,1.275);
  -ms-transition: all 1s cubic-bezier(0.175,0.885,0.320,1.275);
  -o-transition: all 1s cubic-bezier(0.175,0.885,0.320,1.275);
  transition: all 1s cubic-bezier(0.175,0.885,0.320,1.275);
}
#slider .slides .slide-item.active {
  display: block;
  
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
#slider .slides .slide-item.previous {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
html.opacity #slider .slides .slide-item {
  display: block;
  visibility: hidden;
  opacity: 0;
  
  background-size: cover;
}
html.opacity #slider .slides .slide-item.active {
  display: block;
  visibility: visible;
  opacity: 1;
}
#slider .slides .slide-item .bg-img {
  display: block;
}
#slider .slides .slide-item a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
  z-index: 800;
}


#slider .markers {
  margin-top: 5px;
  position: relative;
  clear: both;
}
#slider .markers .marker-item {
  position: relative;
  z-index: 90;
  
  display: inline-block;
  margin: 0 3px;
  
  width: 13px;
  height: 13px;
  cursor: pointer;
  
  background: #BEBEBE;
  border-radius: 100%;
  
  -webkit-transition-duration: 250ms;
  -moz-transition-duration: 250ms;
  transition-duration: 250ms;
}
#slider .markers .marker-item:hover {
  background: #2483c5;
}
#slider .markers .marker-item.active {
  background: #7E7E7E;
}

/* Front-page: 3-panel */
#tri-panel {
  white-space: nowrap;
}
#tri-panel .panel-item {
  width: 33.33%;
  display: block;
  float: left;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 10px;
  white-space: normal;
}
#tri-panel .panel-image {
  width: 100%;
  height: 210px;
  position: relative;
  z-index: 1;
  border-bottom: 10px solid #FFF;
  margin-bottom: 10px;
}
#tri-panel .panel-item.panel-1 {
  padding-left: 0;
}
#tri-panel .panel-item.panel-3 {
  padding-right: 0;
}
#tri-panel .panel-left {
  width: 50%;
  float: left;
}
#tri-panel .panel-right {
  width: 50%;
  float: left;
  text-align: right;
}
#tri-panel .panel-title {
  font-size: 20px;
  line-height: 24px;
}
#tri-panel .panel-text {
  font-size: 14px;
  line-height: 16px;
}
#tri-panel .panel-button {
  height: 40px;
  line-height: 40px;
  padding: 0;
  width: 130px;
  text-align: center;
  margin: 5px 0 0;
}

#tri-panel .panel-item.clickable {
  cursor: pointer;
}

#tri-panel .panel-item.clickable:hover .panel-image {
  border-bottom-color: #f9a51a;
}
#tri-panel .panel-item.clickable:hover .panel-button {
  background-color: #f9a51a;
}

#tri-panel .panel-item.clickable:hover:active .panel-image {
  border-bottom-color: #f29419;
}
#tri-panel .panel-item.clickable:hover:active .panel-button {
  background-color: #f29419;
}

#tri-panel .panel-item.no-link .panel-left {
  width: auto;
  float: none;
}
#tri-panel .panel-item.no-link .panel-right {
  display: none;
}

/* Slider Page (Similar to front page. Uses slider and tri-panel.) */
#slider-page {
  position: relative;
  text-align: left;
  clear: both;
}
#slider-page .entry-title {
  display: none;
}
#slider-page .section-inner {
  width: 960px;
  margin: 0 auto;
  padding: 12px 0;
}
#slider-page .section-inner h2 {
  margin: 15px 0;
  text-align: center;
  font-size: 24px;
}
#slider-page #tri-panel {
  margin: 0 0 40px;
}
#slider-page #tri-panel .panel-item {
  text-align: center;
}

#slider-page #tri-panel .panel-title {
  font-size: 18px;
  line-height: 22px;
}
#slider-page #tri-panel a {
  color: #000;
}
#slider-page #tri-panel .clickable a {
  text-decoration: none;
}
#slider-page #tri-panel .clickable:hover a {
  color: #F9A51A;
}
#slider-page #tri-panel .panel-left {
  float: none;
  width: auto;
}



/* Front Page  - What's Happening (events) */
#whats-happening {
  background: #EFEFEF;
  text-align: center;
  padding-bottom: 40px;
}
#whats-happening .event-item {
  width: 225px;
  display: block;
  float: left;
  margin-right: 20px;
  text-align: left;
  vertical-align: top;
}
#whats-happening .event-item.last {
  margin-right: 0;
}
#whats-happening .event-image,
#whats-happening .event-image-none {
  height: 130px;
  position: relative;
}
#whats-happening .event-image-none {
  height: 122px;
  padding: 8px 0;
  border-bottom: 8px solid #DFDFDF;
  background: #FFF url(images/placeholder.png) center no-repeat;
  background-size: contain;
}
#whats-happening .event-date {
  float: left;
  width: 60px;
  height: 75px;
  background: #dfdfdf;
  text-align: center;
}
#whats-happening .event-date .month {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  margin: 12px 0 0;
  white-space: nowrap;
}
#whats-happening .event-date .day {
  font-size: 36px;
  line-height: 1;
  margin: 3px;
}
#whats-happening .event-item.has-year .event-date .month {
  font-size: 12px;
  margin-top: 14px;
}
#whats-happening .event-title {
  margin-left: 64px;
  padding-top: 10px;
  font-size: 14px;
  height: 40px;
  overflow: hidden;
}
#whats-happening .event-bottom {
  position: relative;
  height: 75px;
}
#whats-happening .meta-item > a {
  color: #777777;
  font-size: 12px;
  text-decoration: none;
  padding: 0 3px;
}
#whats-happening .meta-item.more {
  position: absolute;
  left: 64px;
  bottom: 0px;
}
#whats-happening .meta-item.share {
  position: absolute;
  left: 130px;
  bottom: 0px;
}
#whats-happening .meta-item.more > a:hover {
  text-decoration: underline;
}
#whats-happening .meta-item.share .share-dropdown {
  display: block;
  max-height: 0px;
  z-index: 1;
  visibility: hidden;
  
  position: absolute;
  top: 100%;
  left: 0px;
  background: #EFEFEF;  
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
#whats-happening .meta-item.share:hover .share-dropdown,
#whats-happening .meta-item.share.active .share-dropdown {
  display: block;
  max-height: 100px;
  z-index: 800;
  visibility: visible;
}
#whats-happening .share-dropdown {
  white-space: nowrap;
  cursor: default;
  height: 18px;
  padding: 4px;
}

#whats-happening .share-item:last-child {
  margin-right: 0;
}
#whats-happening .share-item a {
  display: block;
  float: left;
}
#whats-happening .share-item, #whats-happening .share-item .icon {
  display: inline-block;
  white-space: nowrap;
  float: none;
}

#whats-happening .meta-item.share:hover,
#whats-happening .meta-item.share.active,
#whats-happening .meta-item.share:hover .share-dropdown,
#whats-happening .meta-item.share.active .share-dropdown {
  background: #fdfdfd;
}
/*
#whats-happening .event-item.clickable:hover .more {
  font-weight:bold;
}
#whats-happening .event-item.clickable:hover .more:after {
  content: '\00bb';
  color: #777;
  margin-left: -3px;
  font-size: 12px;
}
*/


#whats-happening .event-item.clickable {
  cursor: pointer;
}
#whats-happening .event-item.clickable .event-image-none:after,
#whats-happening .event-item.clickable .event-image .bg-img:after {
  content: ' ';
  display: block;
  
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 8px;
  
  background: transparent;
}


#whats-happening .event-item.clickable:hover .event-date {
  color: #ffffff;
  background: #2483c5;
}

#whats-happening .event-item.clickable:hover .event-image-none:after,
#whats-happening .event-item.clickable:hover .event-image .bg-img:after {
  background: #228cd5;
}

#whats-happening .event-item.clickable:hover:active .event-date,
#whats-happening .event-item.clickable:hover:active .event-image-none:after,
#whats-happening .event-item.clickable:hover:active .event-image .bg-img:after {
  background: #2277b1;
}

/* Additional hover colors -- Disabled

#whats-happening .event-item.nth-2.clickable:hover .event-date,
#whats-happening .event-item.nth-2.clickable:hover .event-image-none:after,
#whats-happening .event-item.nth-2.clickable:hover .event-image .bg-img:after {
  background: #00B4AC;
}
#whats-happening .event-item.nth-2.clickable:hover:active .event-date,
#whats-happening .event-item.nth-2.clickable:hover:active .event-image-none:after,
#whats-happening .event-item.nth-2.clickable:hover:active .event-image .bg-img:after {
  background: #02918A;
}


#whats-happening .event-item.nth-3.clickable:hover .event-date,
#whats-happening .event-item.nth-3.clickable:hover .event-image-none:after,
#whats-happening .event-item.nth-3.clickable:hover .event-image .bg-img:after {
  background: #A054A0;
}
#whats-happening .event-item.nth-3.clickable:hover:active .event-date,
#whats-happening .event-item.nth-3.clickable:hover:active .event-image-none:after,
#whats-happening .event-item.nth-3.clickable:hover:active .event-image .bg-img:after {
  background: #814681;
}


#whats-happening .event-item.nth-4.clickable:hover .event-date,
#whats-happening .event-item.nth-4.clickable:hover .event-image-none:after,
#whats-happening .event-item.nth-4.clickable:hover .event-image .bg-img:after {
  background: #EE5BA0;
}
#whats-happening .event-item.nth-4.clickable:hover:active .event-date,
#whats-happening .event-item.nth-4.clickable:hover:active .event-image-none:after,
#whats-happening .event-item.nth-4.clickable:hover:active .event-image .bg-img:after {
  background: #C74F87;
}
*/


/* Front Page - Featured Posts (2 column) */
#featured-posts {
  background: #dfdfdf;
  text-align: center;
  white-space: nowrap;
}
#featured-posts .featured-item-wrap {
  position: relative;
  width: 50%;
  display: inline-block;
  text-align: center;
  white-space: normal;
}
#featured-posts .featured-item-wrap.nth-1:before {
  /* border separator */
  content: ' ';
  display: block;
  position: absolute;
  top: 10%;
  right: 0;
  bottom: 10%;
  width: 1px;
  background: #d0d0d0;
}
#featured-posts .featured-item {
  width: 340px;
  margin: 18px 0;
  display: inline-block;
  min-height: 180px;
}
#featured-posts .featured-item.first {
  padding-left: 0;
}
#featured-posts .featured-item.last {
  padding-right: 0;
  border-right: none;
}
#featured-posts .feature-image {
  max-width: 220px;
  margin: 0 auto 10px;
  position: relative;
}
#featured-posts .feature-image:before {
  /* Aspect-ratoi based height, targetting 85px when width is at 220px */
  content: ' ';
  display: block;
  padding-top: 38.5%;
}
#featured-posts .feature-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  margin: 0 0 5px;
}
#featured-posts .feature-more {
  text-decoration: none;
  color: #2483c5;
  font-weight: bold;
}
#featured-posts .feature-more:hover {
  color: #f05a22;
  text-decoration: underline;
}
#featured-posts .feature-more:hover:active {
  color: #e35421;
  text-decoration: none;
}

/* old, 2 colors

#featured-posts .feature-more {
  text-decoration: none;
  color: #f05a22;
  font-weight: bold;
}
#featured-posts .feature-more:hover {
  color: #fb6c24;
  text-decoration: underline;
}
#featured-posts .feature-more:hover:active {
  color: #e35421;
  text-decoration: none;
}
#featured-posts .feature-2 .feature-more {
  color: #2483c5;
}
#featured-posts .feature-2 .feature-more:hover {
  color: #228cd5;
}
#featured-posts .feature-2 .feature-more:hover:active {
  color: #2277b1;
}
*/


#featured-posts .feature-content-text {
  height: 40px;
  overflow: hidden;
}

/* Front Page - Spotlight */
#spotlight {
  text-align: center;
  margin-bottom: 40px;
}
#spotlight .spotlight-item {
  width: 145px;
  border: 4px solid #fdfdfd;
  display: block;
  float: left;
  text-align: left;
  vertical-align: top;
}
#spotlight .spot-image {
  height: 140px;
  position: relative;
}
#spotlight .spot-text a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 2px 5px 2px 10px;
}
#spotlight .spotlight-item:hover a {
  color: #fff;
}
#spotlight .spotlight-item.clickable:hover {
  background: #207ec1;
  border-color: #207ec1;
  cursor: pointer;
}
#spotlight .spotlight-item.clickable:hover:active {
  background: #2277b1;
  border-color: #2277b1;
}

/* Additional colors -- Disabled
#spotlight .spotlight-item.nth-2.clickable:hover {
  background: #00b4ac;
  border-color: #00b4ac;
}
#spotlight .spotlight-item.nth-2.clickable:hover:active {
  background: #00a19a;
  border-color: #00a19a;
}

#spotlight .spotlight-item.nth-3.clickable:hover {
  background: #f9a51a;
  border-color: #f9a51a;
}
#spotlight .spotlight-item.nth-3.clickable:hover:active {
  background: #f29419;
  border-color: #f29419;
}

#spotlight .spotlight-item.nth-4.clickable:hover {
  background: #f05a22;
  border-color: #f05a22;
}
#spotlight .spotlight-item.nth-4.clickable:hover:active {
  background: #e35421;
  border-color: #e35421;
}

#spotlight .spotlight-item.nth-5.clickable:hover {
  background: #ee5ba0;
  border-color: #ee5ba0;
}
#spotlight .spotlight-item.nth-5.clickable:hover:active {
  background: #e0548f;
  border-color: #e0548f;
}

#spotlight .spotlight-item.nth-6.clickable:hover {
  background: #a054a0;
  border-color: #a054a0;
}
#spotlight .spotlight-item.nth-6.clickable:hover:active {
  background: #8f4e8f;
  border-color: #8f4e8f;
}
*/

/* Header image, header text, header components */
.header-components {
  position: relative;
}
.header-image {
  position: relative;
  height: 300px;
}
.header-components.no-text.no-social.no-image.has-sharing.no-meta .sharing-global {
  position: absolute;
  top: -52px;
  margin: 0;
  right: 0px;
}
.header-components.no-text.no-social.no-image.has-sharing.has-meta .sharing-global {
  margin-top: 0;
}

.header-components.no-text.no-social.no-image.has-sharing.has-meta .entry-meta.single {
  margin-top: 0;
}

/* Sidebar */
#sidebar .widget {
  padding: 0 0 20px;
  border-bottom: 2px solid #E2E2E2;
  margin: 0 0 15px;
}
#sidebar .widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#sidebar h2.widgettitle {
  font-weight: normal;
  font-size: 22px;
  margin: 0 0 10px;
}

#sidebar textarea,
#sidebar input[type=text],
#sidebar input[type=email],
#sidebar input[type=password],
#sidebar input[type=number] {
  background: #e2e2e2;
  color: #000;
  font-size: 14px;
}

#sidebar .button,
#sidebar input[type=button],
#sidebar input[type=reset],
#sidebar input[type=submit] {
  background: #e2e2e2;
  color: #000;
  font-weight: bold;
  font-size: 14px;
}
#sidebar .button:hover,
#sidebar input[type=button]:hover,
#sidebar input[type=reset]:hover,
#sidebar input[type=submit]:hover {
  background: #2483c5;
  color: #FFF;
}
#sidebar .button:hover:active,
#sidebar input[type=button]:hover:active,
#sidebar input[type=reset]:hover:active,
#sidebar input[type=submit]:hover:active {
  background: #2277b1;
  color: #ffffff;
}




/* Sidebar > Categories */
.widget_amenities ul,
.widget_amenities li,
.widget_categories ul,
.widget_categories li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget_amenities li.amenity-item a,
.widget_categories li a {
  padding: 8px 0;
}
#sidebar ul.sidebar-list .widget_amenities li.amenity-item,
#sidebar ul.sidebar-list .widget_categories li {
  position: relative;
  color: #898989;
  margin: 5px 0;
  padding-left: 24px;
  padding-bottom: 5px;
  border-bottom: 1px solid #F1F1F1;
}
.widget_amenities li.amenity-item a,
.widget_categories li a {
  font-size: 16px;
}
#sidebar ul.sidebar-list .widget_amenities li.amenity-item.last,
#sidebar ul.sidebar-list .widget_categories li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
#sidebar ul.sidebar-list .widget_amenities li.amenity-item:before,
#sidebar ul.sidebar-list .widget_categories li:before {
  content: '\2022';
  position: absolute;
  margin-left: -15px;
  color: #000;
}



/* Sidebar > Events */
/* Front Page  - What's Happening (events) */
.events-widget .event-item {
  display: block;
  width: 50%;
  float: left;
  text-align: left;
  vertical-align: top;
}
.events-widget .event-image,
.events-widget .event-image-none {
  height: 125px;
  position: relative;
  display: block;
}
.events-widget .event-item.clickable .event-image .bg-img {
  height: 121px;
}
.events-widget .event-image-none {
  height: 121px;
  background: url(images/placeholder.png) center no-repeat;
  background-size: contain;
}
.events-widget .event-date {
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
}
.events-widget .event-date .month {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  margin: 4px 0 0;
  white-space: nowrap;
}
.events-widget .event-date .day {
  font-size: 24px;
  line-height: 1;
  margin: 3px;
}
.events-widget .event-item.has-year .event-date .month {
  font-size: 13px;
  margin-top: 2px;
}
.events-widget .event-item.has-year .event-date .month .year {
  display: block;
  font-size: 12px;
}
.events-widget .event-item.has-year .event-date .day {
  font-size: 18px;
}
.events-widget .event-title {
  margin-left: 56px;
  padding-top: 2px;
  font-size: 14px;
  line-height: 16px;
  max-height: 50px;
  overflow: hidden;
}
.events-widget .event-bottom {
  position: relative;
  min-height: 50px;
}
.events-widget .meta-item > a {
  color: #777777;
  font-size: 12px;
  text-decoration: none;
  padding: 0 3px;
}
.events-widget .meta-item.more {
  position: absolute;
  left: 64px;
  bottom: 0px;
}
.events-widget .meta-item.share {
  position: absolute;
  left: 130px;
  bottom: 0px;
}
.events-widget .meta-item.more > a:hover {
  text-decoration: underline;
}

.events-widget .event-item.clickable:hover .more {
  font-weight:bold;
}
.events-widget .event-item.clickable:hover .more:after {
  content: '\00bb';
  color: #777;
  margin-left: -3px;
  font-size: 12px;
}
.events-widget .event-item.clickable {
  cursor: pointer;
}


.events-widget .event-date {
  background: #dfdfdf;
}
.events-widget .event-item.clickable .event-image .bg-img,
.events-widget .event-image-none {
  border-bottom: 4px solid #DFDFDF;
}

.events-widget .event-item.clickable:hover .event-date {
  color: #FFF;
  background: #2483c5;
}
.events-widget .event-item.clickable:hover .event-image-none,
.events-widget .event-item.clickable:hover .event-image .bg-img {
  border-bottom: 4px solid #2483c5;
}

.events-widget .event-item.clickable:hover:active .event-date {
  color: #FFF;
  background: #2277b1;
}
.events-widget .event-item.clickable:hover:active .event-image-none,
.events-widget .event-item.clickable:hover:active .event-image .bg-img {
  border-bottom: 4px solid #2277b1;
}

/* Additional hover colors -- Disabled
.events-widget .event-item.nth-2.clickable:hover .event-date {
  background: #00B4AC;
}
.events-widget .event-item.nth-2.clickable:hover .event-image-none,
.events-widget .event-item.nth-2.clickable:hover .event-image .bg-img {
  border-bottom: 4px solid #00B4AC;
}

.events-widget .event-item.nth-3.clickable:hover .event-date {
  background: #A054A0;
}
.events-widget .event-item.nth-3.clickable:hover .event-image-none,
.events-widget .event-item.nth-3.clickable:hover .event-image .bg-img {
  border-bottom: 4px solid #A054A0;
}

.events-widget .event-item.nth-4.clickable:hover .event-date {
  background: #EE5BA0;
}
.events-widget .event-item.nth-4.clickable:hover .event-image-none,
.events-widget .event-item.nth-4.clickable:hover .event-image .bg-img {
  border-bottom: 4px solid #EE5BA0;
}
*/

.events-widget .event-item.clickable:hover:active .event-date {
  color: #ffffff;
  background: #2277b1;
}
.events-widget .event-item.clickable:hover:active .event-image-none,
.events-widget .event-item.clickable:hover:active .event-image .bg-img {
  border-bottom: 4px solid #2277b1;
}

.event-list .event-link {
  position: absolute;
  bottom: 0;
  right: 4px;
  font-size: 12px;
  text-transform: lowercase;
  text-decoration: none;
  color: #7e7e7e;
}
.event-list .event-link:hover {
  text-decoration: underline;
}
.event-list .event-item.clickable .event-link {
  visibility: hidden;
}



/* Search form */
#searchform,
.searchform {
  position: relative;
  max-width: 460px;
}
#searchform input#s,
.searchform input.text {
  margin: 0;
  
  vertical-align: top;
  width: 70%;
  
  font-size: 12px;
  
  display: block;
  float: left;
}
#searchform input#searchsubmit,
.searchform input.search-button {
  position: absolute;
  right: 0;
  
  vertical-align: top;
  width: 20%;
  padding-left: 0;
  padding-right: 0;
}

/* Search results */
article.search-post {
  margin: 0 0 40px;
}


/* Newsletter Widget */
.wlnl-fname,
.wlnl-email,
.wlnl-birthday,
.newsletter-fname-field,
.newsletter-email-field {
  margin-bottom: 14px;
}
.wlnl-birthday label {
  float: left;
  margin-right: 5px;
}
.wlnewsletter-widget input.text,
.newsletter_subscribe_widget input.text {
  width: 240px;
}

p.signup-error {
  padding: 5px 10px;
  margin: 10px 0;
  color: #FFF;
}

p.signup-error {
  background: #F05A22;
}

/* Search Results Page */
div.navigation {
  position: relative;
  height: 30px;
  margin-bottom: 14px;
}
div.navigation .next {
  position: absolute;
  right: 0;
}
div.navigation .prev {
  position: absolute;
  left: 0;
}
div.navigation .detail {
  position: absolute;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  text-align: center;
  white-space: nowrap;
}

/* Blog index, Search, Archives */
.entry-archive {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px solid #F1F1F1;
}
.entry-archive:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.entry-archive h2.entry-title {
  font-size: 20px;
  color: #000;
  margin: 0 0 10px;
}
.entry-archive h2.entry-title a {
  color: #000;
}
.entry-archive h2.entry-title a:hover {
  color: #00b4ac;
}

.entry-meta {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #777;
}
.entry-meta .meta-item {
  display: inline-block;
}
.entry-meta .ssba img {
  padding: 0 3px;
  width: 20px !important;
  margin-top: -3px;
}
.entry-meta .meta-sep {
  margin: 0 3px;
  font-family: arial, sans-serif;
  font-size: 12px;
}

div.entry-thumbnail {
  margin: 0 8px 4px 0;
  float: left;
  width: 128px;
  height: 128px;
}
.entry-thumbnail a {
  display: block;
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: cover;
}

.entry-meta.single {
  position: absolute;
  margin: 12px 0 0;
}


/* Sharing button box */
.entry-sharing ul,
.entry-sharing ul li {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}
.entry-sharing {
  text-align: right;
}
@media (max-width: 540px) {
  .entry-sharing {
    display: none;
  }
  .entry-title {
    margin-right: 0;
  }
}
.entry-sharing .share-text {
  line-height: 1;
  margin: 0 0 3px;
  color: #777777;
}
.entry-sharing ul {
  height: 22px;
  white-space: nowrap;
}
.entry-sharing ul li a span {
  display: none;
}
.entry-sharing ul li.clear {
  display: none;
}

.entry-sharing ul li.share-item {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 5px;
}
.entry-sharing ul li.share-item a {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(images/social-buttons-small.png) 22px 22px no-repeat;
  overflow: hidden;
  -webkit-transition: background 300ms;
  -moz-transition: background 300ms;
  transition: background 300ms;
}

.entry-sharing ul li.share-facebook a {
  background-position: 0px 0px;
}
.entry-sharing ul li.share-twitter a {
  background-position: -22px 0px;
}
.entry-sharing ul li.share-googleplus a {
  background-position: -44px 0px;
}
.entry-sharing ul li.share-pinterest a {
  background-position: -66px 0px;
}

.entry-sharing ul li.share-facebook a:hover {
  background-position: 0px -22px;
}
.entry-sharing ul li.share-twitter a:hover {
  background-position: -22px -22px;
}
.entry-sharing ul li.share-googleplus a:hover {
  background-position: -44px -22px;
}
.entry-sharing ul li.share-pinterest a:hover {
  background-position: -66px -22px;
}

/* Social sharing (page specific) */
.entry-sharing.social-page {
  position: absolute;
  right: 0;
  text-align: right;
  margin-top: -48px;
}
.entry-sharing.social-page .share-text {
  margin: 0 0 3px;
}
.header-components.has-social.no-image .entry-sharing.social-page {
  margin-top: 0;
  top: 0;
}
.header-components.has-text.has-sharing .header-text {
  max-width: 80%;
}



/* Events */
.ld-event .event-image {
  width: 150px;
  height: 120px;
  float: left;
  margin: 0 15px 10px 0;
}
.ld-event .event-image a {
  display: block;
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: cover;
}

.ld-event {
  margin: 0 0 5px;
}
.ld-event .event-date, .ld-event .event-time {
  display: block;
}
.ld-event .event-date {
  font-size: 16px;
  font-weight: bold;
}
h4.ld-event .event-title {
  margin: 0 0 5px;
}

.ld-event .event-item {
  border-bottom: 2px solid #e2e2e2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.ld-event .event-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
body.single-event .header-components.has-image.has-sharing + .entry-section .ld-event {
  position: relative;
  z-index: 80;
  margin-top: -45px;
  margin-bottom: 25px;
}



.event-cal {
  min-width: 110px;
  text-align: center;
  display: block;
  float: left;
  margin: 0 15px 5px 0;
  position: relative;
}
.event-cal .add-to-calendar a {
  font-size: 12px;
  text-decoration: none;
  color: #898989;
  display: inline-block;
  padding: 1px 5px;
}
.event-cal .add-to-calendar a:hover {
  background: #00b4ac;
  color: #fff;
}
.event-cal .add-to-calendar a:hover:active {
  background: #027C77;  color: #FFF;
}
.event-cal .add-to-calendar {
  margin-top: 5px;
}
.event-cal .event-time {
  padding: 6px 0 4px;
  text-transform: lowercase;
  background: #F1F1F1;
}
.event-cal .event-date {
  background: #2483C5;
  color: #FFF;
}
.event-cal .event-date .date .event-month {
  display: block;
  font-size: 15px;
  padding: 4px 0;
  background: #3993D1;
  text-transform: uppercase;
  font-weight: normal;
}
.event-cal .event-date .date .event-day {
  display: block;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 0 12px;
}
.event-cal .event-weekday {
  display: none;
}
.event-cal .single-weekday.event-weekday {
  display: block;
  margin: 4px 0 -4px;
}
.event-cal .event-year {
  display: block;
  font-size: 16px;
  padding: 3px 0 6px;
  background: #e2e2e2;
  color: #202020;
}

.event-cal.other-year .event-time {
  display: none;
}

@media (min-width: 500px) {
  .ld-event .event-title, .ld-event .event-content {
    margin-left: 125px;
  }
}
@media ( max-width: 500px) {
  .ld-event .event-title {
    clear: both;
  }
  .event-cal {
    margin: 0 auto;
    float: none;
    max-width: 150px;
  }
}

/* Multiple days */
.event-cal.multiple .diff-day .event-day,
.event-cal.multiple .diff-day .day-sep {
  display: inline-block;
}
.event-cal.multiple .diff-day .day-sep {
  font-weight: normal;
  font-size: 24px;
  margin: 0 -1px;
}

/* Multiple Months */
.event-cal.multiple .diff-month .date-group {
  display: block;
  float: left;
  width: 50%;
  white-space: normal;
}
.event-cal.multiple .diff-month .date-sep {
  position: absolute;
  top: 50%;
  left: 51%;
  width: 20px;
  margin-left: -10px;
  text-align: center;
  font-size: 22px;
}
.event-cal .date.diff-month {
  position: relative;
  white-space: nowrap;
}

/* Multiple Years */
.event-cal .year.diff-year .event-year {
  display: inline-block;
}
.event-cal .year.diff-year {
  background: #e2e2e2;
  color: #202020;
}
.event-cal .year .year-sep {
  margin: 0 2px;
}


/* Global sharing */
.entry-sharing.sharing-global {
  margin: 14px 0 5px;
}
.entry-sharing.sharing-global .share-text {
  margin: 0 0 5px;
}


/* Locator / Park / Facility map */
#locator {
  max-height: 75vh; /* 75% of browser height */
  margin: 0 0 20px;
}
.locator-info {
  max-width: 480px;
  max-height: 200px;
  overflow: hidden;
}
.locator-info a.locator-image {
  display: block;
  float: left;
  max-width: 120px;
  margin-right: 15px;
}
.locator-info a.locator-image img {
  width: auto;
  height: auto;
  max-height: 120px;
  max-width: 120px;
}
.locator-info .title {
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 7px;
}
.locator-info .title a {
  color: #000;
}
.locator-info .location {
  color: #777777;
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 5px;
}
.locator-info .location a {
  color: #777777;
  text-decoration: none;
}
.locator-info .location a:hover {
	text-decoration: underline;
}
.locator-info .content {
  margin: 0;
}

/* Full Screen Map */
.map-frame {
	position: relative;
	
	width: 100%;
	height: 100%;
	
	box-sizing: border-box;
	
	background: #e2e2e2;
}

.map-frame-holder {
	width: 100%;
	height: 100%;
}

.map-frame-holder #locator {
	max-height: none !important;
	height: 100% !important;
	
	max-width: none !important;
	width: 100% !important;
}

.map-frame-close {
	position: absolute;
	top: 34px;
	right: 5px;
	z-index: 90000;

	display: block;
	width: 80px;
	height: 80px;

	font-size: 60px;
	line-height: 80px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;

	color: #FFFFFF !important;
	background: #2483C5 !important;
}

.map-frame-close:hover {
	color: #fff !important;
	background: #2A8CD0 !important;
}

.map-frame-close:active {
	color: #fff !important;
	background: #1C6598 !important;
}

body.map-in-frame {
	overflow: hidden;
}

@media ( max-width: 800px ) {
	.map-frame-close {
		width: 50px;
		height: 50px;
		line-height: 50px;

		font-size: 50px;
	}
}


/* Locator - Park List */
.park-list .park-item {
  position: relative;
  padding: 2px 4px;
}
.park-list .park-name {
  float: left;
  width: 40%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.park-list .park-location {
  float: left;
  width: 60%;
  color: #000;
  position: relative;
}
.park-list a {
  color: #000;
}
.park-list .park-item:nth-child(even) {
  background: #F1F1F1;
}
.park-list .park-item.park-header {
  font-weight: bold;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #777777;
  padding-left: 5px;
}
.park-list {
}
.park-list .park-location:before {
  content: ' ';
  position: absolute;
  top: -2px;
  left: -1px;
  bottom: -3px;
  width: 1px;
  background: #D8D8D8;
}
.park-list .park-location .address {
  display: inline-block;
  padding-left: 5px;
}
.park-list .detail-location {
  padding-left: 5px;
}
.park-list .park-header .park-location:before {
  display: none;
}

/* Locator - Facility List */
.facility-item .facility-image {
  display: block;
  float: left;
  width: 200px;
  max-height: 140px;
  margin: 0 15px 2px 0;
}
.facility-item .facility-image div.bg-image {
  width: 200px;
  height: 120px;
  max-width: 100%;
  max-height: 100%;
  background-size: cover;
}
.facility-item .facility-title a {
  color: #000;
}
.facility-item .facility-title {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 20px;
}
.facility-item .facility-desc > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.facility-item .facility-desc {
  font-size: 13px;
  line-height: 17px;
}
.facility-list .facility-item {
  margin: 0 0 8px;
  padding: 0 0 8px;
  border-bottom: 1px solid #e2e2e2;
}
.facility-list .facility-item.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}



/* Locator - Program List */
.program-item .program-image {
  display: block;
  float: left;
  width: 200px;
  max-height: 140px;
  margin: 0 15px 2px 0;
}
.program-item .program-image div.bg-image {
  width: 200px;
  height: 120px;
  max-width: 100%;
  max-height: 100%;
  background-size: cover;
}
.program-item .program-title a {
  color: #000;
}
.program-item .program-title {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 20px;
}
.program-item .program-desc > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.program-item .program-desc {
  font-size: 13px;
  line-height: 17px;
}
.program-list  {
  margin: 30px 0 0;
}
.program-list .program-item {
  margin: 0 0 8px;
  padding: 0 0 8px;
  border-bottom: 1px solid #e2e2e2;
}
.program-list .program-item.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}



/* Alerts / warnings */
.alert-wrapper {
  text-align: left;
}
.alerts .alert-image {
  float: left;
  width: 100px;
  height: 100px;
  padding: 5px;
}
.alerts .alert-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.alerts .alert-title {
  font-size: 18px;
  margin: 0 0 5px;
  display: inline-block;
}
.alerts .alert-title a {
  color: #000;
  text-decoration: none;
}
.alerts .alert-title a:hover {
  color: #00C4BB;
  text-decoration: underline;
}
.alerts .alert-content {
  max-height: 60px;
  overflow: hidden;
}
.alerts .alert-content p {
  margin-top: 0;
}
.alert-item.has-image .alert-info {
  margin-left: 115px;
}
.alerts .alert-expires {
  display: none; /* hide the "expires in ___" text */
  margin-left: 10px;
  color: #474747;
  font-style: italic;
}
.alerts .alert-content > :last-child {
  margin-bottom: 0;
}
.alerts .alert-content {
  margin: 0 0 5px;
}
.alerts {
  max-width: 960px;
  margin: 0 auto;
}
.alerts .alert-image a {
  display: block;
}
.alerts .alert-item {
  margin: 10px 0;
  padding: 10px 20px;
  background: #ECECEC;
}

.alert-close {
  font-family: arial, sans-serif;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 20px;
  border: 1px solid #D1D1D1;
  border-radius: 3px;
  color: #707070;
  text-decoration: none;
}
.alert-item {
  position: relative;
}
.alert-close:hover {
  color: #707070;
  background: #E0E0E0;
}
.alert-close:hover:active {
  color: #FFFFFF;
  border-color: #a7a7a7;
  background: #A7A7A7;
}


/* Contact Form 7 Enhancements */
#content div.wpcf7 {
}
#content span.wpcf7-form-control-wrap {
  display: block;
  position: relative;
  margin-top: 4px;
}
#content span.wpcf7-not-valid-tip {
  position: static;
  top: auto;
  left: auto;
  
  display: block;
  clear: both;
  width: auto;
  
  padding: 2px 5px;
  margin: 0;
  
  color: #FFFFFF;
  text-shadow: none;
  
  border: none;
  background: #ff0000;
}
#content div.wpcf7 label {
  display: block;
  margin: 0 0 3px;
}
#content textarea.wpcf7-textarea,
#content input.wpcf7-captchar, 
#content input.wpcf7-text, 
#content input.wpcf7-email {
  width: 100%;
  max-width: 350px;
  display: block;
  margin-bottom: 0;
}
#content textarea.wpcf7-textarea { width: 100%; }

#content .wpcf7-response-output.wpcf7-validation-errors,
#content .wpcf7-response-output.wpcf7-mail-sent-ng,
#content .wpcf7-response-output.wpcf7-mail-sent-ok {
  border: none;
  padding: 0;
  margin: 10px 0;
  padding: 9px 20px;
  font-size: 13px;
  color: #FFF;
  background: #333;
}
#content .wpcf7-response-output.wpcf7-mail-sent-ok {
  background: #1F832B;
}
.captcha-container {
  display: block;
  margin-top: 4px;
  height: 32px;
}
.captcha-container img {
  float: left;
  margin: 0 5px 0 0;
  border: 4px solid #FFF;
}
#content .captcha-container input.wpcf7-captchar {
  width: 248px;
  float: right;
}
#content span.wpcf7-form-control-wrap.your-captcha {
  position: static;
  width: auto;
  margin: 0;
  float: left;
}
#content p.submit-form {
  clear: both;
}

/* Directory shortcode */
#main #contact-list,
#main #contact-list li.contact {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main #contact-list li.contact {
  margin: 20px 0 20px;
  padding: 0 0 20px;
  border-bottom: 2px solid #0F1D41;
}
#contact-list .att-photo {
  float: left;
  width: 150px;
  text-align: right;
  max-height: 200px;
  margin: 0 10px 0 0;
}
#contact-list .att-photo img {
  max-width: 100%;
  height: auto;
  max-height: 200px;
}
#contact-list .att-name {
  margin-left: 160px;

  font-size: 30px;
  text-transform: uppercase;
  line-height: 1em;
  margin: 0 0 3px;
  color: #0F1D41;
}
#contact-list .att-position {
  margin-left: 160px;
  font-size: 20px;
  font-weight: normal;
  margin: 0 0 5px;
}
#contact-list .att-biography {
  margin-left: 160px;
  margin-top: 14px;
}
#main #contact-list li.contact:nth-last-child(2) {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}


/* Staff Listing */
.staff-item.odd {
  clear: left;
}
.staff-item {
  float: left;
  width: 50%;
  margin: 0 0 10px;
}
.staff-item .staff-photo {
  width: 60px;
  height: 80px;
  float: left;
  margin-right: 10px;
  text-align: right;
}
.staff-item .staff-photo img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.staff-item .staff-name {
  font-weight: bold;
}
.staff-list .staff-meta-sep {
  display: none;
}

/* Staff Listing - Inline Layout */
.staff-list.layout-inline .meta {
  display: inline-block;
  margin-right: 5px;
}
.staff-list.layout-inline .meta p {
  display: inline;
  margin: 0;
}
.staff-list.layout-inline .staff-item {
  float: none;
  width: auto;
}
.staff-list.layout-inline .staff-meta-sep {
  display: inline-block;
  margin-right: 5px;
  font-family: arial, sans-serif;
}
/*
.staff-list.layout-inline .staff-info {
  color: #777;
}
*/
.staff-phone a {
  color: #000;
  text-decoration: none;
}


/* Table plugin settings */
.ld-table {
  position: relative;
}
.ld-table .table-row {
  border-width: 0px;
  border-color: #f1f1f1;
}
.ld-table .table-cell {
  display: block;
  float: left;
  box-sizing: border-box;
  border-width: 0px;
  border-color: #f1f1f1;
  
  overflow: hidden;
}

/* Full width images. Kind of hacky CSS3 calc()... */
.ld-table a img {
  width: 100%;
  height: auto;
}

.ld-table .cell-content {
  padding: 2px 3px;
}
.ld-table .cell-content > :first-child {
  margin-top: 0;
  padding-top: 0;
}
.ld-table .cell-content > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.ld-table.has-border .table-row {
  border-bottom-width: 1px;
}
.ld-table.has-border .table-cell {
  border-right-width: 1px;
}
.ld-table.has-border .table-row:first-child {
  border-top: 1px solid #e2e2e2;
}
.ld-table.has-border .table-row .table-cell:first-child {
  border-left: 1px solid #e2e2e2;
}
.ld-table.has-border .table-row .table-cell:nth-last-child(2) {
  border-right: 1px solid #e2e2e2;
}
.ld-table.has-border .table-row:last-child {
  border-bottom: 1px solid #e2e2e2;
}

.ld-table.border-dashed .table-cell,
.ld-table.border-dashed .table-row {
  border-style: dashed;
}

.ld-table.border-dotted .table-cell,
.ld-table.border-dotted .table-row {
  border-style: dotted;
}

.ld-table.border-solid .table-cell,
.ld-table.border-solid .table-row {
  border-style: solid;
}

.ld-table.border-none .table-cell,
.ld-table.border-none .table-row {
  border-style: none;
}

.ld-table .table-row.row-header,
.ld-table .table-cell.col-header {
  background: #f1f1f1;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.1;
}
.ld-table .table-row.row-header {
  border-bottom: 2px solid #e2e2e2;
}
.ld-table .table-row.row-header .table-cell {
  padding: 6px 4px;
  border-right: 1px solid #E2E2E2;
}

.ld-table .table-cell.col-header {
  border-right: 2px solid #e2e2e2;
}
.ld-table.col-header .table-row {
  border-bottom: 1px solid #e2e2e2;
}

.ld-table .table-row.row-header a,
.ld-table .table-cell.col-header a {
color: #202020;
}

/* Classes (As in school, not CSS classes) */
.ld-class.class-multiple .class-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e2e2e2;
}
.ld-class.class-multiple .class-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
p.class-button {
  margin: 10px 0;
}

.class-group-shortcode {
  margin-top: 20px;
}
.class-group-shortcode .entry-archive h2.entry-title {
  font-size: 18px;
}

/* Reserve room for the "Share this page" widget */
@media ( min-width: 540px ) {
  h2.entry-title {
    padding-right: 95px;
  }
}

.class-group-shortcode .entry-archive:last-child {
  margin-bottom: 0;
}
br + .class-group-shortcode {
  margin-top: 0;
}
.class-group-shortcode article.no-title.no-content {
  margin: 0 0 30px;
}


/* Tabbed content */
.ld-tabs {
  margin: 50px 0 20px;
}
.ld-tabs iframe {
  width: 100%;
}
.ld-tabs a.tab-handle {
  position: relative;
  display: inline-block;
  text-decoration: none;
  background: #e2e2e2;  
  border-top: 6px solid #e2e2e2;
  padding: 8px 0 12px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #919191;
}

.ld-tabs a.tab-handle { width: 33%; }

.ld-tabs.tabs-1 .tab-handles, .ld-tabs.tabs-2 .tab-handles,
.ld-tabs.tabs-3 .tab-handles, .ld-tabs.tabs-4 .tab-handles {
  white-space: nowrap;
  overflow: hidden;
}
.ld-tabs.tabs-1 a.tab-handle,
.ld-tabs.tabs-2 a.tab-handle,
.ld-tabs.tabs-3 a.tab-handle { width: 33.333%; }
.ld-tabs.tabs-4 a.tab-handle { width: 25%; }

.ld-tabs .tab-handles {
  border-bottom: 14px solid #D4D4D4;
}
.ld-tabs a.tab-handle:after {
  content: ' ';
  position: absolute;
  top: -6px;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 8px;
  background: #fff;
}
.ld-tabs a.tab-handle:last-child:after {
  display: none;
}
.ld-tabs a.tab-handle.active {
  background: #d4d4d4;
  border-top-color: #00b4ac;
  color: #474747;
}

.ld-tabs.tabs-enabled .tab-item {
  display: none;
}
.ld-tabs.tabs-enabled .tab-item.active {
  display: block;
}

.ld-tabs .tab-handle span {
  display: inline-block;
  width: 95%;
  width: calc(100% - 8px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


/* Many Tabs (more than 5) */
.ld-tabs.tabs-many a.tab-handle {
  width: auto;
  width: 33.333%;
  text-align: center;
  padding: 3px 10px 6px;
  background: #D4D4D4;
  border-top-color: #D4D4D4;
  margin-bottom: 8px;
}
.ld-tabs.tabs-many a.tab-handle span {
  width: auto;
  white-space: normal;
  overflow: visible;
}
.ld-tabs.tabs-many .tab-handles {
  border-bottom: none;
}

.ld-tabs.tabs-many a.tab-handle:before {
  content: ' ';
  position: absolute;
  top: -6px;
  left: -4px;
  bottom: 0;
  z-index: 2;
  width: 8px;
  background: #fff;
}
.ld-tabs.tabs-many a.tab-handle:after {
  right: -4px;
  width: 8px;
}
.ld-tabs.tabs-many a.tab-handle:before,
.ld-tabs.tabs-many a.tab-handle:after {
  display: block;
}
.ld-tabs.tabs-many a.tab-handle.active {
  background: #E2E2E2;
  border-top-color: #00B4AC;
}
.ld-tabs.tabs-many .tab-handles {
  text-align: center;
}

/* Accordion Content (Optionally used when >4 many tabs are displayed) */
.ld-accordion {
  margin: 30px 0px;
}
.ld-accordion:last-child {
  margin-bottom: 0px;
}
.ld-accordion .acc-header {
  margin: 0px 0px 16px;
  font-size: 16px;
}

a.acc-handle {
  display: block;
  padding: 12px 8px;
  font-size: 20px;
  text-decoration: none;
}

.acc-handle .acc-state {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin-right: 9px;
}

/*
Black & Blue Theme
-- DISABLED --
a.acc-handle {
  background: #202020;
  color: #FFF !important;
}
a.acc-handle:hover {
  background: #383838;
}
.acc-item.active .acc-handle {
  background: #2483C5;
}

.acc-handle .acc-state {
  border-radius: 3px;
  background: #FFF;
  color: #202020;
}
.acc-item.active .acc-handle .acc-state {
  color: #2483C5;
}


Static height animation
-- DISABLED --

.acc-item .acc-content {
  height: auto;
  overflow: hidden;
  padding: 0px 20px;
  background: #F8F8F8;
  border-left: 4px solid #202020;
  border-right: 4px solid #202020;
  border-bottom: 4px solid #202020;
}
.accordion-enabled .acc-item .acc-content {
  max-height: 0px;
  -webkit-animation: shrink 500ms linear;
  border-bottom-width: 0px;
}
.accordion-enabled .acc-item.active .acc-content {
  max-height: none;
  -webkit-animation: grow 500ms linear;
  border-bottom-width: 4px;
}
.acc-item.active .acc-content {
  border-color: #2483C5;
}

Colored titles/links to match accordion
-- DISABLED --

.acc-item.active h1,
.acc-item.active h2,
.acc-item.active h3,
.acc-item.active h4,
.acc-item.active h5,
.acc-item.active strong {
  color: #2483C5;
}
.acc-item.active h1,
.acc-item.active h2,
.acc-item.active h3,
.acc-item.active h4,
.acc-item.active h5,
.acc-item.active strong {
  color: #2483C5;
}
*/


/* Gray & Teal Theme */
a.acc-handle {
  position: relative;
  padding: 14px 8px 14px 36px;
  margin-bottom: 3px;
  background: #E2E2E2;
  color: #919191 !important;
}
a.acc-handle:hover {
  background: #E8E8E8;
}
.acc-item.active a.acc-handle {
  background: #E2E2E2;
}
.acc-item.active a.acc-handle .acc-title {
  color: #474747;
}

a.acc-handle:before {
  content: ' ';
  display: block;
  
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: #E2E2E2;
}
a.acc-handle:hover:before {
  background: #E8E8E8;
}
.acc-item.active a.acc-handle:before {
  background: #00B4AC;
}

.acc-handle .acc-state {
  position: absolute;
  top: 50%;
  left: 12px;
  
  width: 0;
  height: 0;
  
  margin-top: -8px;
  border: 8px solid transparent;
  
  border-left-width: 12px;
  border-left-color: #919191;
  border-right-width: 0px;
}
.acc-item.active .acc-state {
  margin-top: -4px;
}
.acc-handle .acc-state span {
  display: none;
}
.acc-item.active .acc-handle .acc-state {
  left: 10px;
  border-left-width: 8px;
  border-left-color: transparent;
  border-right-width: 8px;
  border-top-width: 12px;
  border-top-color: #00B4AC;
  border-bottom-width: 0px;
}

/* Margin based animation */
.acc-content {
  overflow: hidden;
}
.acc-content .acc-inner {
  margin-top: -2000px;
  transition: margin-top 1.25s ease-out;
}
.acc-item.active .acc-content .acc-inner {
  margin-top: 0 !important;
  transition: margin-top 0.8s ease-in;
}


/* Lightbox Core */
#lightbox-title,
#lightbox-content,
#lightbox-ok,
#lightbox-close,
#lightbox-controls .sep {
  display: none;
}

#lightbox-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1500;
  
  width: 100%;
  height: 100%;
  
  cursor: pointer;
}
#lightbox {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1600;
  
  width: 420px;
  margin-left: -210px;
  
  cursor: auto;
}
#lightbox-content {
  margin: 8px 10px 16px;
  overflow: auto;
  max-height: 400px;
}
#lightbox-content > :last-child {
  margin-bottom: 0;
}
#lightbox-title {
  padding: 8px 10px 6px;
  
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  text-align: left;
}
#lightbox-controls {
  text-align: center;
}
#lightbox-ok,
#lightbox-close {
  display: inline-block;
  margin: 0 5px;
  padding: 10px 12px;
}
#lightbox-controls .sep {
  display: inline-block;
  width: 5px;
  
  font-size: 14px;
  text-align: center;
}

/* Lightbox Theme */
#lightbox-overlay {
  background: #545454;
  background: rgba(54, 54, 54, 0.5);
}
#lightbox {
  color: #333;
  
  background: #fff;
}
#lightbox-controls {
  padding: 10px 0;
  background: #fff;
}

/* ==========================================================================
Affiliate Enhancements
========================================================================== */
#ae-form {
  margin: 10px 0 20px;
}

#ae-form .ae-field {
  margin: 5px 0 10px;
}
#ae-form .ae-section {
  margin: 0 0 14px;
  padding-bottom: 4px;
  border-bottom: 1px dotted #2B2B2B;
}
#ae-form .ae-section.ae-submit {
margin-top: 30px;
}
#ae-form .ae-section-header {
  margin: 20px 0 10px;
}
#ae-form .ae-section.ae-full-name,
#ae-form .ae-section.ae-password,
#ae-form .ae-section.ae-other,
#ae-form .ae-section.ae-submit {
  padding-bottom: 0;
  border-bottom: none;
}
#ae-form .ae-field label {
  display: block;
  margin: 0 0 2px;
  color: #888;
  cursor: pointer;
}
#ae-form .ae-field input.input-text {
  padding: 4px 6px;
  
  width: 330px;
}
#ae-form .ae-field p.description {
margin: 5px 0 10px;
font-style: italic;
color: #888;
}


input.aff-url {
  display: block;
  color: #555;
  background: #fff;
  box-shadow: none;
  border: 1px solid #d9d9d9;
  padding: 2px 5px;
  font-size: 12px;
  width: 100%;
  width: calc(100% - 10px);
  margin: 5px 0;
}

#affiliate-url {
  padding: 20px 30px;
  margin: 15px 0;
  
  background: #f8f8f8;
  box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  border-radius: 3px;
}
#affiliate-url input.aff-url {
  width: 420px;
}


/* Search page with Springs the Squirrel */
#search-page {
  width: 750px;
  height: 560px;
  margin: 50px auto 0;
  position: relative;
}
#springs-squirrel {
  width: 475px;
}
#search-primary {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  height: 190px;
  width: 505px;
  text-align: left;
}
#springs-squirrel {
  position: absolute;
  top: 95px;
  right: 0;
  width: 475px;
  height: auto;
  display: block;
}
#search-quote {
  position: absolute;
  top: 315px;
  left: 40px;
  z-index: 200;
  background: url(images/squirrel-quote.png) 0px 0px no-repeat;
  padding: 42px 41px;
  width: 288px;
  height: 46px;
  font-style: italic;
  color: #8F8F8F;
}
#search-title {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  transform: rotate(-20deg);
  margin: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 500;
}
#search-content {
  margin: 0 0 24px;
  text-align: center;
}
#search-page .searchform {
  width: 375px;
  position: absolute;  
  top: 100px;  
  left: 107px;  
  width: 375px;
  text-align: center;
  z-index: 100;
}
#search-page .searchform input.text,
#search-page .searchform input.submit {
  height: 44px;
}
#search-page .searchform input.text {
  width: 285px;
  font-size: 14px;
}
#search-page .searchform input.submit {
  width: 90px;
}
#search-content {
  position: absolute;  
  top: 55px;  
  left: 75px;
  width: 430px;
  text-align: center;
  z-index: 500;
}

@media (max-width: 800px) {
  #search-page {
    height: auto;
    width: auto;
    max-width: 540px;
    margin: 40px auto 0;
  }
  #search-title {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    margin: 0 10px 10px;
    text-align: left;
  }
  #search-content {
    position: static;
    padding: 0 10px;
    width: auto;
    text-align: left;
  }
  #search-page .searchform {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    max-width: 375px;
    margin: 0 auto 10px;
  }
  #search-page .searchform input.text {
    width: 100%;
  }
  #search-page .searchform input.submit  {
    position: absolute;
    top: 0;
    right: 0;
  }
  img#springs-squirrel {
    position: static;
    width: auto;
    max-width: 90%;
    margin: 0 auto;
    display: block;
  }
  #search-quote {
    display: none;
  }
}


/* ==========================================================================
[squirrel] Shortcode
========================================================================== */
.squirrel {
    position: relative;
}
.squirrel.squirrel-fluid img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 310px;
}
.squirrel.squirrel-fluid.squirrel-align-right img {
    left: auto;
    right: 0;
}

.squirrel-align-right .spacer {
    float: right;
    clear: right;
}
.squirrel-align-left .spacer {
    float: left;
}

.spacer {
    height: 20px;
}
.spacer.spacer-1 { width: 32px; }
.spacer.spacer-2 { width: 64px; }
.spacer.spacer-3 { width: 96px; }
.spacer.spacer-4 { width: 128px; }
.spacer.spacer-5 { width: 160px; }
.spacer.spacer-6 { width: 192px; }
.spacer.spacer-7 { width: 224px; }
.spacer.spacer-8 { width: 256px; }
.spacer.spacer-9 { width: 288px; }
.spacer.spacer-10 { width: 320px; }

.squirrel.squirrel-pose-0 img {
    top: 16px;
}
.squirrel.squirrel-pose-1 img {
    width: 200px;
}

@media ( max-width: 640px ) {
  .squirrel {
    display: none;
  }
}


/* ==========================================================================
Facebook comments
========================================================================== */

#fb-comments {
  clear: both;
  margin-top: 30px;
}

/* ==========================================================================
Class search page
========================================================================== */

.search-input-button button span.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(images/search.png) 0px 0px no-repeat;
    vertical-align: top;
    overflow: hidden;
}

form.class-search {
    display: block;
    max-width: 300px;
}

.search-input-button {
    width: 40px;
    display: inline-block;
}

.search-input-text {
    width: 90%;
    width: calc(100% - 46px);
    display: inline-block;
}

.search-input-text input {
    width: 100%;
}

.search-input-button button {
    width: 100%;
    height: 31px;
}

/* ==========================================================================
Mobile navigation & subnav
========================================================================== */
@media (max-width: 960px) {
  html.mobile-nav-visible #mobile-nav-wrapper {
    display: block !important;
  }
  html.mobile-nav-visible #content-wrapper,
  html.mobile-nav-visible h2.subnav-title,
  html.mobile-nav-visible #mobile-subnav,
  html.mobile-nav-visible #footer-wrapper {
    display: none !important;
  }
  html.mobile-nav-visible body {
    background: #E2E2E2;
  }
  html.mobile-nav-visible #header-wrapper {
    position: relative;
    z-index: 900;
    width: 100%;
    background: #fdfdfd;
  }

  #mobile-nav,
  #mobile-nav ul.sub-menu,
  #mobile-nav li,
  #mobile-subnav,
  #mobile-subnav ul.sub-menu,
  #mobile-subnav li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
  }

  #mobile-nav-wrapper {
    position: relative;
  }
  
  #mobile-nav ul.sub-menu {
    display: none;
  }
  #mobile-nav li.sub-menu-open > ul.sub-menu {
    display: block;
  }
  
  /* Mobile nav layout */
  #mobile-nav {
    margin: 2px 0 0;
  }
  #mobile-nav li.menu-item {
    display: block;
    background: #fdfdfd;
    text-align: left;
    position: relative;
  }
  #mobile-nav > li.menu-item {
    margin: 0 0 -1px;
    border: 1px solid #E2E2E2;
  }
  #mobile-nav a {
    display: block;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 14px;
    color: #919191;
    text-decoration: none;
  }
  #mobile-nav a:hover {
    background: #00b4ac;
    color: #fff;
  }
  #mobile-nav li.sub-menu-open > a {
    background: #E2E2E2;
    color: #474747;
  }
  #mobile-nav ul.sub-menu a {
    font-size: 16px;
    line-height: 20px;
    padding: 12px 14px;
  }
  #mobile-nav ul.sub-menu {
    position: relative;
  }
  
  #mobile-nav span.parent-menu {
    width: 0;    height: 0;    
    border-left: 5px solid;   
    border-top: 5px solid transparent;      
    border-bottom: 5px solid transparent;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -1px;
  }
  #mobile-nav li.sub-menu-open > a > span.parent-menu {
    border-top: 5px solid;  
    border-right: 5px solid rgba(0, 0, 0, 0);  
    border-left: 5px solid rgba(0, 0, 0, 0);
    top: 1px;
  }
  
  #mobile-nav ul a {
    padding-left: 30px !important;
  }
  #mobile-nav ul ul a {
    padding-left: 54px!important;
  }
  #mobile-nav ul ul ul a {
    padding-left: 78px!important;
  }
  
  
  #mobile-button {
    display: block !important;
    position: absolute;
    width: 100px;
    
    right: 0;
    top: 0;
    bottom: 0;
    height: 100px;
    line-height: 100px;
    text-align: center;
  }
  #mobile-button svg { vertical-align: middle; fill: #777777; }
  #mobile-button svg:hover { fill: #231f20; }
  #mobile-button svg:hover:active { fill: #2483c5; }
  
  h2.subnav-title {
    margin: 0 0 10px;
    font-size: 24px;
    color: #474747;
  }
}

@media ( max-width: 540px ) {
  #mobile-button {
    width: 80px;
  }
  #mobile-button svg {
    width: 48px;
    height: 48px;
  }
}

@media ( max-width: 960px ) {
  /* Subnav */
  #mobile-subnav-wrapper {
    display: block !important;
  }
  #mobile-subnav {
    text-align: center;
    margin: 0 5px;
  }
  #mobile-subnav li.menu-item {
    width: 100%;
    display: inline-block;
  }
  #mobile-subnav a {
    display: block;
    line-height: 20px;
    font-size: 16px;
    text-decoration: none;
    background: #E2E2E2;
    border-top: 6px solid #E2E2E2;
    padding: 5px 3px 11px;
    color: #919191;
    margin: 1px 5px;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #mobile-subnav a:hover {
    color: #474747;
  }
  #mobile-subnav a:hover:active {
    background: #D3D3D3;
    border-top-color: #D3D3D3;
  }
  #mobile-subnav li.current-menu-item a {
    border-top-color: #00b4ac;
    color: #474747;
  }


  #mobile-subnav.count-2 li.menu-item {
    width: 50%;
  }
  #mobile-subnav.count-3 li.menu-item {
    width: 33.32%;
  }
  #mobile-subnav.count-4 li.menu-item {
    width: 25%;
  }
  #mobile-subnav.count-5 li.menu-item {
    width: 20%;
  }
  #mobile-subnav.count-many li.menu-item {
    width: 33.32%;
  }
}

/* Subnav - Extended */
@media (max-width: 860px) {
  #mobile-subnav.count-5 li.menu-item {
      width: 50%;
  }
}
@media (max-width: 760px) {
  #mobile-subnav.count-4 li.menu-item {
      width: 50%;
  }
}
@media (max-width: 660px) {
  #mobile-subnav.count-3 li.menu-item {
      width: 50%;
  }
}
@media (max-width: 480px) {
   #mobile-subnav li.menu-item {
      width: 100% !important;
      display: block;
  }
  #mobile-subnav a {
      border: none;
      background: #e2e2e2;
      color: #919191;
      padding: 8px 0;
  }
  #mobile-subnav li.current-menu-item a {
      border-left: 8px solid #00b4ac;
      border-right: 8px solid #00b4ac;
  }
}

/* Unite Gallery - Succinct Descriptions */
html .ug-videoskin-right-no-thumb .ug-thumb-inner {
	padding-top: 5px;
	padding-left: 10px;

	max-height: 64px;
	overflow: hidden;
}

html .ug-under-780.ug-videoskin-right-no-thumb .ug-thumb-desc {
	width: auto;
	line-height: 15px;
}

/* Unite Gallery - Thumbnails below video */
@media ( min-width: 650px ) {
	.ug-strip-panel {
		top: 390px !important;
		left: 0 !important;
		width:  630px !important;
		background: none !important;
	}

	div.ug-gallery-wrapper {
		height: 512px !important;
	}

	.ug-videoplayer {
		height: 390px !important;
		width: 630px !important;
	}

	.ug-thumb-wrapper {
		width: 50% !important;
		box-sizing: border-box;
		position: static !important;
		float: left !important;
	}

	.ug-thumb-wrapper:nth-child(odd) {
		clear: both;
	}

	.ug-thumbs-strip-inner {
		width: auto !important;
		height: auto !important;
		position: static !important;
	}

	.ug-thumbs-strip {
		position: static !important;
		width:  auto !important;
		height: 122px !important;
		overflow: auto !important;
	}
}


/* Silly google conversion frame adds 20px to the bottom of the website */
iframe[name="google_conversion_frame"] {
	position: absolute;
	top: -10px;
}


/* ==========================================================================
Responsive Design
========================================================================== */

@media (max-width: 960px) {

  /* Header */
  body.no-subnav #header-wrapper,
  body.no-subnav #header,
  #header-wrapper,
  #header {
    height: 100px;
  }
  
  #logo,
  #social-header,
  #nav-primary-wrap,
  #subnav-wrap,
  #header-search,
  #nav-corner {
    display: none;
  }
  
  #mobile-logo {
    display: block !important;
    position: absolute;
    top: 10px;
    left: 10px;
    height: 80px;
    line-height: 80px;
    max-width: 75%;
    max-width: calc(100% - 110px);
  }
  #mobile-logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 80px;
    vertical-align: middle;
  }
  
  /* Footer */
  #footer-nav {
    display: none;
  }
  #footer-logo {
    top: 20px;
    left: 10px;
    right: 10px;
    width: auto;
    text-align: center;
  }
  #footer-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  #social-footer {
    top: 110px;
    left: 10px;
    right: 10px;
    margin: 0;
    text-align: center;
  }
  .social-icons .icon {
    display: inline-block;
    float: none;
  }
  #footer-corner {
    top: 200px;
    left: 10px;
    right: 10px;
    text-align: center;
  }
  #footer-corner .ldft {
    display: none;
  }
  #footer-wrapper, #footer {
    height: 270px;
    min-height: 0;
  }

  /* Front page */
  #front-page .section-inner {
    width: auto;
  }
  #slider .slides {
    height: auto;
  }
  #slider .slides:before {
    content: '';
    display: block;
    margin-top: 43%;
  }
  #slider .markers {
    display: none;
  }
  
  #tri-panel .panel-left,
  #tri-panel .panel-right {
    width: auto;
    float: none;
  }
  #tri-panel {
    margin: 0;
  }
  #tri-panel .panel-item.panel-1,
  #tri-panel .panel-item.panel-2,
  #tri-panel .panel-item.panel-3 {
    padding: 0 10px;
  }
  #tri-panel .panel-image {
    height: 0;
    padding: 80% 0 0;
  }
  #tri-panel .panel-title {
    margin-bottom: 5px;
  }
  #tri-panel .panel-left {
    min-height: 60px;
  }
  #tri-panel .panel-right {
    text-align: left;
    margin-top: 10px;
  }
  
  #whats-happening .event-item {
    width: 23%;
    margin: 0 1%;
  }
  #whats-happening .event-item.last {
    margin-right: 0;
  }
  
  
  #spotlight .spotlight-item {
    margin: 0;
    box-sizing: border-box;
  }
  #spotlight.count-1 .spotlight-item { width: 33%; }
  #spotlight.count-1 .spotlight-item.first { margin-left: 33.5%; }
  #spotlight.count-2 .spotlight-item { width: 33%; }
  #spotlight.count-2 .spotlight-item.first { margin-left: 17%; }
  #spotlight.count-3 .spotlight-item { width: 33%; }
  #spotlight.count-4 .spotlight-item { width: 25%; }
  #spotlight.count-5 .spotlight-item { width: 20%; }
  #spotlight.count-6 .spotlight-item { width: 16.5%; }
  
  
  #tri-panel,
  #whats-happening,
  #featured-posts,
  #spotlight {
    padding: 0 10px;
    margin: 0;
    overflow: hidden;
  }
  
  #tri-panel .section-inner,
  #whats-happening .section-inner,
  #featured-posts .section-inner,
  #spotlight .section-inner {
    margin: 0;
    padding: 25px 0;
  }
  
  #tri-panel h2,
  #whats-happening h2,
  #featured-posts h2,
  #spotlight h2 {
    margin-top: 0;
  }
  
  
  /* Content Pages */
  #content-wrapper {
    margin: 0 10px;
  }
  body.front-page #content-wrapper {
    margin: 0;
  }
  
  #main,
  #sidebar {
    clear: both;
    width: auto;
    padding: 24px 0 0;
    float: none;
  }
  
  .header-components {
    margin: 14px 0;
  }
  .header-image {
    height: auto;
    max-height: 400px;
    overflow: hidden;
  }
  .header-image .bg-img {
    padding-top: 50%;
    position: static;
  }
  
  #main .tab-handles {
    white-space: normal;
    overflow: visible;
    border-bottom: none;
    
    text-align: center;
  }
  #main .ld-tabs a.tab-handle {
    width: 50%;
    padding: 3px 10px 6px;
    margin-bottom: 8px;
  
    background: #D4D4D4;
    border-top-color: #D4D4D4;
  }
  #main .ld-tabs a.tab-handle.active {
    background: #E2E2E2;
    border-top-color: #00B4AC;
  }
  #main .ld-tabs a.tab-handle span {
    width: auto;
    white-space: normal;
    overflow: visible;
  }
  #main .ld-tabs a.tab-handle:before {
    content: ' ';
    position: absolute;
    top: -6px;
    left: -4px;
    bottom: 0;
    z-index: 2;
    width: 8px;
    background: #fff;
  }
  #main .ld-tabs a.tab-handle:after {
    right: -4px;
    width: 8px;
  }
  #main .ld-tabs a.tab-handle:before,
  #main .ld-tabs a.tab-handle:after {
    display: block;
  }
  
  
  
  /* Sidebar & Widgets */
  #sidebar {
    margin: 40px -10px 0;
    padding: 20px 0 1px;
    
    background: #f1f1f1;
  }
  
  #sidebar .widget,
  #sidebar .widget:last-child {
    max-width: 260px;
    margin: 0 auto 20px;
  }
  .events-widget .event-item {
    width: auto;
    float: none;
    margin: 5px 0 10px;
    display: none;
  }
  .events-widget .event-item:nth-of-type(1), 
  .events-widget .event-item:nth-of-type(2) {
    display: block;
  }
  
  /* Expand/collapse sidebar */
  #sidebar .widget.expandable {
    padding: 0;
    border: none;
    max-width: 300px;
  }
  #sidebar .widget.expandable .widget-wrap > :first-child {
    margin-top: 10px;
  }
  #sidebar .widget.expandable .widgettitle {
    background: #f1f1f1;
    padding: 14px 10px;
  }
  #sidebar .widget.expandable .widget-wrap {
    padding: 0 20px;
  }
  #sidebar .widget.expandable .widgettitle:before {
    content: "+";
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin-right: 7px;
    border-radius: 3px;
    background: #e2e2e2;
  }
  #sidebar .widget.expandable .widgettitle:hover {
    background: #2483c5;
    color: #fff;
  }
  #sidebar .widget.expandable .widgettitle:hover:before {
    background: #fff;
    color: #2483c5;
  }
  #sidebar .widget.expandable.expanded .widgettitle:before {
    content: "-";
  }


  #sidebar .widget.expandable .widgettitle {
    cursor: pointer;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
  }
  #sidebar .widget.expandable .widget-wrap {
    overflow: hidden;
    
    max-height: 0px;
    -webkit-animation: shrink 1s ease-out;
    animation: shrink 1s ease-out;
  }
  #sidebar .widget.expandable.expanded .widget-wrap {
    max-height: none;
    -webkit-animation: grow 1s ease-in;
    animation: grow 1s ease-in;
  }
  
}


@media ( max-width: 700px ) {
  #front-page .section-inner {
    padding: 1px 0;
  }
  
  
  #tri-panel .panel-item {
    margin-top: 1em;
    margin-bottom: 2em;
  }
  
  #featured-posts .featured-item-wrap {
    width: auto;
    display: block;
  }
  #featured-posts .featured-item-wrap.nth-1:before {
    top: auto;
    left: 0px;
    width: 100%;
    height: 1px;
  }
  #featured-posts .featured-item {
    min-height: 0;
  }
  #featured-posts .featured-item-wrap {
    width: auto;
    display: block;
  }
  #featured-posts .featured-item-wrap.nth-1:before {
    top: auto;
    left: 0px;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  #featured-posts .featured-item {
    min-height: 0;
  }
  
  #whats-happening .event-item {
    width: 48%;
    margin: 0 1%;
  }
  #whats-happening .meta-item.more,
  #whats-happening .meta-item.share {
    display: none;
  }
  #spotlight .spotlight-item {
    margin-bottom: 10px;
  }
  #spotlight {
    margin-bottom: 20px;
  }
  
  html.generatedcontent #spotlight .spot-image {
    height: auto;
  }
  html.generatedcontent #spotlight .spot-image:before {
    content: ' ';
    display: block;
    padding-top: 100%;
  }
  
  #spotlight.count-1 .spotlight-item { width: 60%; }
  #spotlight.count-1 .spotlight-item.first { margin-left: 20%; }
  #spotlight.count-2 .spotlight-item { width: 40%; }
  #spotlight.count-2 .spotlight-item.first { margin-left: 10%; }
  #spotlight.count-3 .spotlight-item { width: 33%; }
  #spotlight.count-4 .spotlight-item { width: 50%; }
  #spotlight.count-5 .spotlight-item { width: 33%; }
  #spotlight.count-5 .spotlight-item.nth-4 { margin-left: 17%; }
  #spotlight.count-6 .spotlight-item { width: 33%; }
  
  
  /* Accordion content */
  .ld-accordion .acc-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .acc-item .acc-content {
    padding: 0 10px;
  }
}

@media (max-width: 540px) {
  #front-page .section-inner {
    margin: 0 10px;
  }
  
  #tri-panel .panel-item {
    width: auto;
    max-width: 380px;
    padding: 0 0 2em;
    margin: 1em auto 2em;
    display: block;
    float: none;
    border-bottom: 1px solid #DFDFDF;
  }
  #tri-panel .panel-image {
    height: auto;
    padding-top: 0;
  }
  #tri-panel .panel-image:before {
    content: ' ';
    display: block;
    padding-top: 50%;
  }
  #tri-panel .panel-right .button {
    width: 100%;
    margin-top: 0;
  }
  #tri-panel .panel-right {
    margin-top: 0;
  }
  #tri-panel .panel-item.last {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 1em;
  }
  
  #spotlight .spotlight-item {
    width: 50% !important;
    margin-left: 0 !important;
    display: block;
    float: left;
  }
  #spotlight.count-1 .spotlight-item {
    width: 100% !important;
  }
  #spotlight .spotlight-item.odd {
    clear: both;
  }
  
  .program-list .program-image,
  .facility-list .facility-image {
    float: none;
    width: 100%;
    max-height: none;
    position: relative;
    overflow: hidden;
    margin: 0 0 14px;
  }
  .program-item .program-image div.bg-image,
  .facility-item .facility-image div.bg-image {
    position: static;
    padding-top: 50%;
    max-height: 300px;
    height: auto;
    width: auto;
  }
  .program-list .program-item,
  .facility-list .facility-item {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  
  
  /* Accordion content */
  .ld-accordion .acc-list {
    border-left-width: 2px;
    border-right-width: 2px;
  }
}

@media (max-width: 400px) {
  #whats-happening .event-item {
    width: auto;
    float: none;
    margin-right: 0;
    margin: 14px 0;
  }
  
  #spotlight .spotlight-item {
    width: 100% !important;
  }
  html.generatedcontent #spotlight .spot-image:before,
  #spotlight .spot-image:before {
    display: none;
  }
  #spotlight .spot-image div.bg-img {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding-top: 60%;
  }
  #spotlight .spot-image {
    height: auto;
  }
  #spotlight .spotlight-item {
    margin: 0 0 14px;
  }
  
  /* Content */
  #main .ld-tabs a.tab-handle {
    width: 100%;
    margin: 0;
    border: none;
    padding: 6px 0;
  }
  #main .ld-tabs a.tab-handle:before,
  #main .ld-tabs a.tab-handle:after {
    top: 0;
    left: -8px;
    bottom: 0;
    width: 8px;
    background: #D4D4D4;
  }
  #main .ld-tabs a.tab-handle:after {
    left: auto;
    right: -8px;
  }
  #main .ld-tabs a.tab-handle.active:before,
  #main .ld-tabs a.tab-handle.active:after {
    background: #00B4AC;
  }

  a img.alignright,
  a img.alignleft {
    display: block;
    float: none;
    width: auto !important;
    height: auto !important;

    margin: 7px auto;
    max-width: 100%;
    max-height: 400px;
  }
}

/* ==========================================================================
Print styles
========================================================================== */

@media print {
  *{color:#000!important;box-shadow:none!important;text-shadow:none!important;}
  a,a:visited{text-decoration:underline;}
  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:.5cm;}
  p,h2,h3{orphans:3;widows:3;}
  h2,h3{page-break-after:avoid;}
}

/* ==========================================================================
CSS Animations
========================================================================== */

@-webkit-keyframes grow {
  0% { max-height: 0px; }
  80% { max-height: 400px; }
  100% { max-height: 1000px; }
}

@keyframes grow {
  0% { max-height: 0px; }
  80% { max-height: 400px; }
  100% { max-height: 1000px; }
}

@-webkit-keyframes shrink {
  0% { max-height: 1000px; }
  5% { max-height: 400px; }
  100% { max-height: 0px; }
}

@keyframes shrink {
  0% { max-height: 1000px; }
  5% { max-height: 400px; }
  100% { max-height: 0px; }
}