/* Adjust Creative modifications */
/*
------------------------------------------------
Globals
------------------------------------------------
*/
*
{
  outline: none;
}

select {
  cursor: pointer;
}

.button,button
{
  border-radius:5px;
}

button.green
{
  background:var(--special-button-color);
}

.content-section
{
  font-family:inherit;
  background:var(--content-bg-color);
  color:var(--content-color);
  padding-bottom:40px;
}

.content-section header
{
  background:var(--other-items-special-color);
  text-align:center;
}

.content-section header p
{
  margin-bottom:0;
  font-size:1.2em;
  color:var(--text-inverse-color);
}

#load-more-row
{
  text-align:center;
  padding-right:35px;
}

@media (max-width:1000px) {
  .large-2.inline-col
  {
    width:50%;
    float:left!important;
    margin-top:10px;
  }
}

.content-section.playlist header
{
  background:transparent;
  margin-top:40px;
  text-align:left;
}

.content-section.playlist header p
{
  font-size:1em;
}

#content-challenges
{
  background-color:var(--challenges-bg-color);
  padding-bottom:0;
}

.bottom-half
{
  background-color:var(--main-bg-color);
  margin-top:-20px;
  padding-top:1px;
  padding-bottom:20px;
}

.content-block
{
  border-radius:10px;
  background:var(--main-bg-color);
  padding:40px;
  margin-top:20px;
  margin-bottom:20px;
}

.content-block-collection
{
  margin-top:20px;
  margin-bottom:20px;
}

.content-block-collection .content-block
{
  border-radius:0;
  background:var(--main-bg-color);
  padding:30px;
  margin:0;
}

.content-block-collection .bottom-level
{
  padding:0 0 1em;
  background-color:transparent;
}

