/*============================================================================
*** HPHP SUB STYLESHEET - All css and font overrides go here ***
*** Be aware that many other module, parent theme and vendor stylesheets ***
*** exist in Drupal inside the relevant directories ***
*** Be sure to ADD BREAKPOINT
=============================================================================*/
/* @import "breakpoint"; */
/**
* Included SASS partials (sass/custom.scss compiles these into css/custom.css)
*/
/** colors, image path and other sass variables */
/** image path and other sass variables   */
/** Responsive Breakpoints */
/** Layout & Typography */
/** CSS for new regions */
.region-before-after-content .col-md-4 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.region-before-after-content .view-header .container {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/**
* Typography & Miscellany
*/
/* icon colors (uses Colors vocab)  */
html .featured-box-quinary .icon-featured {
  background-color: #f7b313;
}

html .featured-box-quinary .box-content {
  border-top-color: #f7b313;
}

html .featured-box-quinary h4 {
  color: #f7b313;
}

/* turn headlines to primary color */
h1, h2, h3, h4, a {
  color: #009c49;
}

li.nobullets {
  list-style-type: none;
}

.alternative-font, .alt-font {
  color: #f7b313;
}

.alternative-font, .alt-font {
  font-family: "Shadows Into Light", cursive;
}

p.drop-caps:first-child::first-letter {
  float: left;
  font-size: 60px;
  line-height: 54px;
  padding: 4px;
  margin-right: 5px;
  margin-top: 5px;
  font-family: Open sans;
}

li.node-readmore a {
  float: right;
  margin: -20px 30px 30px 0;
  font-size: larger;
  /*font-weight: bolder;*/
}

/** Text under Intro Titles */
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

p.featured {
  font-size: 1.6em;
  line-height: 1.5em;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
.flexslider {
  margin: 0 0 40px;
}

/** Site Header */
.page-header {
  /* aka section headers, not main site header */
  background: url(http://www.parkrx.org/sites/default/files/fern_blur.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-top: 3px solid #384045;
  border-bottom: 3px solid #384045;
  /* was ccc */
}

.page-header h1 {
  border-bottom: 3px solid #009c49;
}

#header .header-nav .header-nav-push-top {
  margin-top: -66px;
}

/*
 * Adjust items in the header and main menu
 */
#header .header-body {
  background: #fff;
  border-top: 5px solid #009c49;
  border-bottom: 1px solid transparent;
  padding: 8px 0;
  min-height: 125px;
  -webkit-transition: min-height 0.3s ease;
  -moz-transition: min-height 0.3s ease;
  transition: min-height 0.3s ease;
  width: 100%;
  z-index: 1001;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
  border-bottom: 1px solid #f4f4f4;
  color: #009c49;
  font-size: 1em;
  font-weight: 400;
  padding: 8px 20px 8px 8px;
  position: relative;
  text-transform: none;
}

#header .header-social-icons {
  margin: 12px 10px 0 10px;
}

/* nav buttons */
#header .header-nav-main nav > ul > li > a {
  border-radius: 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  padding: 10px 13px;
  text-transform: uppercase;
}

#header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover {
  line-height: 16px;
  padding-bottom: 10px;
}

/** Header tweaks for mobile */
#header .header-body {
  padding: 2px 0px;
  min-height: 109px;
  transition: min-height 0.3s ease 0s;
  width: 100%;
  z-index: 1001;
}

#header .header-logo img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  margin: 24px 24px 24px 0;
  top: 0;
}

@media (min-width: 992px) {
  #header .header-nav-main {
    float: right;
    margin: 0 0 -9px;
    min-height: 55px;
  }
}
@media (max-width: 991px) {
  div.header-search {
    display: none;
  }

  ul.header-social-icons {
    display: none;
  }
}
/** Program Calendar right here */
/** Calendar */
/** target the Calendar view and the All Programs List view  */
/** Base styles and resets */
.calendar-view .view-header h2 {
  margin: 0;
}

.calendar-view-day .date-nav-wrapper .date-heading h3, calendar-view-month .date-nav-wrapper .date-heading h3 {
  line-height: 42px;
  font-size: 1.5em;
}

.calendar-view .date-nav-wrapper .date-prev {
  border-radius: 0px 0px 0px 0px;
  border: 0;
  background: none;
  left: 0;
  right: auto;
}

.calendar-view .date-nav-wrapper .date-next {
  border-radius: 0px 0px 0px 0px;
  border: 0;
  background: none;
}

.calendar-view li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.calendar-view .date-nav {
  clear: both;
  padding-bottom: 0;
  width: 100%;
}

.calendar-view .calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {
  background-color: #C3D6E4;
  /*font-weight: 100;*/
}

.calendar-view .calendar-upcoming-date .date-display-single, .date-display-range {
  display: inline-block !important;
  margin: 0;
}

.calendar-view .more-link a {
  font-size: 1.1em;
  font-weight: 600;
  margin: 0;
}

.calendar-view .no-results-msg-day h4 {
  font-weight: 400;
}

.ical-icon img {
  float: right;
}

h4.no-results-msg-day {
  font-size: 1.3em;
}

div.date-repeat-rule {
  font-style: italic !important;
  font-size: 0.9em;
}

/** Datepicker (mini-blocks) */
.calendar-view-datepicker .pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 0;
  border-radius: 15px;
}

.calendar-view-datepicker {
  margin: 50px 0 75px 0;
}

.calendar-view-datepicker .date-nav-wrapper .date-nav {
  background-color: transparent;
  border: 0px;
  height: 0;
  min-height: 30px;
  position: relative;
  margin-bottom: 50px 0 10px 0;
}

.calendar-view-datepicker h3 {
  font-size: 1.5em;
  line-height: 45px;
}

.calendar-view-datepicker .date-nav-wrapper .date-heading h3 {
  line-height: 42px;
  font-size: 1.3em;
}

.calendar-view-datepicker .date-nav-wrapper .date-heading h3 {
  line-height: 42px;
  font-size: 1.3em;
}

.calendar-view-datepicker .date-nav-wrapper .date-prev {
  border-radius: 0px 0px 0px 0px;
  border: 0;
  background: none;
  left: 0;
  right: auto;
}

.calendar-view-datepicker .date-nav-wrapper .date-next {
  border-radius: 0px 0px 0px 0px;
  border: 0;
  background: none;
}

.calendar-view-datepicker li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.calendar-view-datepicker .date-nav {
  clear: both;
  padding-bottom: 0;
  width: 100%;
}

.calendar-view-datepicker .mini-day-on a {
  font-weight: 600 !important;
}

/** Mobile responsive overrides   */
@media (max-width: 991px) {
  .calendar-view-datepicker .date-heading h3 {
    font-size: 1.5em;
  }
}
@media (max-width: 767px) {
  .calendar-view-datepicker .date-heading h3 {
    font-size: 1.3em;
  }
}
/** Lists (Upcoming in front sidebar)  */
.calendar-view-upcoming {
  height: 600px;
  overflow: auto;
  text-align: left;
  border: 1px solid #ccc;
  padding: 0 0.5em 0 0.5em;
  margin-top: 10px;
}

