/*
Theme Name: Liquid Jungle Labs
Theme URI: http://underscores.me/
Author: Klarity
Author URI: http://www.klarity.co.za
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ljl
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Liquid Jungle Labs is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Body Colors
--------------------------------------------------------------*/
/* About */
body.parent-pageid-56,
body.parent-pageid-217 { background-color:#FFD670; }

/* Research */
body.parent-pageid-178,
body.parent-pageid-209 { background-color:#FAFAC2; }

/* Conservation */
body.page-id-5 { background-color:#66ED73; }

/* Media */
body.parent-pageid-194,
body.parent-pageid-198 { background-color:#FCDEFC; }

/* Stay */
body.page-id-9 { background-color:#E07DBA; }

/* Contact */
body.page-id-6 { background-color:#80DBFA; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
#site-navigation {
	margin-bottom: 15px;
}

/* Flexi Nav */
#site-navigation #mega-menu-wrap-primary #mega-menu-primary * {
	font-weight: 600;
}

#mega-menu-wrap-primary #mega-menu-primary {
	display: flex;
  align-items: stretch;
  justify-content: space-between;
}

#mega-menu-wrap-primary #mega-menu-primary > li {
	display: block;
	flex: 0 1 auto;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  background-color: #eee;
  padding: 0 15px;
  color: #333;
  font-size: .9rem;
  text-transform: uppercase;
  line-height: 56px;
  height: 56px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  line-height: 50px;
	padding-left: 15px;
	color: #333;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout a.mega-menu-link:hover {
	text-decoration: underline;
	opacity: .95;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
  min-width: 240px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-home a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-home.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-home > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-home.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background-color: #f8e4e6;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-about-us a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-about-us.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-about-us > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-about-us.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background-color: #ffd571;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-research a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-research.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-research > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-research.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background-color: #fffa37;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-conservation a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-conservation.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-conservation > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-conservation.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background-color: #3ED14A;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-media a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-media.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-media > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-media.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background-color: #E3B3E2;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-contact a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-contact.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-contact > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-contact.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link  {
  background-color: #7fdcfa;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-stay a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-stay.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-stay > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-stay.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background-color: #e241a7;
}

@media (max-width: 991px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		line-height: 46px;
		height: 46px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.85rem;
  }
}

@media (max-width: 720px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	  margin-right:0;
	}
	.wp-widgets-isla-canales {
		overflow: hidden;
	}
	.wp-widgets-isla-canales ul li {
	  float: left;
	  width: 33.3333%;
	  font-size: 12px;
	}
}

#sticky-nav-sticky-wrapper {
	z-index: 100;
	position: relative;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*.widget {
	margin: 0 0 1.5em;
}*/

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.widget_polylang ul {
	list-style-type: none;
	margin: 0;
}

.widget_polylang ul li a {
	text-decoration: underline;
}

.widget_polylang ul li .current-lang a {
	text-decoration: none;
}

.widget_nav_menu ul.menu {
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.wpcf7 textarea {
  height: 300px;
}

.wpcf7 input[type="submit"] {
	border: none;
	padding: 13px 20px;
	background-color: #40b6df;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
# Infinity CSS - styles for infinity layouts
--------------------------------------------------------------*/
/* Field notes */
#view-274,
#view-294 {
  margin-top: -24px;
	margin-left: -24px;
}

#view-520 .title-part,
#view-520 .title-part a,
#view-274 .title-part,
#view-274 .title-part a,
#view-294 .title-part,
#view-294 .title-part a {
  font-size: 1.1rem;
  text-decoration: none;
	line-height: 1.5em;
}

#view-274 article.item,
#view-274 article p.readmore-part,
#view-294 article.item,
#view-294 article p.readmore-part {
	margin-bottom: 0;
}

#view-274 .content-part,
#view-294 .content-part {
	margin-top:0;
}

#view-274 .readmore-part a,
#view-294 .readmore-part a {
  font-size: .9rem;
  text-decoration: none;
}

/* Field notes menu */
#view-286 .title-part,
#view-286 .title-part a,
#view-297 .title-part,
#view-297 .title-part a {
	display: block;
	margin-top: 0;
  margin-bottom: 0.5rem;
  color: #666;
	font-weight: normal;
  font-size: .9rem;
  line-height: 1.5em;
  text-decoration: none;
}

#view-286.view-wrapper article.active a,
#view-297.view-wrapper article.active a {
    color: #40b6df;
}

.gallery-container355 .gallery-details-content {
	min-height:350px!important;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

.gallery-row div {
  float: left;
  width: 49%;
  margin: 0 .5%;
  text-align: center;
  padding-bottom: 20px;
  background: #F3F3F3;
  margin-bottom: 10px;
	color: #333;
}

.gallery-row img {
  width: 100%;
  margin: 0!important;
  padding-bottom: 20px;
}

.species-identification img {
	float: left;
	margin: 0 2.5% 20px 2.5%;
	width: 45%;
}

.species-identification-downloads {
	clear: both;
	background: #eee;
	margin: 20px 0 0;
	padding: 14px;
}