.content-block-collection .content-block:first-child
{
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

.content-block-collection .content-block:last-child
{
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.event-side-info p
{
  margin-bottom:0;
}

.event-side-info div
{
  margin-bottom:5%;
}

.event-side-info b
{
  line-height:1.8;
}

.badge-icon
{
  display:inline-block;
  width:100px;
  height:auto;
}

.badge-icon img
{
  border:none;
}

.unachieved
{
  border:1px dashed var(--unachieved-border-color);
  border-radius:4px;
}

.unachieved img
{
  opacity:0.2;
}

#prereqs img
{
  width:50px;
  height:auto;
}

.full-width
{
  width:100%;
  max-width:none;
  border-radius:0;
}

.full-width div
{
  margin:15px 0;
}

.cta-row
{
  background:transparent;
  text-align:center;
  padding:5px;
}

.cta-row *
{
  display:inline-block;
  margin-bottom:0;
}

.event-info + .event-info
{
  border-left:solid 1px var(--event-info-border-color);
}

#g-map
{
  width:100%;
  height:70px;
}

.suggestions
{
  background-color:var(--main-bg-color);
  padding:40px;
}

/*

------------------------------------------------
explore-main-tabs
------------------------------------------------
*/
#explore-main-tabs
{
  position:relative;
}

#explore-main-tabs .tab
{
  padding:0 30px;
  margin-top:20px;
  opacity:0.85;
}

#explore-main-tabs .tab.selected
{
  opacity:1;
}

#explore-main-tabs .tab.selected .tab-inner
{
  cursor:default;
}

#explore-main-tabs .tab-inner
{
  background:var(--explore-bg-color);
  padding:20px;
  border-top-right-radius:10px;
  border-top-left-radius:10px;
  border-top:4px solid var(--tab-inner-border-color);
  transition:all .2s linear;
  cursor:pointer;
}

#explore-main-tabs .tab.selected .tab-inner
{
  background:var(--main-bg-color);
}

#explore-main-tabs .tab-inner:hover,#explore-main-tabs .tab.selected .tab-inner
{
  border-top:4px solid var(--tab-inner-and-tooltip-before-border-color);
}

/**
 .icon-panel NOT FOUND anywhere else
 */
#explore-main-tabs .icon-panel
{
  color:var(--other-items-special-color);
  height:110px;
  font-size:4em;
  position:relative;
}

.icon-panel.c-badge:before
{
  background:url(./resources/images/icon-challenge-badge.svg) top center no-repeat;
  background-size:90%;
}

.icon-panel.c-date:before
{
  background:url(./resources/images/icon-challenge-date.svg) top center no-repeat;
  background-size:90%;
}

.icon-panel.c-stack:before
{
  background:url(./resources/images/icon-challenge-stack.svg) top center no-repeat;
  background-size:90%;
}

.icon-panel:before
{
  content:"";
  position:absolute;
  display:inline-block;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
/**
 .icon-panel NOT FOUND anywhere else
 */

#explore-main-tabs .tab-inner h1
{
  color:var(--h1-and-links-color);
  font-size:1.3em;
  font-weight:bold;
  text-align:left;
}

#explore-main-tabs .tab-inner p
{
  font-size:.8em;
  text-align:left;
}

/* activity collections */
.activity-collections
{
}

.activity-collections .row
{
  border-left:1px solid var(--activity-collections-border-first-color);
  border-right:1px solid var(--activity-collections-border-first-color);
  border-bottom:1px solid var(--activity-collections-border-second-color);
  padding-top:20px;
  padding-bottom:20px;
  transition:all .2s linear;
}

.activity-collections article.row:hover
{
  background:var(--activity-collections-row-hover-bg-color);
  border-bottom:1px solid var(--activity-collections-border-second-color);
  border-left:1px solid var(--activity-collections-border-second-color);
  border-right:1px solid var(--activity-collections-border-second-color);
}

.activity-collections .large-6
{
  padding:0 30px;
}

.activity-collections .row h1
{
  font-size:1.5em;
  color:var(--h1-and-links-color);
}

.activity-collection-thumb
{
  position:relative;
  margin-bottom:10px;
}

.activity-collection-thumb .content
{
  position:relative;
  background:var(--main-bg-color);
  border-radius:5px;
  border:1px solid var(--activity-and-keyword-border-color);
  z-index:102;
  padding:20px;
  min-height:185px;
}

.activity-collection-thumb:before,.activity-collection-thumb:after
{
  content:"";
  position:absolute;
  background:var(--main-bg-color);
  border-radius:5px;
  border:1px solid var(--activity-and-keyword-border-color);
  height:100%;
  width:100%;
  top:0;
  left:0;
}

.activity-collection-thumb:before
{
  top:5px;
  left:5px;
  z-index:101;
}

.activity-collection-thumb:after
{
  top:10px;
  left:10px;
  z-index:100;
}

/*
------------------------------------------------
ACCORDION
------------------------------------------------
*/
.accordion
{
  position:relative;
}

.accordion dd.accordion-navigation
{
  position:relative;
  overflow:hidden;
  border-radius:10px;
}

.accordion-step
{
  position:absolute;
  top:0;
  left:0;
  width:70px;
  height:67px;
  background-color:var(--accordion-and-signin-color);
  color:var(--text-inverse-color);
  text-align:center;
  line-height:1.5;
  padding:10px;
}

@media only screen and (max-width:40em) {
  .accordion-step
  {
    font-size:.7rem;
    height:48px;
  }
  
  .level-completion
  {
    font-size:1rem!important;
  }

  #load-more-row
  {
    padding-right:0;
  }
}

.accordion-icon
{
  display:inline-block;
  vertical-align:top;
/*  padding: 5px 20px 5px 20px; */
/*  max-width: 15%; */
/*  border-right: solid 1px var(--accordion-border-color); */
}

.accordion-icon img
{
  width:100%;
  height:auto;
  padding:.9375rem 0;
}

.accordion-step em
{
  font-style:normal;
  font-size:2em;
  font-weight:700;
  line-height:0.5;
}

.accordion dd.challenge-detail
{
  border:none;
}

.accordion dd.challenge-detail>a
{
  background-color:transparent;
  color:var(--h1-and-links-color);
  padding:0;
  font-family:inherit;
  font-weight:700;
  font-size:1em;
}

.accordion dd.challenge-detail>a:hover
{
  color:var(--hover-button-color);
  background-color:transparent;
}

.accordion dd.challenge-detail.active>a
{
  color:var(--h1-and-links-color);
  background-color:transparent;
}

.accordion dd>a
{
  background-color:var(--header-bar-bg-color);
  color:var(--text-inverse-color);
  font-family:inherit;
  font-weight:700;
  font-size:1.8em;
  border-bottom:none;
  padding-top:.75rem;
  padding-bottom:.75rem;
  line-height:1.5em;
}

.accordion dd>.accordion-step+a
{
  padding-left:90px;
}

.accordion dd>a:hover
{
  background-color:var(--header-bar-hover-bg-color);
}

.accordion dd.active>a
{
  background-color:var(--accordion-and-signin-color);
  padding-right: 3rem;
}

.accordion-navigation .fa-caret-down
{
  position:absolute;
  right:20px;
  top:18px;
  color:var(--text-inverse-color);
  font-size:1.25em;
  -webkit-transition:all .8s;
  -moz-transition:all .8s;
  transition:all .8s;
}

.challenge-detail .fa-caret-down
{
  position:absolute;
  right:initial;
  left:6.5em;
  top:.3em;
  color:var(--main-color);
  font-size:1.5em;
  -webkit-transition:all .8s;
  -moz-transition:all .8s;
  transition:all .8s;
}

.accordion-navigation.active .fa-caret-down
{
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  transform:rotate(180deg);
}

dd.activity.active .desc p
{
  white-space:normal;
}

dd.activity>a:hover
{
  background-color:transparent;
  color:var(--hover-button-color);
}

dd.activity.active>a
{
  content:"Less Details";
  background-color:transparent;
  color:var(--prominent-button-color);
  top:inherit;
  bottom:0;
}

.content>dl.accordion
{
  border-top:solid 1px var(--accordion-border-color);
}

.content>dl.accordion:first-child
{
  border-top:none;
  margin-top:0;
}

.purple
{
  background-color:var(--complete-icon-bg-color);
  padding:3px 10px;
  border-radius:10px;
}

/*
------------------------------------------------
SEARCH BAR
------------------------------------------------
*/
#explore-search-container
{
  background:var(--main-bg-color);
  margin-bottom:20px;
  padding:20px;
  -webkit-user-select:none;
/* Chrome all / Safari all */
  -moz-user-select:none;
/* Firefox all */
  -ms-user-select:none;
/* IE 10+ */
}

#explore-search-container.sticky
{
  position:fixed;
  left:0;
  z-index:9999999999;
  top:0;
  margin:0;
  box-shadow:0 0 10px;
  width:100%;
}

#explore-search
{
  position:relative;
}

#explore-search ul li
{
  list-style-type:none;
  display:inline-block;
}

.iminterested
{
  margin:0;
  line-height:51px;
  text-align:right;
}

/* SEARCH BAR + KEYBOARDS */
#explore-search-keyword-bar
{
  background:var(--main-bg-color);
  margin:0;
  padding:7px;
  display:inline-block;
  border:1px solid var(--activity-and-keyword-border-color);
  border-radius:5px;
  width:100%;
  position:relative;
}

#explore-search-keyword-bar .keyword
{
  border-radius:5px;
  background:var(--keyword-search-bg-color);
  padding:5px 10px;
  color:var(--text-inverse-color);
  margin-right:5px;
}

#explore-search-keyword-bar .keyword .fa-close
{
  margin-left:5px;
  border-left:var(--activity-hover-and-keyword-close-border-color) solid 1px;
  padding-left:5px;
  display:inline-block;
  cursor:pointer;
}

#explore-search-keyword-bar .searchbar
{
  margin-left:5px;
}

#explore-search-keyword-bar .searchicon
{
  position:absolute;
  top:12px;
  right:12px;
}

#explore-search-keyword-bar input
{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
  margin:0;
  font-size:1.1em;
}

#explore-search-keyword-bar input:focus
{
  background:transparent;
  border:0;
  box-shadow:none;
}

#explore-search .more-options,  #explore-search .reset_button
{
  padding:17px;
  transition:all .1s linear;
  text-align:center;
  background:var(--more-options-bg-color);
  border-radius:5px;
  cursor:pointer;
  position:relative;
}

#explore-search .more-options:hover
{
  background:var(--h1-and-links-color);
  color:var(--text-inverse-color);
}

#explore-search .more-options.active:hover
{
  background:var(--more-options-bg-color);
  color:var(--content-color);
  transition:all 0 linear;
}

#explore-search .more-options .fa-sliders
{
  margin-right:10px;
}

#explore-search .more-options.active:after
{
  content:"";
  position:absolute;
  top:40px;
  left:0;
  width:100%;
  background:var(--more-options-bg-color);
  height:40px;
}

#explore-search .search-submit-btn
{
  padding:17px;
  transition:all .1s linear;
  text-align:center;
  background:var(--button-color);
  color:var(--text-inverse-color);
  border-radius:5px;
  cursor:pointer;
}

#explore-search .search-submit-btn:hover
{
  background:var(--hover-button-color);
}

#explore-search .search-submit-btn .fa-search
{
  margin-right:10px;
  color:inherit;
}

/*
------------------------------------------------
MORE OPTIONS
------------------------------------------------
*/
#explore-search-more-options
{
  margin-top:20px;
  display:none;
  background:var(--explore-search-more-options-bg-color);
  border-radius:5px;
  padding:20px;
}

#explore-search-more-options.active
{
  display:block;
}

#explore-search-more-options .more-inner > div
{
  display:inline-block;
  position:relative;
  vertical-align:top;
  padding:10px;
  border-right:1px solid var(--more-inner-div-border-color);
}

#explore-search-more-options .more-inner > div:last-child
{
  border:0;
}

#explore-search-more-options .more-inner > div > *
{
  display:inline-block;
  width:auto;
}

#explore-search-more-options select
{
  padding-right:14px;
}

input[type=checkbox]
{
  visibility:visible;
}

.zip-field
{
  width:70px;
}

/*
------------------------------------------------
TOPIC COLORS
------------------------------------------------
*/
#explore-topics-nav ul li.coding:hover,#explore-topics-nav ul li.coding.active,.activity-card .topic-icon.coding:hover
{
  background-color:var(--coding-color)!important;
}

.activity-card .topic-icon.coding
{
  background:transparent;
  border:1px solid var(--coding-color);
  color:var(--coding-color);
}

#explore-topics-nav ul li.community:hover,#explore-topics-nav ul li.community.active,.activity-card .topic-icon.community:hover
{
  background-color:var(--community-color)!important;
}

.activity-card .topic-icon.community
{
  background:transparent;
  border:1px solid var(--community-color);
  color:var(--community-color);
}

#explore-topics-nav ul li.designing:hover,#explore-topics-nav ul li.designing.active,.activity-card .topic-icon.designing:hover
{
  background-color:var(--designing-color)!important;
}

.activity-card .topic-icon.designing
{
  background:transparent;
  border:1px solid var(--designing-color);
  color:var(--designing-color);
}

#explore-topics-nav ul li.earth:hover,#explore-topics-nav ul li.earth.active,.activity-card .topic-icon.earth:hover
{
  background-color:var(--earth-color)!important;
}

.activity-card .topic-icon.earth
{
  background:transparent;
  border:1px solid var(--earth-color);
  color:var(--earth-color);
}

#explore-topics-nav ul li.media:hover,#explore-topics-nav ul li.media.active,.activity-card .topic-icon.media:hover
{
  background-color:var(--media-color)!important;
}

.activity-card .topic-icon.media
{
  background:transparent;
  border:1px solid var(--media-color);
  color:var(--media-color);
}

#explore-topics-nav ul li.numbers:hover,#explore-topics-nav ul li.numbers.active,.activity-card .topic-icon.numbers:hover
{
  background-color:var(--numbers-color)!important;
}

.activity-card .topic-icon.numbers
{
  background:transparent;
  border:1px solid var(--numbers-color);
  color:var(--numbers-color);
}

#explore-topics-nav ul li.performance:hover,#explore-topics-nav ul li.performance.active,.activity-card .topic-icon.performance:hover
{
  background-color:var(--performance-color)!important;
}

.activity-card .topic-icon.performance
{
  background:transparent;
  border:1px solid var(--performance-color);
  color:var(--performance-color);
}

#explore-topics-nav ul li.sports:hover,#explore-topics-nav ul li.sports.active,.activity-card .topic-icon.sports:hover
{
  background-color:var(--sports-color)!important;
}

.activity-card .topic-icon.sports
{
  background:transparent;
  border:1px solid var(--sports-color);
  color:var(--sports-color);
}

#explore-topics-nav ul li.storytelling:hover,#explore-topics-nav ul li.storytelling.active,.activity-card .topic-icon.storytelling:hover
{
  background-color:var(--storytelling-color)!important;
}

.activity-card .topic-icon.storytelling
{
  background:transparent;
  border:1px solid var(--storytelling-color);
  color:var(--storytelling-color);
}

#explore-topics-nav ul li.work:hover,#explore-topics-nav ul li.work.active,.activity-card .topic-icon.work:hover
{
  background-color:var(--work-color)!important;
}

.activity-card .topic-icon.work
{
  background:transparent;
  border:1px solid var(--work-color);
  color:var(--work-color);
}

#explore-topics-nav ul li.zoology:hover,#explore-topics-nav ul li.zoology.active,.activity-card .topic-icon.zoology:hover
{
  background-color:var(--zoology-color)!important;
}

.activity-card .topic-icon.zoology
{
  background:transparent;
  border:1px solid var(--zoology-color);
  color:var(--zoology-color);
}

/*
------------------------------------------------
TOPIC NAV
------------------------------------------------
*/
#explore-topics-nav
{
  border-radius:5px;
  background:var(--main-bg-color);
  font-family:inherit;
}

#explore-topics-nav ul
{
  margin:0;
  padding:1px;
}

#explore-topics-nav ul li
{
  list-style-type:none;
  color:var(--second-text-color);
  font-size:1.1em;
  font-weight:bold;
  margin:5px;
  border-radius:5px;
  padding:7px 15px;
  cursor:pointer;
  transition:all .1s linear;
  position:relative;
}

#explore-topics-nav ul li:hover,#explore-topics-nav ul li.active
{
  background:var(--h1-and-links-color);
  color:var(--text-inverse-color);
}

#explore-topics-nav .topic-icons
{
  margin-right:10px;
  font-size:18px!important;
}

#explore-topics-nav .txt.is-tool-tip
{
  display:inline-block!important;
  box-shadow:0 0 13px 0 var(--tool-tip-box-shadow-color);
  border-radius:10px;
  padding:10px;
  position:absolute;
  background:var(--main-bg-color);
  z-index:99999999;
  border:1px solid var(--tooltip-border-color);
  white-space:nowrap;
  display:none;
  color:var(--content-color);
  top:-4px;
  left:73px;
}

#explore-topics-nav .txt.is-tool-tip:before
{
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom:5px solid var(--tab-inner-and-tooltip-before-border-color);
  display:inline-block;
  top:0;
  left:0;
  transform:translate(-8px,21px) rotate(265deg);
}

/*
------------------------------------------------
RESULTS CARDS
------------------------------------------------
*/
#explore-results > div h4
{
  color:var(--explore-results-color);
  text-align:right;
  margin-right:34px;
}

.activity-card
{
  position:relative;
  border-radius:5px;
  background:var(--main-bg-color);
  float:left;
  margin-right:30px;
  margin-bottom:30px;
  text-align:center;
  padding:20px;
  width:260px;
  cursor:pointer;
}

.activity-card img
{
  max-height:150px;
  width:auto;
}

.activity-card:hover
{
  box-shadow:0 0 5px 5px var(--activity-card-hover-box-shadow-color);
}

.activity-card .info
{
  font-size:1.1em;
  font-weight:bold;
}

.activity-card .topic-icons
{
  position:relative;
}

.activity-card .topic-icon
{
  padding:10px;
  border-radius:50%;
  background:var(--topic-icon-bg-color);
  min-width:37px;
  min-height:37px;
  transition:all .1s linear;
}

.activity-card .topic-icon:hover
{
  background:var(--topic-icon-hover-bg-color);
  color:var(--text-inverse-color) !important;
}

.activity-card .org-name
{
  font-size:.8em;
  margin-top:20px;
  color:var(--second-text-color);
}

.activity-card .org-name .fa
{
  margin-right:5px;
  color:var(--thin-border-color);
}

#card-icon-hover-tooltip
{
  box-shadow:0 0 13px 0 var(--tool-tip-box-shadow-color);
  border-radius:10px;
  padding:10px;
  position:absolute;
  background:var(--main-bg-color);
  bottom:-50px;
  z-index:99999999;
  border:1px solid var(--tooltip-border-color);
  white-space:nowrap;
  display:none;
  color:var(--content-color);
}

#card-icon-hover-tooltip:before
{
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom:5px solid var(--tab-inner-and-tooltip-before-border-color);
  display:inline-block;
  top:-5px;
  left:50%;
  transform:translateX(-5px);
}

@media (max-width:1020px) {
  #explore-topics-nav
  {
    display:inline-block;
    position:absolute;
    width:auto;
    z-index:999999;
  }
  
  #explore-topics-nav .topic-icons
  {
    margin:0;
  }
  
  #explore-topics-nav .txt
  {
    display:none;
  }
  
  #explore-topics-nav .first-element:after
  {
    content:"All";
    display:inline-block;
  }
  
  #explore-results
  {
    padding-left:110px;
  }
  
  #explore-results > div h4
  {
    display:none;
  }
  
  #explore-search-container
  {
    margin:0;
  }
  
  .iminterested
  {
    text-align:center;
  }
}

@media (max-width:700px) {
  .activity-card .img
  {
    zoom:0.4;
  }
}

/*
------------------------------------------------
ORGs
------------------------------------------------
*/
#content-orgs
{
  background:var(--content-orgs-bg-color);
}

#content-orgs header
{
  background-color:var(--content-orgs-header-bg-color);
}

#filter-by-alpha
{
  margin:20px 0;
}

#filter-by-alpha ul
{
  margin:0;
}

#filter-by-alpha ul li
{
  list-style-type:none;
  display:inline-block;
  text-transform:uppercase;
}

#filter-by-alpha ul li a
{
  padding:5px;
  transition:all .1s linear;
  border-radius:10px;
}

#filter-by-alpha ul li a:hover
{
  background:var(--filter-by-alpha-link-hover-color);
}

/*
------------------------------------------------
ORG Cards
------------------------------------------------
*/
.org-card
{
  position:relative;
  border-radius:5px;
  background:var(--main-bg-color);
  float:left;
  margin-right:30px;
  margin-bottom:30px;
  text-align:center;
  padding:20px;
  width:260px;
  cursor:pointer;
}

.org-card:hover
{
  box-shadow:0 0 5px 5px var(--org-card-hover-box-shadow-color);
}

#org-activities .activity-card:hover
{
  box-shadow:0 0 5px 5px var(--activity-card-hover-box-shadow-color);
}

.org-card .info
{
  margin:20px 0 0;
  text-align:left;
}

.org-card h1
{
  font-size:1em;
  font-weight:bold;
  padding:0;
  margin:0;
}

.org-card h2
{
  margin:0;
  padding:0;
  font-weight:normal;
  font-size:.8em!important;
}

.org-card p
{
  margin:20px 0 0;
  padding:0;
  font-size:.8em;
}

.org-card .topic-icon
{
  padding:10px;
  border-radius:9999999999999px;
  background:var(--topic-icon-bg-color);
  min-width:37px;
  min-height:37px;
  transition:all .1s linear;
}

.org-card .topic-icon:hover
{
  background:var(--topic-icon-hover-bg-color);
  color:var(--text-inverse-color);
}

/*
------------------------------------------------
ORG Featured
------------------------------------------------
*/
#org-activities
{
  position:relative;
  background:var(--activities-bg-color);
  margin:80px 0 40px;
  padding:40px 0 0;
}

.org-featured
{
  border-radius:10px;
  background:var(--main-bg-color);
  padding:40px;
}

.org-featured h1
{
  font-size:2em;
  margin-bottom:0;
}

.org-featured h2
{
  font-size:1em;
}

.cbreadcrumbs p
{
  font-size:.8em;
  margin:20px 0;
}

#activity-cards-filters
{
  position:relative;
}

#activity-cards-filters ul
{
  margin:0;
  position:absolute;
  top:-80px;
  left:0;
  background:var(--activity-filters-ul-bg-color);
  border-radius:5px;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

#activity-cards-filters ul li
{
  display:inline-block;
  line-height:40px;
  padding:0 20px;
  color:var(--activity-cards-filters-li-color);
  border-top-right-radius:5px;
  border-top-left-radius:5px;
  border-right:1px solid var(--activity-and-keyword-border-color);
  margin-left:-5px;
  cursor:pointer;
}

#activity-cards-filters ul li:hover
{
  background:var(--activity-hover-and-keyword-close-border-color);
}

#activity-cards-filters ul li.active
{
  background-color:var(--activities-bg-color);
  border-right:1px solid var(--activity-filters-active-border-color);
  color:var(--activity-cards-filters-li-active-color);
  cursor:default;
}

#activity-cards-filters ul li a
{
  color:inherit;
}

/*
------------------------------------------------
ORG Featured
------------------------------------------------
*/
.badge-card
{
  position:relative;
  border-radius:5px;
  background:var(--main-bg-color);
  float:left;
  margin-right:30px;
  margin-bottom:30px;
  text-align:center;
  padding:20px;
  width:260px;
  cursor:pointer;
}

.badge-card img
{
  max-height:150px;
  width:auto;
}

.badge-card:hover
{
  box-shadow:0 0 5px 5px var(--badge-card-hover-box-shadow-color);
}

.badge-card .info
{
  font-size:1.1em;
  font-weight:bold;
  padding:20px;
}

.badge-card .info2
{
  font-size:1em;
  font-weight:normal;
  line-height:1.2em;
  text-align:left;
}

#explore-search-loading-element
{
  padding:40px;
  border-radius:20px;
  background:var(--loading-element-bg-color);
  text-align:center;
}

#explore-search-loading-element img
{
  width:75px;
}

/*
------------------------------------------------
Challenges
------------------------------------------------
*/
.small-chall-butt
{
  font-size:.7em;
}

/*stylesheet*/
/*Challenges Info*/
#see-more-activities
{
  margin-top:10%;
}

#challenge-info-top
{
  padding-left:0;
}

#content-challenges .fa-usd
{
  margin-right:18px;
}

#content-challenges button>.fa,#content-challenges .button>.fa
{
  color:var(--text-inverse-color);
}

#content-challenges .button>.fa
{
  font-size:1.4em;
}

.green
{
  font-size:1.5em;
}

.green:hover
{
  background-color:var(--hover-special-button-color);
}

.cta-row p
{
  vertical-align:bottom;
  color:var(--text-inverse-color);
  text-align:left;
}

.event-info-noicon
{
  margin-left:1.6em;
}

.address
{
  display:inline-flex;
}

.cbreadcrumbs
{
  text-transform:uppercase;
  background-color:var(--breadcrumbs-color);
  padding-left:40px;
  border:1px solid var(--breadcrumbs-border-color);
  border-top:none;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
}

.cbreadcrumbs p
{
  margin:.5% 0;
}

#chall1
{
  padding-left:0;
}

/*Accordions*/
.accordion .content
{
  padding:0;
}

.activity .green
{
  font-size:1rem;
}

@media only screen and (min-width:64.063em) {
  .declined.activity-button,.activity-button,.activity .green,.activity .status
  {
    position:relative;
    float:right;
    top:10px;
  }
}

form
{
  padding:10px 0;
  margin-top:0;
}

.med-chall-butt button
{
  position:relative;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  padding-right:30px;
  width:100%;
  text-align:left;
}

.med-chall-butt button .fa-play
{
  position:absolute;
  top:50%;
  right:3px;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}

dd.activity>a
{
  position:absolute;
  background-color:transparent;
  left:35%;
  top:6.5rem;
  font-size:1em;
  color:var(--h1-and-links-color);
  padding:0;
  z-index:9999;
}

/* .inner.content{
  margin-left: 35%;
  max-width: 720px;
} */
.inner.content
{
  margin-bottom:40px;
}

@media only screen and (max-width:40em) {
  .inner.content
  {
    padding-left:15px;
    padding-right:15px;
  }

  #explore-topics-nav
  {
    position: inherit!important;
  }

  #explore-topics-nav ul li
  {
    float: left;
  }

  #explore-topics-nav .first-element
  {
    float: none;
    text-align: center;
  }
}

@media only screen and (min-width:64.063em) {
  .inner.content
  {
    padding-left:36px;
  }
}

@media (min-width: 1026px) {
  .inner.content
  {
    margin-left:20%;
  }
  
  dd.activity>a
  {
    left:20%;
  }
}

/*Description for Activity*/
.desc
{
  display:inline-block;
  max-width:80%;
  padding-left:15px;
  padding-top:10px;
  margin-bottom:2em;
}

.desc h3
{
  font-size:1.4em;
}

.desc .difficulty
{
  font-size:1.1em;
}

.difficulty .icon
{
  margin-right:10px;
}

.desc .icon
{
  margin-right:10px;
  height:1em;
  vertical-align:text-top;
}

.desc p
{
  width:100%;
  max-width:680px;
  margin-bottom:0;
  font-size:.85em;
}

.desc a
{
  font-size:.85em;
}

@media only screen and (max-width:40em) {
  .more-details
  {
    margin-left:10px;
  }
}

/**/
.content.sub-top
{
  padding:30px;
}

.complete-icon
{
  position:absolute;
  background-color:var(--complete-icon-bg-color);
  z-index:105;
}

dd.activity
{
  position:relative;
/* border: none !important;
  border-radius: 0 !important;*/
  border:1px solid var(--activity-border-color);
  border-top-width:0;
  border-radius:0 0 10px 10px;
}

.status .button
{
  margin-bottom:0;
}

p.sub-feedback
{
  font-size:.8125rem;
}

@media only screen and (min-width:64.063em) {
  p.sub-feedback
  {
    text-align:right;
  }
}

.activity a button
{
  margin:0;
}

/*More Activities*/
/*FILLER CSS, REPLACE WITH MODIFIABLE FUNCTION TO DISPLAY ONLY 4 CARDS*/
.visit-button .fa
{
  margin-right:10px;
}

/*
------------------------------------------------
Playlists
------------------------------------------------
*/
.playlist-tabs
{
}

.playlist-tabs ul
{
  margin:0;
}

.playlist-tabs ul li
{
  list-style-type:none;
  margin:0;
  padding:0;
  padding:13px 8px;
}

.playlist-tabs .tabs
{
}

.playlist-tabs .tabs li
{
  text-align:center;
  transform:translateY(1px);
}

.playlist-tabs .tabs li.active
{
  background:var(--playlist-tabs-bg-color);
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-left:1px solid var(--tabs-border-color);
  border-top:1px solid var(--tabs-border-color);
  border-right:1px solid var(--tabs-border-color);
}

.playlist-tabs .tabs li .inner
{
  background:var(--playlist-tabs-bg-color);
  border-radius:5px;
  padding:10px;
}

.playlist-tabs .tabs-content
{
  background:var(--playlist-tabs-bg-color);
  border-top:1px solid var(--tabs-border-color);
  border-bottom:1px solid var(--tabs-border-color);
  text-align:left;
}

.playlist-tabs .tabs-content .content-block
{
  border:1px solid var(--content-block-border-color);
  border-radius:11px;
}

.content-block-collection .bottom-level
{
  padding:0;
  margin-bottom:20px;
}

.orange-header-bar
{
  background-color:var(--header-bar-bg-color);
  color:var(--text-inverse-color);
  font-family:inherit;
  font-weight:700;
  font-size:1.8em;
  border-bottom:none;
  padding:.75rem 20px;
  line-height:1.5em;
}

.no-border
{
  border:0!important;
}

.sub-checklist
{
  background:var(--sub-checklist-bg-color);
  border-radius:5px;
  padding:20px;
}

.big-back-button
{
  border:1px solid var(--button-color);
  border-radius:10px;
  padding:0 20px;
  background:var(--big-back-button-bg-color);
  color:var(--big-back-button-color);
  margin:20px 0;
  cursor:pointer;
  transition:all .3s linear;
}

.big-back-button .fa-list
{
  color:var(--button-color);
  line-height:2em;
  transition:all .3s linear;
  margin-right:10px;
}

.big-back-button .fa-arrow-left
{
  color:var(--button-color);
  font-size:1em;
  line-height:1em;
  border-right:1px solid var(--fa-arrow-left-border-color);
  display:inline-block;
  padding-right:21px;
  margin-right:20px;
  transition:all .3s linear;
}

.big-back-button:hover
{
  border:1px solid var(--button-color);
  background:var(--button-color);
  color:var(--text-inverse-color);
}

.big-back-button:hover .fa-arrow-left
{
  border-right:1px solid var(--fa-arrow-left-hover-border-color);
}

.big-back-button:hover .fa
{
  color:var(--text-inverse-color);
}

.spacer
{
  display:block;
  margin:1em 0;
}

@media (max-width:1024px) {
  #explore-main-tabs .large-4
  {
    width:33%;
  }
}

@media (max-width:600px) {
  #explore-main-tabs .large-4
  {
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
  }
  
  #explore-main-tabs .tab-inner
  {
    border-radius:10px;
  }
  
  #explore-main-tabs .icon-panel
  {
    font-size:1.5em;
    width:10%;
    height:auto;
  }
  
  #explore-main-tabs .large-9
  {
    width:20px;
    width:85%;
  }
}

.top-bar .name h1 a {
  padding: 0 5px;
}

.top-bar .toggle-topbar.menu-icon a
{
  text-indent: -9999px;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.top-bar .toggle-topbar.menu-icon a:after
{
  width: 24px;
  -webkit-box-shadow: 1px 9px 1px 2px var(--second-text-color), 
    1px 18px 1px 2px var(--second-text-color), 
    1px 27px 1px 2px var(--second-text-color);
  box-shadow: 0 9px 0 2px var(--second-text-color), 
    0 18px 0 2px var(--second-text-color), 
    0 27px 0 2px var(--second-text-color);
}

.top-bar.expanded .toggle-topbar.menu-icon a:after
{
  -webkit-box-shadow: none;
  box-shadow: none;
  content: "\d7";
  color: var(--text-inverse-color);
  text-indent: initial;
  top: 3px;
  right: 5px;
  font-size: 40px;
  font-weight: 400;
}

.top-bar .title-area
{
  display: flex;
}

.top-bar .title-area li
{
  display: inline-block;
  width: 3em;
}

.top-bar .toggle-topbar.menu-icon
{
  position: relative;
  margin-top: 0;
  right: 0;
  padding-left: 0;
}

.top-bar .toggle-topbar.menu-icon a::after
{
  right: 10px;
  top: 6px;
}

.profile-menu-item
{
  user-select: none;
}

.profile-menu-item a.has-dropdown
{
  padding: .5em 0;
}

.profile-menu-item a.has-dropdown:after
{
  content: "";
  width: 0; 
  height: 0; 
  border-top: 5px solid black;
  border-right: 5px solid transparent;
  border-bottom: none;
  border-left: 5px solid transparent;
  display: inline-block;
  padding-top: .25em;
}

.profile-menu-item a.open.has-dropdown:after
{
  border-top: none;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  border-left: 5px solid transparent;
  margin-bottom: .25em;
}

.profile-menu-item .f-dropdown,
#notifications-menu
{
  border: none;
  border-radius: 6px;
  box-shadow: 0 3px 6px var(--profile-dropdown-box-shadow-color);
}

.profile-menu-item .f-dropdown li:hover
{
  background: var(--profile-dropdown-hover-bg-color);
}

.profile-menu-item .f-dropdown::before
{
  border-color: transparent transparent var(--profile-dropdown-before-border-color);
  left: 126px !important;
}

.profile-menu-item .f-dropdown::after
{
  left: 125px !important;
}

#profile-menu
{
  width: auto;
  max-width: none;
  margin-top: -20px;
}

#notifications-scrollview {
  max-height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 1em;
}

#notifications-menu .notifications-header {
  line-height: 2;
}

#notifications-menu {
  max-width: 0px;
}

#notifications-menu.f-dropdown::before
{
  border-color: transparent transparent var(--profile-dropdown-before-border-color);
  left: 148px !important;
}

#notifications-menu.f-dropdown::after
{
  left: 147px !important;
}

#notifications-menu
{
  min-width: 296px;
  margin-left: -133px;
}

#user_notifications 
{
  display: none;
}

#no_notifications 
{
  text-align: center;
  padding: .5em;
}

.notifications-readall {
  cursor: pointer;
}

.notifications-header 
{
  font-size: 16px;
}

.notifications-header small,
.notifications-when {
  font-size: 13px;
  color: var(--hover-signup-button-bg-color);
}

.notifications-header small 
{
  float: right;
}

#notifications-container
{
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
}

#notifications-container li
{
  display: block;
  background-color: var(--main-bg-color);
  margin-bottom: 1.2em;
  width: unset;
}

.notifications-footer  {
  border-top: 1px solid var(--content-block-border-color);
  text-align: center;
}

#notification-overlay {
  position: fixed;
  bottom: 30%;
  left: 20px;
}

.notification-overlay-item {
  background: var(--text-inverse-color);
  border: 1px var(--profile-activity-card-border-color) solid;
  border-radius: 12px;
  padding: 1em;
  width: 350px;
  display: flex;
  position: relative;
  cursor: pointer;
}

.notification-overlay-item img {
  margin-top: 5px;
  margin-right: 5px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px var(--profile-activity-card-border-color) solid;
}

.notification-overlay-item p {
  margin-bottom: 0px;
  font-size: 16px;
}

.notification-overlay-item .notification-overlay-close {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  z-index: 999;
}

#profile-menu li,
#profile-menu-small li
{
  display: block;
  background-color: var(--main-bg-color);
  padding: 0;
}

#profile-menu li:hover,
#profile-menu-small li:hover
{
  background-color: var(--profile-menu-hover-bg-color);
}

#profile-menu li a,
#profile-menu-small li a
{
  background-repeat: no-repeat;
  background-position: center left;
  min-width: 240px;
  text-transform: none;
  padding-left: 2em;
  line-height: 1.2em;
}

#profile-menu .profile-profile a
{
  background-image: url(../images/user/profile-72ppi.png);
}

#profile-menu-small .profile-profile a
{
  background-image: url(../images/user/profile-mobile-72ppi.png);
}

#profile-menu .profile-profile:hover a,
#profile-menu-small .profile-profile:hover a
{
  background-image: url(../images/user/profile-selected-72ppi.png);
}

#profile-menu .profile-settings a 
{
  background-image: url(../images/user/settings-72ppi.png);
}

#profile-menu-small .profile-settings a 
{
  background-image: url(../images/user/settings-mobile-72ppi.png);
}

#profile-menu .profile-settings:hover a,
#profile-menu-small .profile-settings:hover a 
{
  background-image: url(../images/user/settings-selected-72ppi.png);
}

#profile-menu .profile-help a 
{
  background-image: url(../images/user/help-72ppi.png);
}

#profile-menu-small .profile-help a 
{
  background-image: url(../images/user/help-mobile-72ppi.png);
}

#profile-menu .profile-help:hover a,
#profile-menu-small .profile-help:hover a
{
  background-image: url(../images/user/help-selected-72ppi.png);
}

#profile-menu .profile-sign-out a 
{
  background-image: url(../images/user/sign-out-72ppi.png);
}

#profile-menu-small .profile-sign-out a 
{
  background-image: url(../images/user/sign-out-mobile-72ppi.png);
}

#profile-menu .profile-sign-out:hover a,
#profile-menu-small .profile-sign-out:hover a
{
  background-image: url(../images/user/sign-out-selected-72ppi.png);
}

/*mobile*/
@media only screen and (max-width:40em) {
  /* Navigation */
  .top-bar.expanded .toggle-topbar a
  {
    color: var(--text-inverse-color);
    border: none !important;
    z-index: 9999;
  }
  
  .top-bar,
  .top-bar-section .has-form,
  .top-bar.expanded .title-area,
  nav.top-bar.hide-for-medium-up
  {
    background: var(--main-bg-color) !important;
  }

  .top-bar-section ul,
  .top-bar-section ul li > a
  {
    background: var(--central-panel-bg-color);
    font-size: 22px;
    padding: 6px 0 6px 11px;
  }

  .top-bar-section ul li:hover:not(.has-form) > a
  {
    background:var(--prominent-button-color);
  }
  
  .top-bar-section ul #explore-menu-small li>a,#explore-menu-small
  {
    background-color:var(--explore-menu-small-bg-color)!important;
  }

  .expanded .top-bar-section ul
  {
    position: fixed;
    z-index: 9998;
    top: 0;
  }

  .top-bar-section .dropdown
  {
    position: relative !important;
    left: auto;
    width: auto;
  }

  .profile-menu-item
  {
    padding-left: 12px;
    padding-top: 5px;
  }

  .profile-menu-item a.has-dropdown
  {
    padding: 0 .5em 0 0;
    display: inline;
  }

  #profile-menu-small 
  {
    width: 100% !important;
    padding: 0 0 5px 9px;
    border-radius: 0;
    box-shadow: none;
    margin-left: -9px;
    margin-top: -1px;
  }

  #profile-menu-small:before,
  #profile-menu-small:after {
    content: none;
    border: none !important;
  }

  #profile-menu-small li
  {
    margin-left: 47px;
  }

  #profile-menu-small li a
  {
    font-size: 18px;
  }

  #notifications-menu.f-dropdown::before {
    left: auto !important;
    right: 65px !important;
  }

  #notifications-menu.f-dropdown::after {
    left: auto !important;
    right: 64px !important;
  }

  .notifications-counter {
    top: 0px !important;
    right: -5px !important;
  }

  .profile-menu-item a.has-dropdown:after 
  {
    border-top: 5px solid var(--text-inverse-color);
    border-right: 5px solid transparent;
    border-bottom: none;
    border-left: 5px solid transparent;
    top: 10px;
  }

  .profile-menu-item a.open.has-dropdown:after
  {
    border-top: none;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--text-inverse-color);
    border-left: 5px solid transparent;
    top: 13px;
  }
  
  /* Eexplore page */
  div.large-2.inline-col
  {
    width:33.33333%;
    float:right!important;
    margin-top:auto;
  }
  
  div.large-2.inline-col .fa
  {
    display:none;
  }
  
  #explore-topics h4
  {
    display:none;
  }
  
  .about-body .logobox
  {
    text-align:justify;
    position:static;
  }
  
  .col-md-3.logo-box
  {
    margin:4px auto;
    min-width:206px;
    display:block;
    float:none;
    clear:both;
    border:1px solid var(--logo-box-border-color);
  }

  #notification-overlay {
    left: 1em;
  }

}