.calendar-view-upcoming a:visited {
  color: #009c49;
}

.calendar-view-upcoming .calendar-upcoming-title {
  margin: 10px 0 0 0;
}

.calendar-view-upcoming .calendar-upcoming-title a {
  text-decoration: none;
  margin: 0;
}

.calendar-view-upcoming .calendar-upcoming-title a:hover {
  text-decoration: underline;
}

.calendar-view-upcoming .calendar-upcoming-date {
  margin: 0;
}

.calendar-view-upcoming .views-row-first {
  margin: 0;
}

.calendar-view-upcoming.views-row {
  margin: 0;
}

/** Lists (General)  */
.calendar-view-list .views-row {
  padding: 10px 0 5px 0;
}

.calendar-view-list .view-header {
  margin: 1.5em 0 0.5em 0;
}

.calendar-list-title {
  margin-top: 10px;
}

.calendar-list-title a {
  font-size: 1.3em;
  font-weight: 400;
  text-decoration: none;
}

.calendar-list-title a:hover {
  text-decoration: underline;
}

.calendar-list-date span {
  display: inline-block !important;
}

.calendar-list-body p {
  margin: 0;
}

.calendar-list-label {
  font-weight: 600;
}

/** Mobile responsive overrides   */
@media (max-width: 767px) {
  .pagination {
    padding-left: 25%;
    padding-right: 25%;
  }
}
@media (max-width: 479px) {
  .calendar-view-day .pager li > a, .pager li > span {
    border: 0;
    display: none;
  }

  .calendar-view .date-nav-wrapper .date-heading h3 {
    font-size: 1.2em;
  }

  .calendar-view .pagination-lg > li > a, .pagination-lg > li > span {
    padding: 0.7em 1em;
    font-size: 1.1em;
    line-height: 1.2em;
  }
}
.node-program .field-name-field-program-date .date-display-single, .date-display-range {
  display: inline-block !important;
}

#block-views-map-programs-block-1 {
  margin-top: 15px;
}

#block-views-map-programs-block-1 h2 {
  margin: 0 0 8px 0;
  color: #009c49;
}

/*
 * Float the map to the right on program pages and views
 */
.node-type-program .field-name-field-lat-long {
  float: right;
  margin: 0 1.5em 0 1.5em;
}

.view-program-proximity-search .views-field-field-lat-long .field-content {
  float: right;
  margin: 0 1.5em 0 1.5em;
}

/*
 * Add margin to the Program page items
 */
.field-name-field-program-leader, .field-name-field-location-reference, .field-name-field-agency-name {
  margin: 10px 0 10px 0;
}

div.date-display-range {
  /*margin-bottom: 1.5em;*/
}

div.field-name-field-program-date {
  margin-bottom: 1.2em;
}

div.field-name-field-activity {
  margin-bottom: 1.2em;
}

div.field-name-field-level-of-difficulty {
  margin-bottom: 1.2em;
}

div.field-name-field-agency {
  margin-bottom: 1.2em;
}

.node-program .field-name-field-agency h2 {
  display: none;
  /* turn off title, just use web link */
}

.node-program .field-name-field-web-link .field-item {
  background-color: #fff;
  /* default class include odd-even stripping */
}

/* following applies to Add Comment link under Agency */
.region-content .node-program ul.inline li.comment-add {
  display: inline;
  list-style-type: none;
  padding: 5em 0 0 0;
  color: #009c49;
}

.region-content .node-program ul.inline li.comment-add a {
  color: #009c49;
  font-size: 1.5em;
}

.region-content .node-program ul.links.inline {
  /* turn off Add Comment for now */
  display: none;
}

.program-search-link a {
  /*display: block;*/
  /*margin: 0 auto;*/
  margin-left: 20px;
  margin-right: auto;
  /*float: right;*/
}

.programs-at-this-park h2 {
  margin: 0;
  padding: 0;
  line-height: 24px;
  font-size: 1.2em;
}

.field-name-field-location-import .field-item {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 7px;
}

.field-name-field-location-reference .field-item a {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 7px;
}

.field-name-field-activity .field-item a {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 7px;
}

.field-name-field-level-of-difficulty .field-item a {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 7px;
}

.proximity-wrapper {
  margin: 10px 0 0 0;
}

.proximity-geofield-wrapper {
  margin: auto;
}

.proximity-title {
  margin-bottom: 5px;
  font-size: 1.2em;
  font-weight: 600;
}

.proximity-date {
  font-size: 1em;
  margin-bottom: 7px;
}

.proximity-geofield {
  font-size: 1.1em;
  margin-bottom: 5px;
}

.geofield-proximity-field-wrapper .form-type-select {
  padding-top: 0;
}

#edit-field-geofield-distance-distance {
  width: 60px;
}

#edit-field-geofield-distance-origin {
  width: 200px;
}

/** Team Leader View in Program node */
div.leader-team-based-block {
  box-sizing: border-box;
  /*padding: 5px;
  border: 1px solid #eee;*/
  margin: 0 0 15px 0;
}

div.leader-team-based-block h6.leader-team-based {
  /*font-weight: bold;
  font-size: 14px;
     line-height: 22px;
  padding-left: 5px;
  margin-bottom: 0;
  color: #777777;
     font-family: "Open Sans", Arial, sans-serif;*/
  display: none;
}

div.leader-team-based-block span.field-content img {
  padding: 5px 0 5px 0;
}

div.leader-team-based-block span.field-content a {
  /*padding: 5px 0 5px 0;*/
  font-size: 1em;
}

div.field-name-field-agency {
  margin: 15px 0 10px 0;
}

/*div.leader-team-based-block .views-field-title span.field-content a {
	font-size: 1.5em;
}
*/
div.region-sidebar-right {
  margin-top: 17px;
}

/**  All Programs list  */
.all-program-listings .view-header h2 {
  margin-top: 0 !important;
}

.all-program-listings .views-row {
  margin: 15px 0 15px 0;
  padding: 15px;
  border: 1px solid #E0E0E0;
  background-color: #F8F8F8;
}

.all-program-listings div.all-program-title {
  margin: 0.5em 0 1em 0;
}

.all-program-listings .all-program-title a {
  font-size: 1.3em;
  font-weight: 400;
  text-decoration: underline;
}

