/* Adjust Creative modifications */
.explore-more-details-value,.explore-more-details-title,.explore-more-details-title:hover,.explore-more-details-value:hover
{
  font-size:.8em;
  color:var(--second-text-color);
}

.activity-card .img.more_details
{
  height:80px!important;
}

.activity-card .more_details img
{
  max-height:80px!important;
  min-height:80px!important;
}

.registration_deadline
{
  background-color:var(--explore-deadline-bg-color);
  color:var(--text-inverse-color);
  padding-top:2px;
  padding-bottom:2px;
  margin:5px 0;
}

.registration_deadline .explore-more-details-value
{
  color:var(--text-inverse-color);
}

.more_details_values
{
  line-height:1.3em;
  margin-top:5px!important;
}

/*
------------------------------------------------ 
Globals 
------------------------------------------------
*/
*
{
  outline:none;
}

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

.content-section
{
  color:var(--main-heading-color);
  border-top: 1px solid var(--text-inverse-color);
}

.content-section header
{
  padding:40px;
  color:var(--text-inverse-color);
}

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

.load-more-row
{
  text-align:center;
}

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

/*
------------------------------------------------
SEARCH BAR
------------------------------------------------
*/
#explore-search-container
{
  background:var(--explore-bg-color);
  margin:15px;
  border-radius:5px;
  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:200;
  top:0;
  margin:0;
  box-shadow:0 0 10px;
  padding:5px 10px 5px 5px;
}

#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 .more-options:hover,  #explore-search .reset_button:hover
{
  background:var(--button-color);
  color:var(--text-inverse-color);
}

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

/*
------------------------------------------------
MORE OPTIONS
------------------------------------------------
*/
#explore-search-more-options .more-inner > div:last-child
{
  padding-right:0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.activity-card .topic-icon.topic-icon-10
{
  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;
  box-shadow: 6px 6px 6px var(--signup-step-design-box-shadow-color);
}

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

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

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

#explore-topics-nav .txt.is-tool-tip
{
  z-index:99;
}

/*
------------------------------------------------
RESULTS CARDS
------------------------------------------------
*/
.activity-card
{
  height:320px;
  border:1px solid var(--activity-and-sub-top-border-color);
}

div.img
{
  height:150px;
}

.activity-card img
{
  min-height:100px!important;
}

.activity-card .info
{
  font-weight:700;
  margin-top:10px;
  min-height:1.5em;
  overflow:hidden;
}

.activity-card .org-name
{
  overflow:hidden;
  line-height:16px;
  max-height:32px;
  position:absolute;
  bottom:9px;
  right:10%;
  left:10%;
}

#card-icon-hover-tooltip
{
  z-index:99;
}

@media (max-width:1020px) {
  #explore-topics-nav
  {
    display:inline-block;
    position:absolute;
    width:auto;
    z-index:98;
  }
  
  #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:0;
  }
  
  #explore-results > div h4
  {
    display:block;
  }
  
  #explore-search-container
  {
    width: auto;
    margin: 1em;
    padding: 15px;
  }
  
  .iminterested
  {
    text-align:left;
    padding-left: 1.5em;
    line-height:40px;
  }
}

/*
------------------------------------------------
ORGs
------------------------------------------------
*/
#content-orgs
{
  background:var(--content-orgs-bg-color);
  padding-bottom:0;
  padding-top:20px;
}

/*
------------------------------------------------ 
ORG Featured
------------------------------------------------
*/
#activity-cards-filters
{
  position:relative;
}