#playlist-activity-directions .fa
{
  margin-right:10px;
}

[data-magellan-expedition]
{
  z-index:130;
  padding:0;
  margin:0 auto;
  min-width:initial;
  background:inherit;
  left:0;
}

#explore-search-container[data-magellan-arrival].active
{
  margin:0!important;
  left:0;
  padding:5px 10px 5px 5px;
  box-shadow:0 0 10px var(--search-container-active-box-shadow-color);
}

.is_screen,.is_touch
{
  display:none;
}

html.touch .is_touch
{
  display:block;
}

html.touch .is_touch p
{
  text-align:center;
}

.is_touch h3
{
  color:var(--text-inverse-color);
}

html.no-touch .is_screen
{
  display:block;
}

.text-centered
{
  text-align:center;
}

/*
    moved to use link method
    @import url(http://fonts.googleapis.com/css?family=Raleway:400,200,700);
*/
p,h1,h2,h3,h4,h5,h6,a
{
  font-family:var(--second-font);
}

.row,.related .row
{
  max-width:75.5rem;
}

.button,button
{
  background-color:var(--button-color);
}

.button:hover,button:hover
{
  background-color:var(--hover-button-color)!important;
}

.bg-green
{
  background:var(--other-items-special-color);
}

header
{
  background:url(/assets/images/default-header-bg.jpg) repeat-x top center;
  min-height:85px;
  position:relative;
}