.all-program-listings .all-program-body {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.all-program-listings .all-program-location {
  font-size: 1em;
  font-weight: 400;
  margin: 0 0 0.5em 0;
}

.all-program-listings .all-program-where {
  font-size: 1em;
  font-weight: 400;
  margin: 0 0 0.5em 0;
}

.all-program-listings .all-program-label {
  font-weight: 500;
}

/*
 * All Programs list on programs page
 */
/** partner logo styles in carousel partial */
div.view-carousel-image {
  margin: 10px;
}

a.carousel-image img {
  border-radius: 7px;
  padding: 3px;
  border: 1px solid #DDD;
  background-color: #FFF;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

h5.view-carousel-title {
  font-size: 2em;
  display: none;
  /* TITLE TURNED OFF */
}

p.view-carousel-name {
  font-weight: 500;
  font-size: 1.2em;
  padding: 0 15px 0 15px;
  line-height: 20px;
  margin: 0 0 10px;
}

.owl-carousel .owl-item {
  font-size: 0.7em;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 3em;
}

.contact-message-wrapper .form-textarea {
  height: auto;
}

/*
 * partner logo display on about page
 */
.partner-header h3 {
  /*color: $primary_color;*/
  text-transform: none;
}

.view-partner-logos tr.even, tr.odd {
  background-color: #fff;
  border-bottom: 0;
  /*1px solid #ccc;*/
  padding: 0.1em 0.6em;
}

.views-field-field-partner-image tr, td {
  border-top: 0;
}

.partner-title tr, td {
  border-top: 0;
}

.partner-title h4 {
  padding-top: 35px;
  padding-bottom: 30px;
}

/** Slider is used for home page video slider */
/* following applies to the custom text output on video flexslider */
.slider-wrapper {
  display: table;
  clear: both;
  content: ".";
  width: 98%;
  margin: 1rem 1%;
  background: white;
}

/* .slider-media{width:49%;float:left;margin-right:-100%;margin-left:0%;clear: none;}*/
.slider-media {
  width: 48%;
  float: left;
  margin-right: 2%;
}

.slider-title {
  font-size: 1.4em;
  margin: 15px 0 10px 0;
  text-transform: none;
}

.slider-text {
  width: 48%;
  float: left;
}

/*.slider-text-big h3{margin:15px 0 10px 0;font-size: 1em;}*/
/* * See flexslider.css inside the flexslider module directory for more * left-right direction nav turned off there */
/** Page-specific styles */
/** Front page margin,padding and border for 'join us' block */
.join-collab {
  background: url(/sites/default/files/fern_blur.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  webkit-background-size: cover;
  background-size: cover;
  margin: 10px -17px 40px -17px;
  padding: 20px 0 15px 0;
}

span.alternative-font {
  display: block;
  margin-top: 0px !important;
  position: relative;
  top: 3px;
  margin-bottom: -6px;
}

.join-collab .lead {
  padding-bottom: 1em;
}

.join-collab h3, .join-collab p {
  color: white;
}

.join-collab .push-top {
  margin-top: 0px;
}

/** Front intro to program search under map */
#block-block-56 h4 {
  font-size: 1.8em;
  margin: 20px 0 20px 0;
}

/** About page timeline */
ul.history li p {
  margin-left: 53px !important;
}

/** Programs Page & Site Message */
.view-programs-page-intro {
  border: 1px solid #ccc;
  padding: 0.7em;
}

.view-programs-page-intro h2.programs-intro-title {
  margin-bottom: 1em;
}

.view-programs-page-intro p.programs-intro-body {
  font-size: 1.1em;
  line-height: 24px;
}

/** Site messages */
div.site-message-front {
  border: 1px solid #ccc;
  padding: 1em;
  margin: 2em 0 0 0;
}

p.site-message-front-body {
  font-size: 1.3em;
  font-weight: 300;
  line-height: 24px;
}

h2.site-message-front-title {
  margin: 10px 0 15px 0;
  font-size: 2.2em !important;
  font-family: "Shadows Into Light", cursive;
  color: #f7b313;
}

/** PARKS Rx pages
*
*
*
*/
.node-park-rx-resources .field-name-field-intro-text h2, .node-park-rx-resources .field-name-field-intro-text p {
  padding-left: 1.5rem;
}

.field-name-field-text-area-2 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.field-name-field-text-area-2 h2 {
  margin-top: 4rem;
}

/* promo box below accordion on parkrx landing page */
.node-type-park-rx-resources .field-name-field-text-area-2 {
  border: 1px solid #999;
  border-radius: 3px;
  padding: 0 1.5rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.2em;
}
.node-type-park-rx-resources .field-name-field-text-area-2 h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.6em;
  margin: 1.4rem 0 1rem 0;
}
.node-type-park-rx-resources address {
  font-style: italic;
  font-weight: 400;
}

.accordion-wrapper .toggle label {
  font-weight: normal;
  font-size: 1.2em;
  /*
  //@include breakpoint (480px){
  //    font-size: 1.5em;
  //} */
}
.accordion-wrapper .toggle-content {
  padding-left: 1.5rem;
}
.accordion-wrapper .toggle-content > h2 {
  margin-top: 2rem;
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: 500;
  padding-left: 1.5rem;
}
.accordion-wrapper .toggle-content > h2 span {
  font-weight: 700;
}
.accordion-wrapper .toggle-content span.resource-header {
  font-weight: 700;
  background-color: #fff;
  border-color: #fff;
  color: #009c49;
  border-left-color: #fff;
  border-right-color: #fff;
}
.accordion-wrapper .toggle-content > p {
  font-size: 1.1em;
  margin-bottom: 2rem;
  padding: 0;
}
.accordion-wrapper .toggle.active > label {
  margin-bottom: 2rem;
}

.accordion-resources {
  margin: 0.3rem 0 1rem 0;
}
.accordion-resources .feature-box-icon {
  background: #009c49;
  border-radius: 35px;
  color: #FFF;
  display: inline-block;
  float: left;
  height: 45px;
  display: inline;
  line-height: 45px;
  margin-right: 10px;
  margin-top: 0.5em;
  position: relative;
  text-align: center;
  top: -5px;
  width: 45px;
  padding-left: 0.2rem;
  padding-top: 0.2rem;
}
.accordion-resources .feature-box-icon i {
  font-size: 1.5em;
}
.accordion-resources .feature-box-icon img.file-icon {
  display: none;
}
.accordion-resources .feature-box-icon span.file img, .accordion-resources .feature-box-icon span.file a {
  display: none;
}
.accordion-resources .resource-title {
  padding-top: 0.2rem;
  font-size: 1.2em;
}

.accordion-column {
  margin: 2rem 0 1.5rem 0 !important;
  height: inherit;
}

.field-collection-container {
  border-bottom: none;
  margin-bottom: 2rem;
}

.field-collection-item-field-resources .field-name-field-description .field-item {
  padding-top: 1.5rem;
  font-size: 1.2em;
}

/* jquery accordion */
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em 0;
  border-top: 0;
  overflow: auto;
  height: auto !important;
}

.view-accordion h2 {
  font-size: 1.5em;
  margin-bottom: 0.5rem;
}

a.parkrx-resource-heading {
  font-size: 1.1em;
  color: #009c49;
}

.ui-state-default .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(/sites/all/themes/hphp_sub/img/ui-icons_ffffff_256x240.png) !important;
}

.ui-state-hover .ui-icon {
  background-image: url(/sites/all/themes/hphp_sub/img/ui-icons_222222_256x240.png) !important;
}

.ui-accordion h3.ui-accordion-header {
  overflow: hidden;
  font-size: 1.3em;
  text-transform: none;
  font-weight: 300;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 8px;
  padding: 0.3em 0.3em 0.3em 1.5em;
  min-height: 0;
}