#activity-cards-filters ul
{
  margin:0;
  position:absolute;
  top:-80px;
  left:0;
  border-radius:5px;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

/*
------------------------------------------------
ORG Cards
------------------------------------------------
*/
.org-card h1
{
  font-weight:700;
}

.org-card h2
{
  font-weight:400;
}

/*
------------------------------------------------
ORG Featured
------------------------------------------------
*/
#org-activities
{
  background:var(--main-bg-color);
}

#activity-cards-filters ul
{
  background-color:var(--wrapper-alert-and-footer-bg-color);
}

#activity-cards-filters ul li
{
  color:var(--org-tab-color);
}

#activity-cards-filters ul li.active
{
  background-color:var(--main-bg-color);
  color:var(--main-heading-color);
}

/*
------------------------------------------------
ORG Badges
------------------------------------------------
*/
.badge-card
{
  height:400px;
  overflow:hidden;
}

.badge-card .info
{
  height:56px;
  overflow:hidden;
}

.bookmark
{
  display:inline-block;
  float:right;
  margin-right:-21px;
  margin-top:-20px;
}

.bookmark .fa {
  margin-top: 4px !important;
  margin-right: 4px !important;
  font-size: 9px;
}

.bookmark .marked
{
  display:none;
}

.bookmark .unmarked
{
  display:inline-block!important;
  opacity:0.9;
  background-size:30px;
  min-width:30px;
  min-height:29px;
/* background-image: url("../images/bookmark_unselected_clean.png"); */
}

.bookmark .unmarked:hover
{
  opacity:1.0;
}

.bookmark .marked.selected
{
  display:inline-block!important;
  background-size:30px;
  min-width:30px;
  min-height:29px;
  background-image:url(../images/bookmark_selected_clean.png);
}

.bookmark .unmarked.selected
{
  display:none!important;
}

span.bookmark
{
  position:relative;
  display:inline-block;
  width:30px;
  text-align:right;
}

span.bookmark:after
{
  content:"";
  position:absolute;
  border-top:1px solid var(--explore-bookmark-after-border-color);
  width:42px;
  top:0;
  left:0;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
}

.bookmark .marked .fa-star
{
  color:var(--text-inverse-color);
}

.bookmark .unmarked .fa-star-o
{
  color:var(--h1-and-links-color);
  zoom:0.9;
  margin-right:.15em;
  opacity:0.5;
}

.showcase-detail
{
  margin-top:20px;
  font-size:.8em;
  color:var(--second-text-color);
  overflow:hidden;
  line-height:16px;
}

/*
----- Quick search ----
*/

.quick_search_button, .online_text {
    background-color: var(--main-bg-color);
    border-radius: 5px;
    color:var(--main-color);
}

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

.online_text img {
  background: url("../images/online-grey.png") no-repeat;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 
  width: 2em; /* Width of new image */
  height: 2em; /* Height of new image */
}

.drop_in_text img {
  background: url("../images/open-door-grey.png") no-repeat;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 
  width: 2em; /* Width of new image */
  height: 2em; /* Height of new image */
}

.coding_text img {
  background: url("../images/coding-grey.png") no-repeat;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 
  width: 2em; /* Width of new image */
  height: 2em; /* Height of new image */
}

.meal_text img {
  background: url("../images/meal-grey.png") no-repeat;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 
  width: 2em; /* Width of new image */
  height: 2em; /* Height of new image */
}


.drop_in_text img {
  background: url("../images/open-door-grey.png") no-repeat;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 
  width: 2em; /* Width of new image */
  height: 2em; /* Height of new image */
}

.coding_text img {
  background: url("../images/coding-grey.png") no-repeat;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 
  width: 2em; /* Width of new image */
  height: 2em; /* Height of new image */
}

.meal_text img {
  background: url("../images/meal-grey.png") no-repeat;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 
  width: 2em; /* Width of new image */
  height: 2em; /* Height of new image */
}

#message_panel {
  margin-top: 1em;
  margin-bottom: 0!important;
  background: none;
  border: none;
  padding: 0.5em;
}

#message_panel a {
  text-decoration: underline;
}

.content-section header {
  padding:10px; 
  min-height:20px
}

#explore-search-container {
  padding: 10px;
  box-shadow: 6px 6px 6px var(--signup-step-design-box-shadow-color);
}

#explore-search-more-options {
  padding:15px; 
  margin-top:10px
}

#explore-search-more-options .more-inner > div {
  padding-bottom:0
}

#explore-search-more-options input[type="checkbox"] {
  margin-bottom: 2px;
  vertical-align: middle;
}

.more-option-header { 
  vertical-align: top; 
  margin-right: 5px; 
  margin: 0px 10px 10px 5px; 
  display: block !important; 
}

@media only screen and (max-width:40em) {
  .more-option-header { 
    display: none !important;
  }
  .activity-card {
    float: none;
    margin: 1em auto;
  }

  #explore-search-more-options {
    padding-left:25px; 
  }

  #activity-cards {
    margin-top: 1em;
  }

  #age_options_trigger {
    margin-top: 1em;
  }

  #explore-results > div h4 {
    margin-right: 0;
  }
}

@media only screen and (min-width:1024px) {
  .large-auto {
    width: auto;
  }
}

@media only screen and (max-width:420px) {
  #explore-search .more-options.active:after {
    top: 60px;
    height: 20px;
  }
}

#explore-search-container select {
  background-color: var(--main-bg-color);
}

.playlist-card {
  z-index: 100;
  border: none;
}

.playlist-card > a {
  z-index: 102;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border: 1px solid var(--activity-and-sub-top-border-color);
  border-radius: 5px;
  padding: 20px;
}
.playlist-card > .playlist_detail {
  z-index: 102;
  position: sticky;
}
.playlist-card:before, .playlist-card:after {
  content: "";
  position: absolute;
  background: var(--main-bg-color);
  border-radius: 5px;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-right: 1px solid var(--activity-and-sub-top-border-color);
  border-bottom: 1px solid var(--activity-and-sub-top-border-color);
}

.playlist-card:before {
  top: 5px;
  left: 5px;
  z-index: 101;
}

.playlist-card:after
{
  top: 10px;
  left: 10px;
  z-index: 100;
}

#explore-search-keyword-bar .searchbar, #explore-search-input
{
  width: 100% !important;
}

.ui-datepicker {
  z-index: 999 !important;
}
.ui-datepicker {
  z-index: 999 !important;
}