header .logo
{
  position:absolute;
  border:none!important;
  top:-.35em;
/* left: 5em; */
  z-index:10;
  max-width:180px;
}

header h2
{
  position:absolute;
  bottom:.3em;
  left:24em;
  width:600px;
  font-size:1.3em;
  color:var(--text-inverse-color);
  font-family:var(--second-font);
  font-weight:400;
  font-style:italic;
}

.main-banner
{
  background-color:var(--button-color);
  margin:0;
}

.main-banner .featured
{
  margin:1em 0;
}

#featured
{
  background:var(--button-color);
  height:300px;
}

#featured.orbit
{
  background:none;
}

.orbit-container .orbit-slides-container img
{
  display:block!important;
}

.main-steps
{
  margin-left:0;
  padding-left:0;
  margin-top:1.5em;
}

.main-steps li
{
  list-style:none;
  color:var(--text-inverse-color);
  margin-bottom:1.5em;
}

.main-steps li .button,.orange-button
{
  background:var(--prominent-button-color);
  color:var(--text-inverse-color);
  margin:0;
}

.main-steps li .parents-button,.green-button
{
  background:var(--parents-button-bg-color);
}

.main-steps li .parents-button:hover,.green-button:hover
{
  background:var(--parents-button-hover-bg-color)!important;
}

.main-steps li .button:hover,.orange-button:hover
{
  background:var(--hover-prominent-button-color) !important;
  color: var(--text-inverse-color);
}

.main-steps h4
{
  margin:0;
  color:var(--text-inverse-color);
  font-size:1.1em;
}

.main-steps .steps
{
  cursor:default;
  background:var(--main-bg-color);
  color:var(--button-color);
  font-weight:700;
  display:inline-block;
  text-align:center;
  padding:.2em .7em;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
}

.main-steps li a
{
  color:var(--main-steps-link-color);
}

.popular-wrapper
{
  background:var(--popular-wrapper-and-group-body-bg-color);
  padding:.5em 0 0;
}

.popular-wrapper ul
{
  margin-left:0!important;
  padding:0!important;
}

.popular-wrapper ul#activities li
{
  list-style:none;
  display:inline-block;
  position:relative;
/* top:-1em; */
  padding-right:12px;
}

#activities_slider
{
  text-align:center;
}

#activities
{
  height:51px;
  overflow:hidden;
  top:-10px;
}

.popular-wrapper ul#activities li img
{
  max-height:51px;
}

.featured-wrapper
{
  background:var(--featured-wrapper-bg-color);
  padding:.5em 0 0;
  height:444px;
  overflow:hidden;
}

#featured-items
{
  list-style:none;
}

.featured-items li
{
  background:none!important;
}

.featured-item-workshop .set
{
  background:var(--main-bg-color)!important;
  margin-right:.1em;
}

#playlist-slider.featured-item-workshop .set
{
  height:222px;
}

.featured-item-workshop .set-item
{
  padding:.5em;
}

.featured-item-workshop .set-item h5
{
  font-size:1em;
  font-weight:bold;
  height:2.7em;
  overflow:hidden;
  max-width: 90%;
}

.featured-item-workshop .set-item h6
{
  font-size:.8em;
  font-weight:bold;
  color:var(--button-color);
  margin-bottom:3px;
}

.featured-item-workshop .set-item img
{
  display:block;
  max-height:66%;
}

.featured-item-workshop .set-item .button
{
  margin-bottom: 1rem;
}

.featured-item-workshop .item-badges
{
  list-style:none;
  margin-left:0;
  margin-bottom:1em;
}

.featured-item-workshop .item-badges li
{
  display:inline-block;
  width:22.33%;
  margin-right:.1em;
}

.featured-item-workshop .item-badges li img
{
  display:block;
  float:left;
  max-height:60px;
}

.featured-item-workshop li p
{
  font-size:.8em;
  max-width:90%;
  margin-bottom:.5em;
}

#playlist-slider .featured-item-workshop li p
{
  max-width:100%;
}

#playlist-results .badges-earned img
{
  min-height:inherit;
}

.show-for-small .featured-item-logo img
{
  max-height:15em;
}

.show-for-medium-up .featured-item-workshop .set-item,.show-for-large-up .featured-item-workshop .set-item
{
  position:relative;
  height:351px;
  overflow:hidden;
}

.show-for-medium-up .featured-item-details,.show-for-large-up .featured-item-details
{
  height:180px;
  overflow:hidden;
}

.show-for-medium-up .featured-item-action,.show-for-large-up .featured-item-action
{
  position:absolute;
  bottom:0;
  left:12%;
}

.featured-item-badges img
{
  height:50px;
}

.show-for-small .item-badges
{
  list-style:none;
}

.wrapper,.less,.exp
{
  background:var(--wrapper-alert-and-footer-bg-color) url(/assets/images/home-splash.jpg) no-repeat top center;
  padding:1em 1em 1.5em;
  text-align:center;
}

.wrapper h3,.less h3,.exp h3
{
  text-transform:uppercase;
  color:var(--text-inverse-color);
  font-family:var(--second-font);
  font-weight:400;
}

.wrapper .advice,.less .advice,.exp .advice
{
  font-weight:bold;
}

.less
{
  padding:1.5em 1em;
}

.exp
{
  background:var(--wrapper-alert-and-footer-bg-color) url(/assets/images/header-explore01.png) no-repeat top center!important;
}

.spacer
{
  margin:2em 0;
}

.small-spacer
{
  margin:1em 0;
}

.main-actions .button,.main-actions .narrow
{
  font-size:.9em;
  padding:1em 2em;
  font-family:var(--second-font);
  font-weight:700;
  text-transform:uppercase;
}

.main-actions .columns:first-child .button,.main-actions .columns:first-child .narrow
{
  background:var(--main-actions-profile-and-signup-bg-color);
}

.main-actions .columns:last-child .button,.main-actions .columns:last-child .narrow
{
  background:var(--last-action-tip-and-energy-points-bg-color);
}

.main-actions .columns:first-child .button:hover,.main-actions .columns:first-child .narrow:hover
{
  background:var(--centered-and-first-action-bg-color);
}

.main-actions .columns:last-child .button:hover,.main-actions .columns:last-child .narrow:hover
{
  background:var(--last-action-hover-bg-color);
}

#explore-pg .wrapper
{
  background:var(--wrapper-alert-and-footer-bg-color) url(/assets/images/header-explore01.png) no-repeat top center;
}

#parent-zone-pg .wrapper
{
  background:var(--parent-wrapper-bg-color) url(/assets/images/parent-zone-splash.jpg) no-repeat top center;
}

#how-it-works-pg .wrapper
{
  background:var(--how-it-works-wrapper-bg-color) url(/assets/images/how-it-works-splash.jpg?v=2) no-repeat top center;
}

.generic-label-org
{
  color:var(--generic-label-org-color);
}

.generic-label-blue
{
  color:var(--generic-label-blue-color);
}

.split-action
{
  margin:0 5%!important;
}

.split-action .button,.split-action .narrow
{
  font-weight:bold;
}

.home h3,.home h4,.home p
{
  text-align:center;
  color:var(--second-heading-color);
}

.home h4
{
  color:var(--home-h4-color);
}

.parents
{
  padding-bottom:2em;
}

.parents .deco
{
  background:url(/assets/images/parents-box-home.png) no-repeat;
  padding-bottom:2em;
}

.parents h3,.parents h4,.parents p
{
  text-align:left;
}

.parents h3
{
  color:var(--second-heading-color);
  font-family:var(--second-font);
  font-weight:200;
  font-size:3em;
  margin-top:1em;
  margin-bottom:0;
  line-height:.5em;
  text-transform:uppercase;
}

.parents h4
{
  color:var(--text-inverse-color);
  font-family:var(--second-font);
  font-weight:700;
  font-size:2em;
}

.parents a
{
  color:var(--text-inverse-color);
  font-family:var(--second-font);
  font-weight:700;
  text-transform:uppercase;
}

.contrast
{
  border-color:var(--contrast-border-color);
  margin:0;
}

.fixed
{
  position:fixed;
  top:0;
  left:0;
  margin:0;
}

.fixed .filter-block
{
  -webkit-box-shadow:0 3px 2px var(--filter-block-box-shadow-color);
  -moz-box-shadow:0 3px 2px var(--filter-block-box-shadow-color);
  box-shadow:0 3px 2px var(--filter-block-box-shadow-color);
}

.logout
{
  position:relative;
}

.logout span
{
  position:absolute;
  left:-15em;
  font-size:.5em!important;
}

.main
{
  position:relative;
  width:100%;
  background:var(--main-bg-color);
  min-height:51px;
  -webkit-box-shadow:0 1px 1px var(--main-box-shadow-color);
  -moz-box-shadow:0 1px 1px var(--main-box-shadow-color);
  box-shadow:0 1px 1px var(--main-box-shadow-color);
}

.main ul
{
  margin-bottom:0;
  padding:.5em 0;
}

.main ul li
{
  display:inline-block;
  line-height:1em;
}

.main ul li a
{
  font-size: 1em;
  font-family: var(--second-font);
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  padding: .5em;
  margin: 0 .5em;
}

.explore-body #explore_menu_item
{
  background:url(/assets/images/explore-icons.png?v=2) no-repeat top center;
}

.how-body #how_menu_item
{
  background:url(/assets/images/parent-zone-icons.png?v=2) no-repeat top center;
}

.spring-break-body #spring_menu_item
{
  background:url(/assets/images/spring-break-icons.png?v=2) no-repeat top center;
}