.landing-page-accordion span.ui-accordion-header-icon {
  display: none;
}
.landing-page-accordion h3.ui-accordion-header, .landing-page-accordion h3.ui-accordion-header a {
  cursor: default;
}
.landing-page-accordion .accordion-column {
  height: 10rem;
}

@media (min-width: 768px) {
  .accordion-column {
    margin: 1rem 0 1rem 0 !important;
    height: 12rem;
  }

  .parkrx-resource-description {
    font-size: 0.9em;
    line-height: 1.3;
  }

  a.parkrx-resource-heading {
    font-size: 1em;
  }

  .landing-page-accordion .accordion-column {
    height: 10rem;
  }
}
@media (min-width: 992px) {
  .parkrx-resource-description {
    font-size: 0.9em;
    line-height: 1.3;
  }

  .accordion-column {
    margin: 3rem 0 3rem 0 !important;
    height: 16rem;
  }

  .landing-page-accordion .accordion-column {
    height: 10rem;
    margin: 1rem 0 2rem 0 !important;
  }
}
@media (min-width: 1200px) {
  .accordion-column {
    margin: 3rem 0 3rem 0 !important;
    height: 20rem;
  }

  a.parkrx-resource-heading {
    font-size: 1.1em;
  }

  .parkrx-resource-description {
    font-size: 1em;
    line-height: 1.5;
  }

  .landing-page-accordion .accordion-column {
    height: 12rem;
    margin: 1rem 0 2rem 0 !important;
  }
}
@media (max-width: 767px) {
  /* spans reduce to 100px then go full width */
  .ui-accordion h3.ui-accordion-header {
    font-size: 1.1em;
    font-weight: 300;
  }
}
@media (max-width: 579px) {
  /* spans reduce to 100px then go full width */
  .ui-accordion h3.ui-accordion-header {
    font-size: 1em;
    font-weight: 300;
  }

  a.parkrx-resource-heading {
    font-size: 1em;
  }

  .parkrx-resource-description {
    font-size: 0.9em;
    line-height: 1.4;
  }

  .ui-accordion-content p {
    line-height: 1.6em;
    margin: 0 0 2rem;
    font-size: 0.9em;
  }
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  /* border: 1px solid #d3d3d3; */
  background: #009c49;
  font-weight: 400;
  color: #fff;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #fff;
  text-decoration: none;
}

.parks-rx-box {
  border: 1px solid #eee;
  padding: 5px 5px 10px 10px;
}

.parks-rx-box h4 {
  margin: 0;
}

.node-park-rx-resources .benefits-intro {
  margin-bottom: 4rem;
}

/* turn off the arrows and cursor for parkrx landing page */
/* action turned off with template - remove data attribute */
.page-node-1207 .toggle.active > label:before {
  border-top-color: inherit;
}
.page-node-1207 .toggle > label {
  cursor: inherit;
}
.page-node-1207 .toggle .toggle {
  margin: 4rem 0 0;
}
/** Program Mapping */
/* Custom Map */
section.section-custom-map {
  padding: 129px 0 0;
  margin: 20px 0 0;
  border: 0;
}

/* leaflet map module */
.leaflet-container {
  margin: 0 10px 0 0;
}

.leaflet-container a {
  color: #009c49;
}

.leaflet-container ul.links.inline li {
  padding-left: 0;
}

.leaflet-container ul.links.inline li .node-readmore.last {
  text-align: right;
}

.leaflet-popup {
  position: absolute;
  text-align: center;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content h2 {
  font-size: 1.5em;
  margin-bottom: 0;
  line-height: 1em;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/*
 * Home page map
 */
.view-map-view-exposed {
  padding-bottom: 2em;
}

.view-map-view-exposed .view-header h2 {
  margin: 0;
}

.views-exposed-widget label {
  font-weight: normal;
  margin-bottom: 0;
}

.leaflet-control {
  position: relative;
  z-index: -7;
  pointer-events: auto;
}

#leaflet-map .leaflet-top, #leafelt-map .leaflet-bottom {
  z-index: 1;
}

.leaflet-top, .leaflet-bottom {
  position: absolute;
  z-index: 10;
  pointer-events: none;
}

.btn-primary:hover {
  background-color: #265a88;
  background-position: 0 5rem;
}

/*
 * Style elements of related content views
 */
#block-views-also-at-this-park-block h4 {
  font-size: 1.5em;
  font-weight: 400;
  text-decoration: none;
  margin: 0 0 5px 0;
}

.view-also-at-this-park .field-item a {
  display: block;
  font-size: 1em;
  font-weight: 400;
}

.view-also-at-this-park h2 {
  font-size: 1.2em;
  font-weight: 400;
  text-decoration: underline;
  margin: 0 0 5px 0;
}

.view-also-at-this-park .field-name-field-location-reference {
  margin: 0 0 0.5em 0;
}

.view-also-at-this-park .field-name-field-program-date {
  margin-bottom: 0.5em;
}

#block-views-also-at-this-park-block .view-also-at-this-park div.node-program {
  margin: 10px 0 10px 0;
  padding: 10px;
  border: 1px solid #eee;
}

#block-views-also-at-this-park-block .view-also-at-this-park ul.inline li.comment-add {
  display: none;
}

.view-more-programs-with-this-leader .views-field-rendered-entity h2 {
  font-size: 1.2em;
  font-weight: 400;
  text-decoration: underline;
  margin: 0;
}

.view-more-programs-with-this-leader .views-field-rendered-entity {
  margin: 15px 0 0 0;
  padding: 0 15px 0 15px;
  border: 1px solid #eee;
}

.view-more-programs-with-this-leader .field-name-field-program-date {
  margin-bottom: 0.5em;
}

.view-more-programs-with-this-leader .field-name-field-location-reference {
  margin: 0 0 0.5em 0;
}

/** Programs like this styles */
#block-views-more-programs-like-this-block h4 {
  text-align: center;
}

.more-programs-like-this .views-row {
  margin: 15px 0 15px 0;
  padding: 15px;
  border: 1px solid #eee;
}

.more-programs-like-this-title a {
  font-size: 1.1em;
  text-decoration: none;
  margin: 0;
}

.more-programs-like-this-title a:hover {
  text-decoration: underline;
}

.more-programs-like-this-date span.date-display-single, .more-programs-like-this-date div.date-display-range, .more-programs-like-this-date span.date-display-start, .more-programs-like-this-date span.date-display-end {
  display: inline-block !important;
  margin: 0;
}

.more-programs-like-this .field-name-field-activity a {
  text-decoration: underline;
  margin: 0 0 0.5em 0;
}

.more-programs-like-this-location h2 {
  line-height: 1.2em;
  text-decoration: none;
  margin: 0 0 0.5em 0;
}

.more-programs-like-this span.views-label {
  font-weight: 600;
}

.more-programs-like-this .field-name-field-where .field-label {
  font-weight: 600;
}

.more-programs-like-this .field-name-field-where .field-item {
  font-size: 1.1em;
  font-weight: 400;
  text-decoration: underline;
  margin: 0 0 0.5em 0;
}

/* content box 5 across */
.row-fluid-5 {
  width: 100%;
  *zoom: 1;
}

.row-fluid-5:before,
.row-fluid-5:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid-5:after {
  clear: both;
}

.row-fluid-5 [class*=span] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 1.2%;
  *margin-left: 1.2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid-5 .controls-row [class*=span] + [class*=span] {
  margin-left: 1.315%;
}

.row-fluid-5 [class*=span]:first-child {
  margin-left: 1.315%;
}

.row-fluid-5 .span5 {
  width: 18.5%;
  *width: 18.5%;
}

/* responsive ONLY */
@media (min-width: 768px) {
  .featured-boxes .featured-box {
    margin-bottom: 30px;
    margin-top: 45px;
    height: 280px !important;
  }

  .featured-box {
    background: #F5F5F5;
    background: -webkit-linear-gradient(top, white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
    background: linear-gradient(to bottom, white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-radius: 8px;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-height: 300px;
    position: relative;
    text-align: center;
    z-index: 1;
  }

  .featured-box .box-content {
    border-radius: 8px;
    border-top: 1px solid #CCC;
    border-top-width: 4px;
    padding: 30px 10px 10px 10px;
    position: relative;
    top: -1px;
  }

  .icon-featured {
    display: inline-block;
    font-size: 0px;
    margin: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 30px;
    line-height: 80px;
  }

  .box-content p {
    font-size: 1em !important;
    line-height: 20px;
    margin: 0 0 20px;
  }
}
@media (min-width: 992px) {
  .featured-boxes .featured-box {
    margin-bottom: 30px;
    margin-top: 45px;
    height: 320px !important;
  }

  .featured-box {
    background: #F5F5F5;
    background: -webkit-linear-gradient(top, white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
    background: linear-gradient(to bottom, white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-radius: 8px;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-height: 325px;
    position: relative;
    text-align: center;
    z-index: 1;
  }

  .featured-box .box-content {
    border-radius: 8px;
    border-top: 1px solid #CCC;
    border-top-width: 4px;
    padding: 30px 30px 10px 30px;
    position: relative;
    top: -1px;
  }

  .icon-featured {
    display: inline-block;
    font-size: 0px;
    margin: 3px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 40px;
    line-height: 110px;
  }

  .box-content p {
    font-size: 1em !important;
    line-height: 20px;
    margin: 0 0 20px;
  }
}
@media (min-width: 1200px) {
  .featured-boxes .featured-box {
    margin-bottom: 30px;
    margin-top: 45px;
    height: 320px !important;
  }

  .featured-box {
    background: #F5F5F5;
    background: -webkit-linear-gradient(top, white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
    background: linear-gradient(to bottom, white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-radius: 8px;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-height: 300px;
    position: relative;
    text-align: center;
    z-index: 1;
  }

  .featured-box .box-content {
    border-radius: 8px;
    border-top: 1px solid #CCC;
    border-top-width: 4px;
    padding: 30px 30px 10px 30px;
    position: relative;
    top: -1px;
  }

  .icon-featured {
    display: inline-block;
    font-size: 0px;
    margin: 3px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 40px;
    line-height: 110px;
  }

  .box-content p {
    font-size: 1em !important;
    line-height: 20px;
    margin: 0 0 20px;
  }
}
@media (max-width: 767px) {
  /* spans reduce to 100px then go full width */
  .row-fluid-5 [class*=span] {
    margin-left: auto !important;
    margin-right: auto;
    float: none;
    max-width: 320px;
    width: 100%;
    padding: 10px;
  }
}
/** Articles to Stories */
/** increase font size for stories and highlights
 */
article.node-story .article_content {
  font-size: 16px;
  margin: 1.5em 0 0 0;
}

article.node-story .article_content p {
  margin: 0 0 0.7em 0;
}

story.node-story .story_content {
  font-size: 16px;
}

article.post-large {
  margin-left: 0px;
}

story.post-large {
  margin-left: 0px;
}

article.post-large .post-image, article.post-large .post-date {
  margin-left: 0px;
}

story.post-large .post-image, story.post-large .post-date {
  margin-left: 0px;
}

/* Add margin between calendar and article */
.article-list-block {
  margin-top: 3em;
}

.story-list-block {
  margin-top: 3em;
}

article.post-large .post-image.single {
  margin: 0 0 2em 2em;
  float: right;
}

story.post-large .post-image.single {
  margin: 0 0 2em 2em;
  float: right;
}

article.node-article div.post-author {
  display: none;
}

/* turn off read-more button and author on Program page article */
.view-story-list .post-date {
  display: none;
}

.view-story-list span.post-meta-user {
  display: none !important;
}

article.post-large .post-date {
  display: none;
}

article.post-large span.post-meta-user {
  display: none !important;
}

.term-listing-heading h2 {
  font-size: 1.2em;
  font-weight: 400;
  margin: 0;
}

.page-taxonomy-term .region-content .node-teaser h2 {
  text-decoration: underline;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0;
}

.page-taxonomy-term .region-content ul.links.inline li {
  padding-left: 0px;
}

.page-taxonomy-term .region-content .field-name-field-program-date {
  margin-bottom: 0.5em;
}

.page-taxonomy-term .region-content .field-name-field-activity {
  margin-bottom: 0.5em;
}

.page-taxonomy-term .team-item {
  display: none;
}

.page-taxonomy-term h2.shorter {
  display: none;
}

.page-taxonomy-term span.thumb-info-social-icons {
  display: none;
}

.page-taxonomy-term li.comment-add {
  display: none;
}

.page-taxonomy-term div.node-teaser {
  margin: 35px 0 35px 0;
  padding: 15px;
  border: 1px solid #eee;
}

/* Team / Leader pages */
.team-item img {
  max-width: 100%;
  height: auto;
}

.view-resources-panel p.tall {
  margin-bottom: 0.3em;
}

.view-resources-panel p {
  font-size: 0.95em;
  line-height: 20px;
  margin: 0 1em 1em 3.8em;
}

.view-resources-panel img.file-icon {
  display: none;
  /* hide the built-in icon */
}

.view-resources-panel .no-pad-right {
  padding-right: 0;
}

.view-resources-panel .no-pad-left {
  padding-left: 0;
}

.view-resources-panel h4 {
  font-size: 1.2em;
}

h2.resources-intro {
  font-size: 2.2em;
  font-weight: 300;
  line-height: 32px;
  margin: 0 0 0.3em 0;
}

.toggle-primary .toggle span {
  background-color: #009c49;
  border-color: #009c49;
  color: #ffffff;
  border-left-color: #009c49;
  border-right-color: #009c49;
}

.toggle-primary .toggle.active > span {
  background-color: #009c49;
  border-color: #009c49;
  color: #ffffff;
}

.toggle > span {
  transition: all 0.15s ease-out;
  border-left: 3px solid #CCC;
  border-radius: 5px;
  display: block;
  font-size: 1.1em;
  min-height: 20px;
  padding: 12px 20px 12px 10px;
  position: relative;
  cursor: default;
  font-weight: 400;
}

.toggle.active > span {
  background: #F4F4F4;
  border-color: #009c49;
  cursor: default;
}

.feature-box.secundary {
  margin-top: 2em;
}

.feature-box .feature-box-icon {
  background: #009c49;
  border-radius: 35px;
  color: #FFF;
  display: inline-block;
  float: left;
  height: 35px;
  line-height: 35px;
  margin-right: 10px;
  margin-top: 0.5em;
  position: relative;
  text-align: center;
  top: -5px;
  width: 35px;
}

.feature-box-info img.file-icon {
  display: none;
}

.view-highlights .views-row-first .highlight-column {
  padding-left: 0;
}

.view-highlights p {
  font-size: 15px;
}

.panel .pad {
  padding: 0;
}

.panel.flip .action {
  display: none;
}

.panel {
  width: 100%;
  max-width: 300px;
  height: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  vertical-align: middle;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
}

.panel .front {
  z-index: 900;
  width: inherit;
  height: inherit;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.panel.flip .front {
  z-index: 900;
  background: #ffffff;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
}

.panel .back {
  position: absolute;
  max-width: 300px;
  border-radius: 5px;
  top: 0;
  left: 0;
  z-index: 800;
  width: inherit;
  height: inherit;
  background: #ffffff;
  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.hover .panel {
  max-width: 300px;
}

h5.card-header {
  font-family: "Open Sans";
  font-size: 1.5em;
  font-weight: 400;
  padding: 0 0.5em 0.8em 0.5em;
  margin: 1.5em 1em 0.5em 1em;
  text-align: center;
  color: #f15c44;
  border-bottom: 2px solid #f15c44;
}

p.card-text {
  font-family: "Open Sans";
  font-size: 1.3em;
  font-weight: 200;
  line-height: 1.8em;
  padding: 0 1.5rem 0 2.1rem;
}

ul.icon-list li {
  position: relative;
  padding-left: 0.5em;
  font-size: 1.2em;
  line-height: 1.6em;
  font-family: "Varela Round", sans-serif;
  padding-bottom: 4px;
  color: #666;
}

ul.icon-list {
  padding: 0 0 0 1em;
  margin: 0 0 0 0;
}

ul.icon-list i {
  color: #d86e3e;
  font-size: 0.9em;
  margin: 0.75em;
}

.panel.flip .back {
  z-index: 1000;
  background: #f3f7eb;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #eee;
}

.front .pad img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

@media only screen and (min-width: 768px) {
  h5.card-header {
    font-size: 1.5em;
    font-weight: 700;
    padding: 0 0.5em 0.8em 0.5em;
    margin: 1.5em 1em 0.5em 1em;
  }

  p.card-text {
    font-size: 1.3em;
    font-weight: 200;
    line-height: 1.8em;
    padding: 0 1.5rem 0 2.1rem;
  }
}
@media only screen and (min-width: 992px) {
  h5.card-header {
    font-size: 1.2em;
    font-weight: 700;
    padding: 0 0.5em 0.8em 0.5em;
    margin: 1.5em 1em 0.5em 1em;
  }

  p.card-text {
    font-size: 1.1em;
    font-weight: 200;
    line-height: 1.3em;
    padding: 0 1.5rem 0 2.1rem;
  }
}
@media only screen and (min-width: 1200px) {
  h5.card-header {
    font-size: 1.5em;
    font-weight: 700;
    padding: 0 0.5em 0.8em 0.5em;
    margin: 1.5em 1em 0.5em 1em;
  }

  p.card-text {
    font-size: 1.3em;
    font-weight: 200;
    line-height: 1.8em;
    padding: 0 1.5rem 0 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  h5.card-header {
    font-size: 1.5em;
    font-weight: 700;
    padding: 0 0.5em 0.8em 0.5em;
    margin: 1.5em 1em 0.5em 1em;
  }

  p.card-text {
    font-size: 1.3em;
    font-weight: 200;
    line-height: 1.8em;
    padding: 0 1.5rem 0 2.1rem;
  }

  .flip-card-test {
    display: none;
  }
}
@media only screen and (max-width: 389px) {
  h5.card-header {
    font-size: 1.5em;
    font-weight: 700;
    padding: 0 0.5em 0.8em 0.5em;
    margin: 1.5em 1em 0.5em 1em;
  }

  p.card-text {
    font-size: 1em;
    font-weight: 400;
    line-height: 2em;
    padding: 0 1.5rem 0 2.1rem;
  }
}
/** Get Involved used for Health Benefits */
.hero-block-header {
  padding: 0 10px 0 15px;
  margin: 0 0 20px 0;
}

.node-hero-block .field-name-body .field-items .field-item p {
  font-size: 1.4em;
  padding: 1.5em 0 1.5em 0;
}

.hero-block h6 {
  font-size: 1.2em;
  display: inline-block;
}

.hero-block a {
  font-size: 1.2em;
  display: inline-block;
}

.hero-block-view .hero-block-item {
  border: 1px solid #EBEBF4;
  /*border-radius: 4px;*/
  padding: 6px;
  /*margin: 0 10px 0 10px;*/
  /*width: 300px;*/
}

.hero-block-view .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.hero-block-view .views-field-title {
  margin: 1.5em 0 1.5em 0;
}

.hero-block-view .views-field-title a {
  font-size: 1.8em;
}

.hero-block-view .getinvolved-item img {
  border-radius: 3px;
}

.hero-image {
  float: right;
  margin-bottom: 15px;
}

.hero-image img {
  height: 250px;
}

.hero-title h4 {
  margin-bottom: 10px;
}

.hero-body {
  margin-bottom: 20px;
  height: 450px;
  overflow: auto;
}

.hero-body p {
  font-size: 1.1em;
  padding: 0.5em 0.3em 0.5em 0.3em;
  margin-bottom: 0;
}

/** Test */
.product-thumb-info {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 6px;
  padding: 0;
  position: relative;
  border: 0;
  border-bottom: 3px solid #E3E4E8;
  /* background: #F7F9FC; */
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  max-width: 100%;
  text-align: center;
  border: 1px solid #DDD;
  text-decoration: none;
}

.product-thumb-info .product-thumb-info-act {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  text-align: center;
  color: #FFF;
  filter: alpha(opacity=0);
  opacity: 0;
}

.product-thumb-info .product-thumb-info-content {
  padding: 15px;
  text-align: left;
  display: block;
}

.shop ul.products .product:hover .add-to-cart-product {
  filter: alpha(opacity=100);
  opacity: 1;
}

.shop ul.products .product:hover .add-to-cart-product:hover {
  background: #000;
}

/** following is customized version of bootstrap.css styles for Hero Unit */
.hero-unit {
  margin-bottom: 30px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
}

.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
}

.hero-unit li {
  line-height: 30px;
}

/** custom styles  for Health Benefits page */
.hero-unit h2 {
  margin: 0 0 0.5em 0;
}

.hero-header {
  padding: 0 10px 0 15px;
  margin: 0 0 20px 0;
}

.hero h6 {
  font-size: 1.2em;
  display: inline-block;
}

.hero a {
  font-size: 1.2em;
  display: inline-block;
}

.hero-view .hero-item {
  border: 1px solid #EBEBF4;
  /*border-radius: 4px;*/
  padding: 6px;
  /*margin: 0 10px 0 10px;*/
  /*width: 300px;*/
}

.hero-view .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.hero-view .views-field-title {
  margin: 1.5em 0 1.5em 0;
}

.hero-view .views-field-title a {
  font-size: 1.8em;
}

.hero-view .hero-item img {
  border-radius: 3px;
}

.hero-image {
  margin-bottom: 15px;
}

.hero-image img {
  height: 250px;
}

.hero-title h4 {
  margin-bottom: 10px;
}

.hero-body {
  margin-bottom: 20px;
  height: 450px;
  overflow: auto;
}

.hero-body p {
  font-size: 1.1em;
  padding: 0.5em 0.3em 0.5em 0.3em;
  margin-bottom: 0;
}

/** Test */
.product-thumb-info {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 6px;
  padding: 0;
  position: relative;
  border: 0;
  border-bottom: 3px solid #E3E4E8;
  /* background: #F7F9FC; */
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  max-width: 100%;
  text-align: center;
  border: 1px solid #DDD;
  text-decoration: none;
}

.product-thumb-info .product-thumb-info-act {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  text-align: center;
  color: #FFF;
  filter: alpha(opacity=0);
  opacity: 0;
}

.product-thumb-info .product-thumb-info-content {
  padding: 15px;
  text-align: left;
  display: block;
}

.shop ul.products .product:hover .add-to-cart-product {
  filter: alpha(opacity=100);
  opacity: 1;
}

.shop ul.products .product:hover .add-to-cart-product:hover {
  background: #000;
}

/** MEDIA page (view + node) */
div.view-news-headlines p {
  /*color: #777777;*/
  /*line-height: 24px;*/
  margin: 10px 0 10px 0;
}

#block-views-news-headlines-block h2 {
  font-size: 2.6em;
  margin-bottom: 15px;
}

div.view-news-headlines div.field-content img {
  float: left;
  margin: 0 15px 10px 0;
  border: 1px solid #ccc;
}

div.view-news-headlines div.views-row {
  margin: 0 0 35px 0;
}

div.view-news-headlines div.views-row p {
  display: inline;
}

div.view-news-headlines span.headlines-pubdate span {
  font-size: 0.9em;
  color: #000;
  text-transform: uppercase;
}

div.view-news-headlines div.views-field-body {
  margin-bottom: 10px;
}

div.view-news-headlines div.views-field-field-link a {
  font-size: 1.1em;
  text-transform: uppercase;
}

@media (max-width: 479px) {
  div.view-news-headlines div.field-content img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ccc;
  }

  div.view-news-headlines .views-field-title h4 {
    font-size: 1.2em;
  }

  div.view-news-headlines div.views-field-field-link a {
    font-size: 1em;
    text-transform: none;
  }
}
h2.media-gallery-title {
  margin-bottom: 10px;
}

p.media-gallery-lead-in {
  color: #009c49;
  margin-bottom: 20px;
}

/* no float for gallery only */
.view-display-id-block_2 div.field-content img {
  float: none;
  /*margin: 0 15px 10px 0;*/
  border: 1px solid #ccc;
}

.view-display-id-block_2 div.views-field-title h4 {
  font-size: 1.2em;
}

div.node-headlines h2 {
  font-size: 1.5em;
  margin: 10px 0 10px 0;
}

div.node-headlines a {
  margin: 0 0 0 0;
}

div.node-headlines .field-name-field-date {
  margin: 10px 0 10px 0;
}

div.node-headlines .field-name-field-date span {
  font-size: 1.1em;
}

div.node-headlines .field-name-body {
  font-size: 1.3em;
  margin: 10px 0 10px 0;
}

div.node-headlines .field-name-field-link a {
  font-size: 1.1em;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
}

/** turn off date and type for gallery */
.field.field-name-field-headline-type.field-type-taxonomy-term-reference.field-label-above {
  display: none;
}

/** Document download nodes and views */
.node-public-documents div.field-name-body p {
  font-size: 1.3em;
}

.node-public-documents div.field-label {
  margin-top: 20px;
  font-size: 1.1em;
}

.node-public-documents div.field-item {
  margin-top: 15px;
}

.node-public-documents .content img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.node-public-documents .content a {
  /*font-weight: 600;*/
  /*font-size: 1.1em;*/
  /*line-height: 1.3em;*/
}

/** Media Browser */
#edit-field-partner-image .form-item label {
  margin: 0 0 0.5em 1.5em !important;
}

.media-widget a.button {
  display: inline-block !important;
  float: left !important;
}

/* * IN DEV: Make images zoom out on hover  */
.zoom-in:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.zoom-in.thumb-info-no-zoom:hover img {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*
 * Team page
 */
.thumb-info .thumb-info-title {
  background: rgba(0, 156, 73, 0.6);
  font-size: 1.1em;
  border-radius: 3px;
}

.thumb-info .thumb-info-title:hover {
  background: #009c49;
  font-size: 1.1em;
}

.thumb-info .thumb-info-type {
  background-color: #f7b313;
  color: #000;
}

/* Product Thumb Info */
.product-thumb-info {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 6px;
  padding: 0;
  position: relative;
  border: 0;
  border-bottom: 3px solid #E3E4E8;
  background: #F7F9FC;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  max-width: 100%;
  text-align: center;
  border: 1px solid #DDD;
  text-decoration: none;
}

.product-thumb-info:hover {
  background-color: #FFF;
  text-decoration: none;
}

.product-thumb-info a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
}

.product-thumb-info a:hover {
  /*	text-decoration: none;
  	display: inline-block;
  	width: 100%;*/
}

.product-thumb-info img {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 6px 6px 0 0;
}

.product-thumb-info h4 {
  color: #404751;
  letter-spacing: -1px;
  font-weight: 600;
  font-size: 1.4em;
  line-height: 1.1em;
  margin: 0;
  padding: 0;
}

.product-thumb-info + .product-thumb-info {
  border-radius: 0 0 6px 6px;
  margin-top: -5px;
}

.product-thumb-info .product-thumb-info-touch-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  background-color: transparent;
}

.product-thumb-info.hover .product-thumb-info-touch-hover {
  display: block;
}

.product-thumb-info .product-thumb-info-image {
  display: block;
  position: relative;
}

.product-thumb-info .product-thumb-info-image:before {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #171717;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  border-radius: 6px 6px 0 0;
}

.product-thumb-info:hover .product-thumb-info-image:before {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.product-thumb-info .product-thumb-info-act {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  text-align: center;
  color: #FFF;
  filter: alpha(opacity=0);
  opacity: 0;
}

.product-thumb-info:hover .product-thumb-info-act {
  filter: alpha(opacity=100);
  opacity: 1;
  top: 50%;
}

.product-thumb-info .product-thumb-info-act em {
  font-style: normal;
  font-size: 2.2em;
}

.product-thumb-info .product-thumb-info-content {
  padding: 15px;
  text-align: left;
  display: block;
}

.product-thumb-info .product-thumb-info-caption {
  padding: 0 15px 15px;
  text-align: left;
  display: block;
}

.product-thumb-info .product-thumb-info-caption p {
  margin: 0;
  padding: 0 0 10px;
}

.product-thumb-info .product-thumb-info-extra {
  clear: both;
  padding: 10px 0 0;
  margin: 10px 0 0;
  border-top: 1px solid #EBEBF4;
  display: block;
}

.product-thumb-info .product-thumb-info-extra.social a:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

/*
 * Remove search info from search result
 */
p.search-info {
  display: none;
}

.search-result .title {
  font-size: 1.2em;
  margin-bottom: 3px;
}

.search-results {
  list-style: decimal;
}

.search-results li {
  border-bottom: 1px solid #d3d7d9;
  padding-bottom: 0.4285em;
  margin-bottom: 0.5em;
}

.search-form input {
  margin-top: 0;
  margin-bottom: 10px;
}

.box-content p {
  font-size: 1.2em !important;
}

/** MD Slider */
/** Word Rotator */
h2.word-rotator-title .word-rotate {
  padding-right: 2em;
}

/** Weather widgets */
.block-wunderground-weather th {
  border-bottom: 3px solid #ccc;
  padding-right: 3em;
  text-align: left;
}

.block-wunderground-weather h2 {
  font-size: 2.2em;
  font-weight: 300;
  line-height: 36px;
  margin: 30px 0 15px 0;
}

/** New Twitter Block */
img.logo-icon {
  margin: 0;
  padding: 0 5px 0 0;
  display: inline;
}

/** Old Twitter Block */
#block-twitter-block-1 h4 {
  margin-top: 30px;
  margin-left: 30px;
}

#block-twitter-block-1 .content {
  margin-left: 30px;
}

/** hide the bullet before video lists with rendered players */
#block-views-video-block .item-list ul li {
  list-style-type: none;
}

/** Weather blocks  */
.current-weather-block-content ul.pull-right {
  float: left !important;
}
.current-weather-block-content ul.pull-right > li {
  display: block;
}

/** Instagram Block Located in Footer partial */
#footer {
  background: url(/sites/default/files/fern_blur.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-top: 4px solid #384045;
}

#footer {
  padding: 20px 0 0;
}

#footer .container .row > div {
  margin-bottom: 5px;
}