.about-body #about_menu_item
{
  background:url(/assets/images/how-icons.png?v=2) no-repeat top center;
}

.user-home-menu-item {
  background: url(../images/user/home-72ppi.png) no-repeat center center;
  margin-left: auto;
}

.user-home-menu-item:hover {
  background-image: url(../images/user/home-selected-72ppi.png);
}

.user-home-menu-item a {
  text-indent: -9999px;
  display: block;
}

.notifications-menu-item {
  position: relative;
  background: var(--main-bg-color) url(../images/user/notifications-72ppi.png) no-repeat center center;
}

.notifications-menu-item:hover {
  background-image: url(../images/user/notifications-selected-72ppi.png);
}

.notifications-trigger img {
  visibility: hidden;
}

.notifications-counter {
  background-color: var(--declined-bg-color);
  color: var(--text-inverse-color);
  font-size: 16px;
  border-radius: 7px;
  width: 24px;
  height: 24px;
  text-align: center;

  position: absolute;
  right: -3px;
  top: 15px;

  visibility: hidden;
}

.notification-info {
  position: relative;
}

.notification-message {
  font-size: 13px;
  margin-bottom: 5px;
}

.notification-unread {
  background-color: var(--prominent-button-color);
  width: 8px;
  height: 8px;
  border-radius: 50%;

  position: absolute;
  right: 0px;
  top: 45%;
}

.notification-timestamp {
  color: var(--hover-signup-button-bg-color);
  line-height: 1em;
  font-size: 12px;
  font-weight: bold;
}

.profile
{
  background:var(--main-actions-profile-and-signup-bg-color);
  min-height:150px;
  font-family:var(--second-font);
  font-weight:300;
  padding:2em 0;
}

.profile-v2
{
  background:var(--button-color);
  font-family:var(--second-font);
  font-weight:normal;
  color:var(--text-inverse-color);
}

.profile-badges .title-line
{
  position:relative;
  z-index:999;
  margin-top:2em;
  margin-bottom:0;
}

.profile-badges .title-line hr
{
  position:relative!important;
  top:-2.5em!important;
  z-index:-1;
}

.profile-badges .button:not(.tiny)
{
  background:var(--profile-badges-not-tiny-button-bg-color);
}

.profile-badges h3
{
  position:relative;
  width:40%;
  text-shadow:0 1px 0 var(--items-events-and-badge-border-color);
  color:var(--profile-badges-h3-color);
  background:var(--main-bg-color);
  margin:0 auto;
  z-index:0;
}

.profile-badges .warning
{
  background:var(--warning-bg-color)!important;
  color:var(--text-inverse-color)!important;
  font-weight:700!important;
}

.profile-badges .warning:hover
{
  background:var(--warning-hover-bg-color) !important;
}

.profile-badges .alert-box
{
  font-size: .7em !important;
  background: var(--wrapper-alert-and-footer-bg-color);
  color: var(--alert-topics-and-info-color);
  float: none !important;
  margin: 0 auto !important;
  text-align: center !important;
  border: none !important;
}

.profile-link
{
  display:block;
  font-size:.7em;
  margin:.5em 0 1em;
}

.check
{
  margin-top:1.5em;
  width:auto;
}

#claim_code_results img.th.right
{
  width:inherit;
}

.profile-badges .workshop-name
{
  font-size:.8em;
}

.ch-avatar
{
  line-height:5em;
}

.alert-box
{
  font-size:.7em!important;
  border-radius:2px;
  background:var(--wrapper-alert-and-footer-bg-color);
  color:var(--alert-topics-and-info-color);
  float:none!important;
  margin:0 auto!important;
  text-align:center!important;
  border:none!important;
}

.alert-box p
{
  margin-bottom:0;
}

.user
{
  margin:1.8em 0 0;
  display:block;
}

.features li
{
  text-align:center;
}

.features .block-wrap
{
  background:var(--block-wrap-bg-color);
  padding:.5em;
}

.features h4
{
  color:var(--third-heading-color);
  font-family:var(--second-font);
  font-weight:700;
  text-transform:uppercase;
}

.features p
{
  color:var(--second-heading-color);
  font-size:.8em;
}

.centered-action,.wide
{
  margin:0 auto;
  text-align:center;
  width:230px;
}

.centered-action a,.wide a
{
  background:var(--main-actions-profile-and-signup-bg-color);
  font-family:var(--second-font);
  font-weight:700;
}

.centered-action a:hover,.wide a:hover
{
  background:var(--centered-and-first-action-bg-color);
}

.wide
{
  width:400px;
}

.wide .button,.wide .narrow
{
  padding-left:4em!important;
  padding-right:4em!important;
  font-size:1.1em!important;
}

.narrow
{
  padding-left:.5em!important;
  padding-right:.5em!important;
}

.search
{
  background:var(--main-bg-color);
  padding:1em 0 0 1em;
}

.search label
{
  margin-right:0;
}

.search input[type="text"]
{
  padding:.2em 1.5em!important;
  margin-bottom:.5em!important;
  font-size:1.2em;
  height:1.8rem;
}

.search .dropdown
{
  position:relative;
  top:.1em;
  background:var(--wrapper-alert-and-footer-bg-color);
  width:130px;
  height:50px;
  text-align:left;
  padding-left:.5em;
  box-shadow:0 3px 3px var(--search-dropdown-box-shadow-color);
  color:var(--search-dropdown-color);
  text-shadow:1px 0 1px var(--search-dropdown-border-color);
  font-weight:bold;
}

#search-wrapper p
{
  margin-bottom:.3em;
}

.filter-block
{
  background:var(--main-bg-color);
  max-width:97%;
  padding:0 1em;
  margin-bottom:0!important;
}

.filter-block p,.filter-block a,.filter-block li a
{
  font-size:.8em;
  color:var(--filter-block-color);
}

.filter-block p
{
  text-transform:uppercase;
  padding:1em;
  margin-bottom:0!important;
  font-weight:bold;
  color:var(--third-heading-color);
}

.filter-block .dropdown.button,.filter-block .dropdown.narrow
{
  margin-bottom:0!important;
  color:var(--filter-block-color);
}

.filter-block .link
{
  padding:.5em;
  display:block;
  margin:0 .5em;
}

.filter-block li:first-child
{
  border-right:1px solid var(--filter-block-first-child-border-color);
}

.filter-block li
{
  list-style:none;
  display:inline-block;
}

.filter-block li ul li
{
  display:inherit;
}

.filter-block ul li:first-child
{
  border-right:none;
}

#topics,#places,#topics_slider
{
  margin-bottom:.6em;
}

#search-wrapper h4,#search-wrapper p
{
  color:var(--search-wrapper-and-topics-color)!important;
}

#topics p,#places p,#topics_slider p
{
  margin:0;
  padding:0;
  color:var(--search-wrapper-and-topics-color)!important;
}

#topics label,#topics_slider label
{
  font-size:.8em;
}

#topics_slider
{
  text-align:center;
}

#topics li,#places li,#topics_slider div
{
  list-style:none;
  display:inline-block;
  height:30px;
  padding-right:6px;
}

#topics_slider div
{
  height:36px;
  top:6px;
}

#topics li a,#places li a,#topics_slider div a
{
  background:var(--topics-and-places-link-bg-color);
  color:var(--alert-topics-and-info-color);
  font-size:.8em;
  padding:.55em .4em;
  margin:0;
  font-weight:700;
  border:1px solid var(--topics-and-places-link-border-color);
}

#topics li a:hover,#topics li a:active,#topics li a.active,#places li a:hover,#places li a:active,#places li a.active
{
  background:var(--topics-and-places-link-hover-bg-color);
  color:var(--text-inverse-color);
}

#places li a
{
  font-size:.7em!important;
}

.no:active,.no:hover
{
  background:none!important;
}

#places
{
  height:50px;
}

#places p,.places p
{
  padding:0 .5em!important;
}

#places input[type="text"],.places input[type="text"]
{
  padding:.3em!important;
  width:99%;
  position:relative;
  top:0;
  left:0;
  font-size:.7em;
  height:2em!important;
}

#start_button
{
  padding-top:.7em;
  padding-bottom:.7em;
}

.explore
{
  padding-bottom:1em;
  min-height:1000px;
}

.items .item-block a.button
{
  font-size:.7em;
  padding:.5em .7em;
}

.orange
{
  background-color:var(--orange-bg-color);
}

.orange:hover
{
  background-color:var(--orange-hover-bg-color);
}

.exp h3
{
  font-size:3em;
}

.exp h5
{
  margin:0 auto;
  width:55%;
  color:var(--text-inverse-color);
  text-align:center;
}

.item-wrapper
{
  background:var(--wrapper-alert-and-footer-bg-color);
}

.items
{
  padding:1em;
}

.items .item-block
{
  border:1px solid var(--items-events-and-badge-border-color);
  background:var(--main-bg-color);
  text-align:center;
  position:relative;
}

.items .item-block item.img
{
  position:relative;
}

.items .item-block img.type
{
  position:absolute;
  right:0;
  top:0;
  max-width:30px;
}

.items .item-block .row,.events .event-block .row,.workshop .event-block .row
{
  padding:.5em 1em;
}

.items .item-block .type p,.events .event-block p,.workshop .event-block p
{
  padding:0;
  margin:0;
  font-size:.9em;
}

.items h5
{
  text-align:left;
  font-size:.9em;
  padding:0;
  font-weight:bold;
}

.items h5 > a
{
  color:var(--h1-and-links-color);
/*var(--main-actions-profile-and-signup-bg-color);*/
}

.details
{
  padding-top:0!important;
}

.items .type p:first-child
{
  font-size:.7em;
  text-transform:uppercase;
}

.items .type p:last-child
{
  font-size:.7em;
}

.items p
{
  font-size:.8em;
  font-family:var(--second-font);
  font-weight:400;
  text-align:left;
}

.items .item-desc
{
  min-height:110px;
  margin-bottom:.75rem;
}

.items .detail p > a
{
  font-size:.6em;
}

.items .price
{
  color:var(--main-color);
}

.items .item-block hr
{
  margin:0 0 .5em;
}

.items .item-block img
{
  text-align:center;
  max-width:100%;
  max-height:150px;
}

.items .item-block
{
  height:480px;
  overflow:hidden;
}

.items .prog-title-hdr h5
{
  height:2.5em;
  overflow:hidden;
}

.circle-text
{
  width:40px;
}

.circle-text:after,.yellow,.red,.violet
{
  content:"";
  display:block;
  width:100%;
  height:0;
  padding-bottom:100%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
}

.yellow
{
  background:var(--yellow-bg-color);
}

.red
{
  background:var(--red-bg-color);
}

.violet
{
  background:var(--violet-bg-color);
}

.circle-text p
{
  font-family:var(--second-font);
  font-weight:700;
  float:left;
  width:100%;
  padding-top:50%;
  line-height:1em;
  margin-top:-.5em;
  text-align:center;
  color:var(--text-inverse-color);
  font-size:1.5em;
}

.events .event-block,.workshop .event-block
{
  border:3px solid var(--items-events-and-badge-border-color);
  padding-bottom:1em;
}

.events h4,.workshop h4
{
  background:var(--wrapper-alert-and-footer-bg-color);
  color:var(--second-heading-color);
  font-size:1.2em;
  padding:.5em;
  margin:0;
  text-transform:uppercase;
}

.events p,.workshop p
{
  color:var(--events-workshop-and-work-cat-color);
}

.workshop .small-map,.workshop .small-map .row
{
  padding:0!important;
  margin:0!important;
}

.workshop hr
{
  padding:0;
  margin:0;
}

.work-cat
{
  margin-left:0;
  padding:.5em 0;
  margin-top:.5em;
  margin-bottom:.5em;
}

.work-cat li
{
  list-style:none;
  color:var(--events-workshop-and-work-cat-color);
  font-size:.95em;
}

.labels
{
  position:relative;
  top:-.1em;
  left:.3em;
}

.labels li
{
  list-style:none;
  display:inline-block;
}

.labels li a
{
  font-size:.9em;
}

.info-tip
{
  background:var(--wrapper-alert-and-footer-bg-color);
  border-radius:8px;
  margin-top:.5em;
}

.info-tip p
{
  font-weight:700;
  color:var(--main-heading-color);
  font-size:.8em;
  margin-bottom:0;
  padding:.2em;
  display:inline-block;
}

.badge-container li
{
  list-style:none;
  display:inline-block;
  width:15%;
}

.badge
{
  max-width:100%;
  display:inline-block;
  margin:0 auto;
}

.badge-icon img
{
  border:1px solid var(--items-events-and-badge-border-color);
}

.badge-name
{
  float:left;
  text-align:center;
  font-size:.9em;
}

.badge-resume
{
  margin-top:1em;
  margin-bottom:1em;
}

.badge-resume .caption
{
  line-height:1.1em;
}

.badge-resume h5
{
  color:var(--second-heading-color);
}

.badge-resume .type
{
  color:var(--button-color);
}

.badge-resume .panel
{
  border-radius:8px;
}

.rule-box
{
  height:90px;
  text-align:center;
}

.badge-resume .badge-title
{
  border-radius:8px;
  background:var(--badge-title-bg-color);
  color:var(--second-heading-color);
  padding:.4em;
  font-size:.8em;
  margin-bottom:3px;
}

.rule-box a
{
  font-size:.8em;
}

.badge-resume .counter
{
  background:var(--second-heading-color);
  color:var(--text-inverse-color);
  border-radius:50%;
  padding:0 .1em;
  text-align:center;
  display:inline-block;
  line-height:1.1em;
  height:20px;
  width:20px;
}