/** Stay in Touch */
#footer .footer-ribbon {
  margin: -40px 0 0 14px;
}

#footer .block-instagram-block .content {
  display: inline-block;
  margin-left: 0.5em;
  margin-bottom: 3.5em;
}

#footer ul.breadcrumb a {
  color: #ef3e23;
  font-size: 1.1em;
  font-weight: 400;
}

#footer .input-group {
  padding-right: 2em;
}

/*#footer input.form-control {
}*/
#footer span.input-group-btn {
  padding-top: 0;
}

#footer .footer-social-icons {
  margin: 12px 10px 20px 0;
}

#footer .block-image {
  margin: 2.5em 0 0 0;
}

h6.instagram-text {
  display: none;
  color: white;
  margin: 0 0 0.4em 0.4em;
  font-size: 1.2em;
}

.block-instagram-block h2 {
  color: white;
  margin: 0 0 0.4em 0.4em;
  font-size: 1.2em;
}

#footer .footer-copyright {
  background: #060606;
  border-top: 0;
  padding: 10px 0 10px;
  margin-top: 0;
  text-align: center;
}

#footer .footer-copyright p {
  font-size: 1em;
  line-height: 1.5em;
  color: #f7b313;
  overflow: hidden;
}

a.footer-copyright-link {
  color: #f7b313 !important;
}