.view-by h5
{
  padding:1em 0;
}

#badge_items li
{
  height:350px;
  position:relative;
}

.badge_stuff
{
  position:absolute;
  bottom:12px;
}

.badge-panel
{
  background:var(--wrapper-alert-and-footer-bg-color)!important;
}

.map
{
  padding:0 3em;
}

.related
{
  background:var(--wrapper-alert-and-footer-bg-color);
  max-width:94%;
  margin:0 auto 6em;
  padding:0 2em;
}

.related .row
{
  background:var(--main-bg-color);
}

.related h5
{
  color:var(--second-heading-color);
  padding:1em 0;
}

.social
{
  margin-bottom:4em;
}

.social ul
{
  margin-left:0;
  text-align:center;
}

.social ul li
{
  list-style:none;
  display:inline-block;
  margin:0 .5em;
}

.pagination
{
  margin:.5em auto!important;
  width:75%;
}

.pagination li a
{
  font-size:.8em;
}

/* User account */
.top-login
{
  position:relative;
  top:-.2em;
}

.top-login li
{
  display:inline-block;
}

.top-login li a
{
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  -ms-moz-border-radius:0 0 5px 5px;
  -o-moz-border-radius:0 0 5px 5px;
  border-radius:0 0 5px 5px;
  text-transform:uppercase;
}

.top-login li:first-child a:hover
{
  background:var(--hover-prominent-button-color)!important;
}

.top-login li:last-child a:hover
{
  background:var(--hover-button-color)!important;
}

#direct_signup
{
  min-height:768px;
}

#login
{
  position:relative;
}

#login i.fa
{
  font-size: 1em;
  margin-right: 0;
}

.signup-pop-block
{
  position:absolute;
  width:300px;
  z-index:999;
  font-family:var(--second-font);
  font-weight:700;
}

.signup-pop-block .row
{
  padding-top:.5em;
  margin: 0;
}

.signup-wrapper
{
  position:absolute;
  border-top:10px solid var(--button-color);
  background:var(--main-bg-color);
  width:100%;
  right:-19em;
  top:-5em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 5px var(--signup-wrapper-box-shadow-color);
  -moz-box-shadow:0 0 5px var(--signup-wrapper-box-shadow-color);
  box-shadow:0 0 5px var(--signup-wrapper-box-shadow-color);
}

.signup-wrapper span
{
  margin:.1em 0!important;
  display:block;
}

.signup-wrapper a.button
{
  background:var(--main-actions-profile-and-signup-bg-color);
  margin:0;
  padding:.8em 1em!important;
}

.signup-wrapper a.button:hover
{
  background:var(--signup-button-hover-bg-color);
}

.signup-wrapper hr
{
  margin:.5em 0;
}

.signup-wrapper #forgot
{
  font-size:.6em;
  padding:0;
  margin:0;
  margin-top:1.5em;
  display:block;
}

.sign-up-page
{
  background:var(--main-actions-profile-and-signup-bg-color);
  min-height:150px;
  font-family:var(--second-font);
  font-weight:300;
  padding:2em 0;
}

.sign-up-page h2
{
  color:var(--text-inverse-color);
  text-transform:uppercase;
}

.sign-up-page h4
{
  text-transform:uppercase;
  font-size:1em;
  margin-bottom:1.5em;
}

.sign-up-page p
{
  font-family:var(--signup-page-font);
  color:var(--second-heading-color);
}

.sign-up-page hr
{
  border-color:var(--signup-hr-and-swatch-border-color);
}

.sign-up-page .link > a,.sign-up-page a.link
{
  display:block;
  font-size:.9em;
  margin:1em 0;
  font-family:var(--signup-page-font);
}

.sign-up-page .generate
{
  margin:.3em 0!important;
}

.sign-up-page a.button
{
  background:var(--signup-link-bg-color);
  color:var(--signup-button-color);
  font-weight:700;
}

.sign-up-page a.button:hover
{
  background:var(--main-bg-color);
}

.sign-up-page input[type="submit"],.sign-up-page .next-step
{
  background:var(--warning-bg-color)!important;
  color:var(--text-inverse-color)!important;
  font-weight:700!important;
}

.sign-up-page input[type="submit"]:hover,.sign-up-page .next-step:hover
{
  background:var(--warning-hover-bg-color)!important;
}

.sign-up-page select
{
  color:var(--second-heading-color);
}

.sign-up-page .steps
{
  position:absolute;
  font-family:var(--signup-page-font);
  top:3.2em;
  width:100%;
}

.sign-up-page .steps ul
{
  float:right;
}

.sign-up-page .steps ul li
{
  display:inline-block;
  list-style:none;
  margin:0 .5em;
}

.sign-up-page .steps ul li a
{
  cursor:default;
  background:var(--signup-link-bg-color);
  color:var(--text-inverse-color);
  font-weight:700;
  display:block;
  padding:.5em 1em;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
}

.sign-up-page .steps ul li .active
{
  background:var(--main-bg-color);
  color:var(--active-selected-color);
}

.sign-up-page .color,.sign-up-page .sport
{
  margin-left:1.8em;
}

.sign-up-page .color li,.sign-up-page .sport li
{
  display:inline-block;
  list-style:none;
}

.sign-up-page .color li
{
  margin:0 .2em;
}

.sign-up-page .sport li
{
  margin:0 .25em;
}

.sign-up-page .color a[class^="swatch"],.sign-up-page .sport a[class^="swatch"],.sign-up-page .avatar a[class^="swatch"]
{
  font-weight:700;
  display:block;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
}

.sign-up-page .color a[class^="swatch"]
{
  padding:1.2em;
  border:5px solid var(--signup-hr-and-swatch-border-color);
}

.sign-up-page .sport a[class^="swatch"]
{
  border:none;
  padding:1.47em;
}

.sign-up-page .avatar a[class^="swatch"]
{
  border:none;
  padding:39px;
}

.sign-up-page .color a.one
{
  background:var(--signup-page-one-bg-color);
}

.sign-up-page .color a.two
{
  background:var(--signup-page-two-bg-color);
}

.sign-up-page .color a.three
{
  background:var(--signup-page-three-bg-color);
}

.sign-up-page .color a.four
{
  background:var(--signup-page-four-bg-color);
}

.sign-up-page .color a.five
{
  background:var(--signup-page-five-bg-color);
}

.sign-up-page .color a.six
{
  background:var(--signup-page-six-bg-color);
}

.sign-up-page .meter:after
{
  content:"Password Strength";
  position:absolute;
  width:200px;
  height:20px;
  display:block;
  left:1em;
  top:.5em;
  color:var(--text-inverse-color);
  font-family:var(--signup-page-font);
  font-size:.7em;
  -webkit-text-shadow:0 0 1px var(--signup-meter-text-shadow-color);
  -moz-text-shadow:0 0 1px var(--signup-meter-text-shadow-color);
  text-shadow:0 0 1px var(--signup-meter-text-shadow-color);
}

.switch
{
  background:var(--main-bg-color);
  border-color:var(--switch-border-color)!important;
  margin-left:.5em;
}

.switch span:last-child
{
  border-color:var(--switch-border-color)!important;
}

.reveal-modal .button
{
  background:var(--warning-bg-color)!important;
  color:var(--text-inverse-color)!important;
  font-weight:700!important;
}

.reveal-modal .button:hover
{
  background:var(--warning-hover-bg-color)!important;
}

footer
{
  background:var(--wrapper-alert-and-footer-bg-color);
  padding:1em 1em .5em;
  width:100%;
  margin:0 auto;
  bottom:0;
}

footer ul
{
  margin:0;
  padding:0;
}

footer ul li
{
  display:inline-block;
  list-style:none;
}

footer ul li a
{
  display:block;
  margin:0 .2em;
  color:var(--third-heading-color)!important;
}

footer ul.seal li a
{
  display:block;
  margin:0;
}

footer p
{
  text-align:left!important;
}

footer .sub-nav
{
  margin:.8em 0 0;
}

footer img
{
  max-width:70%;
  text-align:center;
}

@media only screen and (max-width:40.063em) {
  .featured-items
  {
    list-style:none;
  }
  
  .featured-wrapper
  {
    height:720px;
  }
  
  .featured-item-workshop h5,.featured-item-workshop h6,.featured-item-workshop p
  {
    text-align:center;
  }
  
  .featured-item-workshop p
  {
    max-width:100%!important;
  }
  
  .featured-item-workshop .set-item
  {
    position:relative;
    height:351px;
    overflow:hidden;
  }
  
  .featured-item-details
  {
    height:180px;
    overflow:hidden;
  }
  
  .featured-item-logo
  {
    float:none;
  }
  
  .set-item
  {
    padding:6px!important;
    background-color:var(--main-bg-color);
    border:1px solid var(--topics-and-places-link-border-color);
    margin-bottom:12px;
  }
  
  /* .logout span {display:none;} */
  .profile-badges img.th
  {
    float:left!important;
  }
  
  .profile-badges img.check
  {
    max-width:10%!important;
    float:right!important;
  }
  
  .has-form a
  {
    font-size:.7em!important;
  }
  
  .sign-up-page .steps
  {
    width:90%;
    top:2.8em!important;
  }
  
  .sign-up-page .steps ul
  {
    text-align:center;
    margin:0 auto;
    float:none;
  }
  
  .sign-up-page .steps ul li a
  {
    font-size:.7em;
  }
  
  h3.pg-title
  {
    font-size:2em!important;
  }
  
  .exp h5
  {
    font-size:1em!important;
    width:90%;
  }
  
  #search-wrapper h4
  {
    font-size:1em!important;
  }
  
  #topics,#places
  {
    padding:inherit;
    margin-left:inherit;
  }
  
  #topics p,#places p
  {
    margin:inherit;
    padding:inherit;
  }
  
  .items .item-block
  {
    text-align:center;
  }
  
  .items .item-block img
  {
    max-width:35%;
    text-align:center;
  }
  
  .centered-action,.wide
  {
    margin:0 auto;
    text-align:center;
    width:200px;
  }
  
  .wide
  {
    width:250px;
  }
  
  .wide .button,.wide .narrow
  {
    padding-left:1em!important;
    padding-right:1em!important;
    font-size:.9em!important;
  }
  
  .search
  {
  }
  
  .search .columns
  {
    padding:0;
    margin:0;
  }
  
  .search .dropdown
  {
    width:120px;
    font-size:.7em;
    margin:0;
    padding-left:.4em;
  }
  
  .filter-block
  {
    padding:0;
    margin:0;
    max-width:100%;
  }
  
  .filter-block p,.filter-block a,.filter-block li a
  {
    font-size:.6em;
  }
  
  .circle-text:after,.yellow,.red,.violet
  {
    content:"";
    display:block;
    width:10%;
    height:0;
    padding-bottom:10%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
  }
  
  footer
  {
    width:100%!important;
    bottom:0!important;
  }
}

footer .sub-nav
{
  margin:0;
}

footer .sub-nav li
{
  margin-left:0;
}

footer a
{
  font-size:.8em;
}

@media only screen and (max-width:64em) {
  .main-steps
  {
  /*  text-align: center; */
  }
  
  .main-steps .steps
  {
    position:relative;
    width:32px;
    text-align:center;
    margin:1em auto;
    display:block;
  }
  
  .main-steps li .button
  {
    width:100%;
  }
  
  .featured-item-workshop .set
  {
    background:var(--main-bg-color)!important;
  }
  
  ul#activities,ul#topics
  {
    margin:1em auto;
  }
  
  .popular-wrapper ul#activities li
  {
    width:23%;
  }
  
  /* .logout span {display:none;} */
  .sign-up-page .steps
  {
    width:96%;
    top:3.5em;
  }
  
  .sign-up-page .steps ul
  {
    text-align:center;
    margin:0 auto;
    float:none;
  }
  
  .sign-up-page .steps ul li a
  {
    font-size:.8em;
  }
  
  .has-form a
  {
    font-size:.7em!important;
  }
  
  footer
  {
    width:100%!important;
    bottom:0!important;
  }
  
  .circle-text:after,.yellow,.red,.violet
  {
    content:"";
    display:block;
    width:10%;
    height:0;
    padding-bottom:10%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
  }

  #explore-search-keyword-bar
  {
    margin-bottom: 1em;
  }

  .signup-pop-block
  {
    width: 225px;
  }
}

@media only screen and (min-width:40.063em) and (max-width:84em) {
  .logout span
  {
    position:absolute;
    left:-9.5em;
    font-size:.6em!important;
  }
  
  .main ul li a
  {
    font-size:.8em!important;
    margin:0 1.2em 0 0!important;
  }
  
  header
  {
    min-height:4.5em;
  }
  
  header .logo
  {
    top:0;
    z-index:10;
    max-width:138px;
    left:0;
  }
}

.org-list
{
  background:var(--org-list-bg-color);
}

.logo-box,.org-list div
{
  margin:1px;
  padding:3px;
  background-color:var(--main-bg-color);
  width:196px;
  height:127px;
  line-height:116px;
  float:left;
  text-align:center;
  vertical-align:middle;
}

.org-list li
{
  max-height:98px;
  min-height:98px;
  text-align:center;
  padding-top:10px;
  border:1px solid var(--org-list-bg-color);
  background:var(--main-bg-color);
}

.org-list li img
{
  max-height:90%;
}

.mini-wrapper
{
  height:6.5em;
  background:transparent url(/assets/images/green-tile.png) repeat top center;
  text-align:center;
}

h3.pg-title
{
  font-size:3em;
  color:var(--text-inverse-color);
}

.wrapper
{
  min-height:12.5em;
}

.checkboxFive
{
/* width: 207px; */
  margin:20px 100px;
  position:relative;
  padding-top:3px;
}

.checkboxFive label
{
  cursor:pointer;
  position:absolute;
  width:25px;
  height:21px;
  top:3px;
  left:0;
  background:var(--checkbox-five-and-sub-checklist-bg-color);
  border:1px solid var(--thin-border-color);
}

.checkboxFive label:after
{
  opacity:0.2;
  content:'';
  position:absolute;
  width:9px;
  height:5px;
  background:transparent;
  top:6px;
  left:7px;
  border:3px solid var(--checkbox-five-label-and-tooltip-hover-border-color);
  border-top:none;
  border-right:none;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.checkbox-label-2
{
  display:inline-block;
  padding-left:25px;
  width:198px;
}

/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after
{
  opacity:0.5;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after
{
  opacity:1;
}

.items li
{
  overflow:hidden;
}

.sc_contact
{
  line-height:36px;
}

.ct_name
{
  background:transparent url(/assets/images/ct-person-icon.png) no-repeat center left;
}

.ct_email
{
  background:transparent url(/assets/images/ct-email-icon.png) no-repeat center left;
}

.ct_phone
{
  background:transparent url(/assets/images/ct-phone-icon.png) no-repeat center left;
}

.ct_url
{
  background:transparent url(/assets/images/ct-url-icon.png) no-repeat center left;
}

/* playlists */
.playlists .breadcrumbs
{
  background:none;
  border:none;
}

.playlists h3
{
  padding:.5em 0;
  margin-bottom:0;
  background:var(--main-bg-color);
  color:var(--third-heading-color);
  text-align:center;
}

.playlists h5
{
  font-weight:bold;
  color:var(--third-heading-color);
}

.resume
{
  padding:1em 0;
  background:var(--resume-bg-color);
  color:var(--second-heading-color);
}

#badges-earned li
{
  margin:.3em;
}

.title-slide
{
  font-weight:bold;
  margin:1em 0 2em;
}

.drop-item
{
  margin:1em 0;
}

.central-panel
{
  background:var(--central-panel-bg-color);
/*#4a9240*/
}

.central-panel .title-slide
{
  color:var(--main-heading-color);
  font-weight:bold;
  margin:1em 0;
}

.playlists .middle
{
  line-height:22em;
}

.playlists .carrouselle ul
{
  margin-left:0;
}

.playlists .carrouselle ul li
{
  list-style:none;
  display:block;
  float:left;
  margin:.3em 0;
}

.playlists .carrouselle ul li > img
{
  max-width:75%;
}

.playlists .item
{
  min-height:333px;
  position:relative;
  margin-bottom:2em;
  margin-top:.9em;
  overflow:hidden;
}

#playlist_media .item
{
  max-height:300px;
  margin-bottom:.2em;
}

.playlists .item > .panel
{
  background:var(--main-bg-color)!important;
  height:550px;
}

.playlists .item h5
{
  margin-top:1em;
  line-height:1.4em;
  color:var(--alert-topics-and-info-color);
}

.playlists .item p
{
  font-size:.9em;
}

.playlists .item .type
{
  color:var(--third-heading-color);
  font-size:1em;
}

.playlists .item .item-img
{
  position:relative;
}

.playlists .item .item-type
{
  position:absolute;
  right:0;
  top:0;
}

.playlists .item .item-content
{
  min-height:290px;
}

.playlists .item .item-content a
{
  position:absolute;
  left:0;
  bottom:-1.2em;
}

.item .item-content h5
{
  font-weight:bold!important;
}

.item .item-content .long-title
{
  font-weight:bold!important;
  color:var(--third-heading-color)!important;
}

.item .item-content h6
{
  font-weight:bold!important;
  color:var(--third-heading-color)!important;
}

.step-icon
{
  padding:0;
}

@media only screen and (min-width:63.5em) {
  .playlists .item .item-img
  {
    padding:0;
  }
}

meta.small-custom
{
  font-family:"/only screen and (max-width: 40em)/";
  width:40em;
}

.featured-items.show-for-small .row
{
  margin:0;
}

.featured-items.show-for-small
{
  margin-left:0;
}

.tooltip
{
  background-color:var(--tooltip-bg-color);
  color:var(--text-inverse-color);
  z-index: 99999 !important;
}

.tooltip > .nub
{
  border-color:transparent transparent var(--tooltip-bg-color);
}

.has-tip,.has-tip:hover,.has-tip:active
{
  border-bottom:none;
}

.owl-pagination
{
  text-align:center;
}

#city-badges-slider,#playlist-slider
{
  list-style:none;
}

.item-content p
{
  font-size:.9em;
}

.item .item-activities h6
{
  font-weight:bold!important;
  color:var(--third-heading-color)!important;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page
{
  display:inline-block;
  zoom:1;
/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span
{
  display:block;
  width:12px;
  height:12px;
  margin:5px 7px;
  filter:Alpha(Opacity=50);
/*IE7 fix*/
  opacity:0.5;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  background:var(--main-bg-color);
  float:left;
/* Line up the bullets horizontally */
}

.playlists .owl-theme .owl-controls .owl-page span
{
  background:var(--h1-and-links-color);
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span
{
  filter:Alpha(Opacity=100);
/*IE7 fix*/
  opacity:1;
}

.profile_badge_detail .badge_image
{
  max-height:50%;
}

.profile_badge_detail .badge_details
{
  width:100%;
}

.profile_badge_detail .badge_earned
{
  margin-bottom:.5rem;
}

#share_buttons
{
  margin:0 auto;
  width:480px;
}

@media only screen and (max-width:40em) {
  #share_buttons
  {
    margin:0 auto;
    width:300px;
  }
}

#explore-menu li
{
  display:block;
}

#explore-menu li:hover
{
  background:var(--other-items-special-color);
}

#explore_menu_item ul#explore-menu li a
{
  color:var(--explore-menu-link-color);
}

.badge-resume .alert-box.warning
{
  background-color:var(--main-bg-color);
  border:1px var(--badge-warning-text-and-border-color) solid!important;
  color:var(--badge-warning-text-and-border-color);
}

.share-city .tabs img
{
  max-width:100%;
}

/* generic tile for multiple result sets */
.badge-container
{
  width:100%;
  margin-left:0;
}

.badge-container li
{
  list-style:none;
  display:inline-block;
}

.tile
{
  position:relative;
  border-style:solid;
  border-width:1px;
  border-color:var(--playlist-and-tile-border-color);
  background:var(--main-bg-color);
}

.tile h3
{
  white-space:nowrap;
  overflow:hidden;
  font-size:1.1875rem;
  text-align:left;
  padding:0;
  font-weight:bold;
}

.tile img
{
  max-height:200px;
  max-width:100%;
  margin:1em auto;
  padding:1em;
  text-align:center;
  display:block;
  border:1px solid var(--tile-img-border-color);
  background:var(--main-bg-color);
}

.tile .content
{
  display:block;
  margin-top:.5em;
  margin-bottom:.5em;
}

.tile .content-200
{
  height:200px;
  overflow-y:hidden;
}

.tile .content-400
{
  height:400px;
  overflow-y:hidden;
}

.tile .main-action
{
  position:relative;
  display:block;
  min-height:50px;
}

.tile .main-action .action
{
  margin:.5em auto 2em;
  position:relative;
  display:block;
}

.tile p,.tile .content-200,.tile .content-400,.tile .content
{
  font-size:.9em;
  font-family:var(--second-font);
  font-weight:400;
  text-align:left;
}

@media screen and (max-width:25em) {
  img
  {
    min-height:inherit!important;
  }
}

.step
{
  height:100%;
  width:100%;
  display:none;
}

.selected_answer
{
  border:5px solid;
  border-radius:27px;
  border-color:var(--selected-answer-bg-color);
  background-color:var(--selected-answer-bg-color);
}

.small-org-logo
{
  max-width:75px;
}

@media screen and (min-width:25.5em) and (max-width:60em) {
  .small-org-logo
  {
    max-width:190px;
  }
}

.error_message
{
  border:1px solid var(--error-message-and-code-entered-border-color);
  color:var(--text-inverse-color);
  background:var(--error-message-bg-color);
  display:inline-block;
  padding:3px;
  opacity:.9;
}

#featured-2 img
{
  width:100%;
}

#featured-2.owl-theme .owl-controls .owl-page span
{
  background-color:var(--owl-span-bg-color);
}

#code_entered
{
  background:var(--code-entered-bg-color);
  color:var(--text-inverse-color);
  padding:3px;
  border:1px solid var(--error-message-and-code-entered-border-color);
  opacity:.9;
}

.form-highlight
{
  background-color:var(--main-bg-color);
  background-color:var(--form-highlight-bg-color);
}

.extra-adding
{
  margin:0 -12px 9px;
  padding:6px 12px;
}

.bold
{
  font-weight:bold;
}

dialog,.reveal-modal
{
  z-index: 9999;
  height: auto;
}


.reveal-modal {
  position: fixed !important;
  top: 50vh !important;
  transform: translateY(-50%);
  max-height: 100%;
  overflow-y: auto;
}


.tour-desc
{
  height:136px;
  padding:15px;
  text-align:center;
}

.tour-hr
{
  width:66%;
  text-align:center;
  margin:0 auto;
  margin-top:9px;
}

.tour-cta
{
  text-align:center;
  padding:12px 0 0;
  height:78px;
}

.ajax-signup-wrapper
{
  border-top:10px solid var(--button-color);
  background:var(--main-bg-color);
  width:100%;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 5px var(--signup-wrapper-box-shadow-color);
  -moz-box-shadow:0 0 5px var(--signup-wrapper-box-shadow-color);
  box-shadow:0 0 5px var(--signup-wrapper-box-shadow-color);
}

.badge-mini
{
  height:75px;
}

.program-logo
{
  max-height:120px;
}

.playlist-item
{
  min-height:200px;
  margin-bottom:1rem;
  background-color:var(--main-bg-color);
  border:1px solid var(--playlist-and-tile-border-color);
}

.playlist-item .logo
{
  height:188px;
  overflow:hidden;
  border-right:1px solid var(--playlist-and-tile-border-color);
  padding-top:12px;
}

.playlist-item .details
{
  position:relative;
  height:200px;
  overflow:hidden;
  border-right:1px solid var(--playlist-and-tile-border-color);
}

.playlist-item .details .button
{
  position:absolute;
  bottom:0;
}

.nav-avatar
{
  width: 26px;
  height: 26px;
}

.nav-username
{
  margin-left: 5px;
}

.custom-tooltip
{
  display:inline;
  position:relative;
}

.custom-tooltip:hover:after
{
  background:var(--custom-tooltip-hover-bg-color);
  border-radius:5px;
  bottom:26px;
  color:var(--text-inverse-color);
  content:attr(title);
  left:20%;
  padding:5px 15px;
  position:absolute;
  z-index:98;
  width:220px;
}

.custom-tooltip:hover:before
{
  border:solid;
  border-color:var(--checkbox-five-label-and-tooltip-hover-border-color) transparent;
  border-width:6px 6px 0;
  bottom:20px;
  content:"";
  left:50%;
  position:absolute;
  z-index:99;
}

.signin-wrapper
{
  background-color:var(--signin-wrapper-bg-color);
  color:var(--main-heading-color);
}

.google_sign_in
{
/*  background:var(--google-signin-bg-color)!important;*/
/*  color:var(--text-inverse-color)!important;*/
  border-radius:0;
  font-size:1.2em!important;
  font-family:sans-serif!important;
  padding:6px!important;
  text-decoration:none;
  vertical-align:middle;
  text-align:center;
/*  box-shadow:6px 6px 6px var(--google-signin-box-shadow-color);*/
}

/*.google_sign_in img
{
  max-width:180px;
}*/

.google_sign_in img
{
/*  width:144px;*/
  vertical-align:middle;
/*float: left;*/
}

.google_sign_in:hover
{
/*  background:var(--google-signin-hover-bg-color)!important;*/
/*darken 10*/
/*  box-shadow:3px 3px 3px var(--google-signin-box-shadow-color);*/
  text-decoration:none;
/*  text-shadow:-1px -1px 0 var(--google-sign-in-hover-text-shadow-color);*/
/*darken 8*/
  transition:all 150ms linear;
}

.signup-wrapper-v2 input,.signin-wrapper input
{
  border-radius:1px;
  border:2px solid var(--accordion-and-signin-color);
  background-color:var(--main-bg-color);
  color:var(--accordion-and-signin-color);
  font-size:1.1em;
  margin:10px 0 0;
}

.signup-wrapper-v2 h3,.signin-wrapper h3
{
  color:var(--signup-wrapper-color);
  font-size:2em;
}

.signup-wrapper-v2 hr,.signin-wrapper hr
{
  border-color:var(--signup-wrapper-color);
}

.signup-wrapper-v2 .link,.signin-wrapper .link
{
  color:var(--accordion-and-signin-color);
  text-decoration:none;
  border-bottom:1px solid var(--accordion-and-signin-color);
  font-weight:normal;
  margin:0 1em 0 0;
  font-size:.9em;
}

.signup-wrapper-v2
{
  background:var(--main-bg-color);
  width:100%;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 5px var(--signup-wrapper-box-shadow-color);
  -moz-box-shadow:0 0 5px var(--signup-wrapper-box-shadow-color);
  box-shadow:0 0 5px var(--signup-wrapper-box-shadow-color);
  color:var(--signup-wrapper-color);
}

.signin-wrapper .title
{
  color:var(--signin-wrapper-title-color)!important;
  font-size:2em;
  margin:20px 0;
}

.signin-panel
{
  background-color:var(--signin-panel-bg-color);
  box-shadow:var(--signin-panel-box-shadow-color) 0 3px 3px;
  color:var(--signin-panel-color)!important;
  padding-top:20px;
}

.signin-panel .title
{
  color:var(--signin-panel-color)!important;
  font-size:1.2em;
}

.signup-wrapper-v2 span
{
  margin:.1em 0!important;
  display:block;
}

.signup-wrapper-v2 a.button
{
  margin:0;
}

.signup-wrapper-v2 input.button,.signin-wrapper input.button
{
  margin:10px 0 0;
  background-color:var(--button-color)!important;
  border-color:var(--button-color);
  color:var(--text-inverse-color);
  padding:6px;
  font-size:1.2em;
  border-radius:1px;
  height:60px;
}

.signup-wrapper-v2 input.button:hover,.signin-wrapper input.button:hover
{
  background-color:var(--hover-button-color)!important;
  border:1px solid var(--hover-button-color);
  box-shadow:1px 1px 2px var(--signup-wrapper-button-hover-box-shadow-color);
  text-decoration:none;
  text-shadow:-1px -1px 0 var(--signup-wrapper-button-hover-text-shadow-color);
  transition:all 150ms linear;
}

.signup-wrapper-v2 hr
{
  margin:.5em 0;
}

.signup-wrapper-v2 #forgot
{
  font-size:.6em;
  padding:0;
  margin:0;
  display:block;
}

.signup-wrapper-v2 .google_sign_in img
{
  width:220px;
}

.fancy
{
  line-height:0.5;
  text-align:center;
}

.fancy span
{
  display:inline-block;
  position:relative;
}

.fancy span:before,.fancy span:after
{
  content:"";
  position:absolute;
  height:5px;
  border-bottom:1px solid var(--fancy-border-color);
  top:0;
  width:100%;
}

.signup-wrapper-v2 .fancy span:after,.signup-wrapper-v2 .fancy span:before
{
  width:100px;
}

.signin-panel .fancy span:after,.signin-panel .fancy span:before
{
  width:150px;
}

.fancy span:before
{
  right:100%;
  margin-right:15px;
}

.fancy span:after
{
  left:100%;
  margin-left:15px;
}

.topHeadingImg
{
  height:27vw;
  margin-bottom:1rem;
}

.pipes
{
  border-left:1px solid var(--pipes-border-color);
  border-right:1px solid var(--pipes-border-color);
}

.greyBackClearText
{
  padding:0;
  width:100%;
  font-size:3rem;
  margin:1rem auto;
  padding:1rem;
  background-color:var(--grey-black-clear-text-bg-color);
}

.greyBackClearText h3
{
  font-size:1.669vm;
  font-weight:900;
  text-transform:uppercase;
  color:inherit;
}

.greyBackClearText h3,.greyBackClearText p
{
  color:var(--text-inverse-color);
}

.startSummer h4
{
  font-size:3.256vm;
}

.blue_box
{
  background-color:var(--button-color);
  color:var(--text-inverse-color);
  margin:5px!important;
  margin-bottom:10px!important;
  padding:5px;
}

.blue_box a,.blue_box span
{
  color:var(--text-inverse-color)!important;
}

.resource,.resource span,.resource a
{
  color:var(--button-color)!important;
}

/* el3 updates */
nav.main ul li a, .main nav ul li a
{
  font-family: var(--main-font);
  color: var(--main-heading-color);
  font-size: 16px;
  font-weight: 500;
}

nav.main ul li a:hover, .main nav ul li a:hover
{
  color:var(--hover-button-color);
}

nav.main
{
  box-shadow:none;
}

nav.main a.menu_logo
{
  padding-bottom:0;
}

nav.main a.menu_logo img
{
  max-height: 70px;
}

body,p,h1,h2,h3,h4,h5,h6,a
{
  font-family:var(--main-font);
  color:var(--main-heading-color);
  font-weight:400;
}

h1,h2,h3,h4,h5,h6
{
  font-weight:600;
}

a
{
  color:var(--accordion-and-signin-color);
}

header
{
  background:none;
}

.top-login
{
  position:absolute;
  top:0;
}

ul#top_login_buttons
{
  padding-top: 0;
  padding-right: 2em;
  z-index: 1000;
  text-align: right;
}

#top_login_buttons a
{
  font-size: 16px;
}

ul.eco-menu
{
  display: flex;
  align-items: flex-start;
}

ul.eco-menu li
{
  line-height: 68px;
}

li#sign_up
{
  position:relative;
}

#sign_up a.button
{
  background-color:var(--signup-button-bg-color);
  color:var(--text-inverse-color);
}

#sign_up a.button:hover
{
  background-color: var(--hover-signup-button-bg-color) !important;
}

#login a
{
  margin-left:0;
  background:var(--button-color);
  color:var(--text-inverse-color);
}

.select2-hidden-accessible
{
  display:none;
}

/*DOM Elements*/
h1
{
  font-size:2em;
  font-weight:700;
}

h2
{
  font-size:1.2em;
  font-weight:700;
}

h3
{
  font-size:1em;
  font-weight:700;
}

button
{
  font-weight:700;
  padding:.5em 1em;
}

.small-chall-butt
{
  font-size:.7em;
}

/*stylesheet*/
/*Challenges Info*/
#see-more-activities
{
  margin-top:10%;
}

#challenge-info-top
{
  padding-left:0;
}

.fa
{
  margin-right:10px;
  color:var(--fa-icon-color);
  font-size:inherit;
}

.fa-usd
{
  margin-right:18px;
}

button>.fa,.button>.fa
{
  color:var(--text-inverse-color);
}

.button>.fa
{
  font-size:1.4em;
}

.green
{
  font-size:1.5em;
}

.cta-row p
{
  vertical-align:bottom;
  color:var(--text-inverse-color);
  text-align:left;
}

.event-info-noicon
{
  margin-left:1.6em;
}

.address
{
  display:inline-flex;
}

.row.cbreadcrumbs
{
  text-transform:uppercase;
  background-color:var(--row-cbreadcrumbs-bg-color);
  color:var(--text-inverse-color);
  padding-left:40px;
  border:none;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  max-width:100%;
}

.row.cbreadcrumbs a,.row.cbreadcrumbs p
{
  color:var(--text-inverse-color);
}

.cbreadcrumbs p
{
  margin:.5% 0;
}

#chall1
{
  padding-left:0;
}

/*Accordions*/
.accordion .content
{
  padding:0;
}

.activity .green
{
  font-size:1rem;
}

.activity_button
{
  display:block;
  clear:both;
  padding:1rem 0;
}

@media only screen and (min-width:64.063em) {
  .activity .green,.activity .status
  {
    position:relative;
    float:right;
    top:10px;
  }
}

form
{
  padding:10px 0;
  margin-top:0;
}

.med-chall-butt button
{
  position:relative;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  padding-right:30px;
  width:100%;
  text-align:left;
}

.med-chall-butt button .fa-play
{
  position:absolute;
  top:50%;
  right:3px;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}

dd.activity>a
{
  position:absolute;
  background-color:transparent;
  left:35%;
  top:6.5rem;
  font-size:1em;
  color:var(--h1-and-links-color);
  padding:0;
  z-index:9999;
}

.inner.content
{
  margin-left:35%;
  max-width:720px;
}

@media (min-width:1026px) {
  .inner.content
  {
    margin-left:20%;
  }
  
  dd.activity>a
  {
    left:20%;
  }
}

/*Description for Activity*/
.desc
{
  display:inline-block;
  max-width:80%;
  padding-left:15px;
  padding-top:10px;
  margin-bottom:2em;
}

.desc h3
{
  font-size:1.4em;
}

/*.desc p{
  width: 100%;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.85em;
}*/
.desc .difficulty
{
  font-size:1.1em;
}

.desc .icon
{
  margin-right:10px;
  height:1em;
  vertical-align:text-top;
}

.desc p
{
  width:100%;
  max-width:680px;
  margin-bottom:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:.85em;
}

.desc a
{
  font-size:.85em;
}

/**/
.content.sub-top
{
  padding:30px;
  border:1px solid var(--activity-and-sub-top-border-color);
  border-top:none;
  border-radius:0 0 10px 10px;
}

.complete-icon img
{
  position:relative;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}

.challenge-complete
{
  position:absolute;
  top:10px;
  left:10px;
  z-index:998;
  width:auto;
  height:50px;
}

@media only screen and (max-width:40em) {
  .challenge-complete
  {
    position:absolute;
    top:5px;
    left:15px;
    z-index:998;
    width:auto;
    height:40px;
  }
}

.lock
{
  position:absolute;
  top:0;
  left:0;
  background-color:var(--lock-bg-color);
  text-align:center;
  width:100%;
  height:100%;
  z-index:999;
}

.lock img
{
  position:relative;
  top:50%;
  height:50%;
  width:auto;
  -webkit-transform:translateY(-55%);
  -moz-transform:translateY(-55%);
  transform:translateY(-55%);
}

.accordion dd.activity.accordion-navigation
{
  position:relative;
  border:1px solid var(--activity-and-sub-top-border-color);
  border-top-width:0;
  border-radius:0 0 10px 10px;
}

.status .button
{
  margin-bottom:0;
}

p.sub-feedback
{
  font-size:.8125rem;
}

@media only screen and (min-width:64.063em) {
  p.sub-feedback
  {
    text-align:right;
  }
}

.activity a button
{
  margin:0;
}

.declined
{
  background-color:var(--declined-bg-color)!important;
}

/*Submission Page*/
.sub-checklist
{
  background-color:var(--checkbox-five-and-sub-checklist-bg-color);
  margin-top:1em;
}

.sub-checklist p
{
  display:inline;
}

.sub-checklist div
{
  margin-bottom:1em;
}

.sub-checklist input
{
  margin:0 1em 0 0;
}

.sub-content input[type="text"]
{
  max-width:80%;
}

.sub-content textarea
{
  max-width:100%;
  width:100%;
  height:10em;
}

.sub-content .attach-file *
{
  display:inline;
  vertical-align:0;
}

.sub-content button
{
/*font-size: 1em;*/
}

.sub-content .green
{
/*font-size: 1em;*/
  float:right;
}

/*More Activities*/
/*FILLER CSS, REPLACE WITH MODIFIABLE FUNCTION TO DISPLAY ONLY 4 CARDS*/
.suggestions
{
/* height: 480px; */
  overflow:hidden;
}

.small-text
{
  font-size:.8em;
  margin-bottom:.5em;
  margin-top:-.8em;
}

.small-text ul
{
  font-size:inherit;
}

.image-padding
{
  margin-top:.9375rem;
}

.visit-button
{
  margin-top:-.5em;
  margin-bottom:.3em;
}

.visit-button:hover
{
  background-color:var(--hover-button-color);
}

.blue_circle
{
  border-radius:40px;
  color:var(--text-inverse-color)!important;
  background-color:var(--button-color);
  display:inline-block;
  padding-left:20px;
  padding-right:20px;
  font-size:2em;
  margin-right:10px;
}

.blue_circle a,.blue_circle span
{
  color:var(--text-inverse-color)!important;
  vertical-align:text-bottom;
}

.subtitle
{
  color:var(--content-color)!important;
  font-size:.8em;
  font-style:italic;
}

.blue_circle.active,.blue_circle.active a,.blue_box.active a,.blue_box.active span
{
  color:var(--button-color)!important;
  background-color:var(--main-bg-color);
}

.blue_circle.active,.blue_box.active
{
  color:var(--button-color)!important;
  background-color:var(--main-bg-color);
  border-color:var(--button-color);
  border-width:1px;
  border-style:solid;
}

.instruction_title
{
  margin-bottom:15px;
}

.video_narrative_link
{
  color:var(--other-items-special-color)!important;
}

.video_narrative_link img
{
  max-width:40px;
  max-height:40px;
}
.alert-orange {
  background: var(--prominent-button-color); 
  color: var(--text-inverse-color);
}

.challenge_prerequisite {
    display: inline-block;
    width: 100px;
    position: relative;
}
.challenge_prerequisite img.completed {
  opacity: 0.5;
}
.challenge_prerequisite i {
    color: var(--other-items-special-color) !important;
    position: absolute;
    top: 45%;
    left: 45%;
    z-index: 34;
    transform: translate(-45%, -45%);
    font-size: 5em !important;
    display: block;
    }
.challenge_prerequisite .title {
    display: inline-block;
    width: 100px;
    position: relative;
}
#content-challenges .step1 .error {
  padding: 3px 12px
}
.show-for-small-only button.activity-button {
  float: none; 
  top:0; 
  margin-bottom:9px;
}
.activity-button {
  float: right; 
  top:10px
}
.activity-cards {
  min-height: 200px;
}

.f-dropdown {
  z-index: 200;
}

.fa-sm {
  font-size: .875em
}

.fa-xs {
  font-size: .75em
}

.button>.fa.fa-sm
{
  font-size:1.2em;
}

.button>.fa.fa-xs
{
  font-size:1em;
}

.main a.notifications-see-all {
  margin-top: 1em;

  color: var(--text-inverse-color);
  text-transform: none;
}

.main a.notifications-see-all:hover {
  color: var(--text-inverse-color);
}