#footer .footer-developer {
  font-family: "Courier";
  font-size: 0.9em;
  color: #ccc;
  text-align: center;
}

#footer .footer-developer img {
  float: right;
  margin: 0 0 15px 15px;
}

@media (max-width: 479px) {
  h2.word-rotator-title {
    font-size: 2em;
  }
}
@media (max-width: 479px) {
  article.post-large .post-image.single {
    margin: 0;
    padding: 1em;
    float: none;
  }
}
@media (max-width: 767px) {
  .get-involved-image img {
    height: inherit;
  }

  .front .field-name-body h2 {
    margin: 1rem 2rem 1rem 2rem;
  }
}
.featured-box.featured-box-gray {
  min-height: 200px;
  margin: 5rem 0 5rem 0;
}

.featured-box-gray .box-content {
  border-top-color: #f7b313;
}

.front .field-name-body h2 {
  margin: 1rem 2rem 1rem 2rem;
}

@media (min-width: 768px) {
  .front .field-name-body h2 {
    margin: 2rem 4rem 2rem 4rem;
  }

  .front .field-name-body p {
    margin: 2rem 4rem 2rem 4rem;
  }

  .field.field-name-field-text-area {
    margin: 4rem 6rem 0 6rem;
  }
}
@media (min-width: 992px) {
  .front .field-name-body h2 {
    margin: 4rem 8rem 4rem 8rem;
  }

  .front .field-name-body p {
    margin: 4rem 8rem 4rem 8rem;
  }

  .field.field-name-field-text-area {
    margin: 4rem 6rem 0 6rem;
  }
}
.node-type-park-rx-resources .field-name-field-text-area-2 {
  border: none !important;
}

.ui-accordion h3.ui-accordion-header {
  margin-top: 4rem;
}

.featured-box.featured-box-gray {
  min-height: 240px;
  margin: 5rem 0 5rem 0;
}

.featured-box.featured-box-gray h4 {
  font-size: 1.3em;
  font-weight: 400;
  letter-spacing: -0.7px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.featured-box.featured-box-gray .box-content p {
  font-size: 1.1em !important;
  line-height: 1.5;
}

.featured-box.featured-box-gray .box-content {
  border-top-color: #f7b313 !important;
}

nav > li > {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.dropdown-toggle.disabled.nolink {
  border-radius: 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 3;
  padding: 10px 13px;
  text-transform: uppercase;
  color: #009c49;
}

.dropdown-toggle.disabled.nolink {
  line-height: 3;
}

.hero-image img {
  height: auto !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background-color: #eee !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  filter: none !important;
}

.ui-accordion .ui-widget-content a {
  color: #009c49;
}

/* #ToTop button */
#toTop {
  color: #000000;
}

#toTop:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

#toTop {
  background: #f7b313;
}

#toTop:before {
  color: #fff;
}

/*--------------------------------------------------------------
## ToTop button
--------------------------------------------------------------*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: -999em;
  overflow: hidden;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  z-index: 999;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#toTop span {
  display: none;
}

#toTop:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
  width: 100%;
  font-size: 32px;
  line-height: 58px;
  content: "arrow_upward";
}

#toTop:focus {
  outline: none;
}

@media (min-width: 544px) {
  #toTop {
    right: 20px;
  }
}
@media (min-width: 768px) {
  #toTop {
    bottom: 30px;
  }
}
html .scroll-to-top.visible {
  filter: alpha(opacity=75);
  /* opacity: 0.75; */
  opacity: 0;
}

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