/*!
Theme Name: biolizard
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: biolizard
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

biolizard is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

h3.gform_title {
  display: none;
}
span.gfield_required {
  display: none;
}

.current_page_item a:after {
  content: "";
  position: absolute;
  bottom: -5px;
  height: 8px;
  width: 8px;
  background-color: #00a98f;
  border-radius: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.main-nav li a:before {
  display: none;
}
.main-nav li a:hover {
  color: #00a98f !important;
}
.pagination-wrap .page-numbers.current {
  color: #fff;
  background-color: #00a98f;
}
.pagination-wrap .page-numbers {
  color: #00a98f;
  height: 40px;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 5px;
}
.pagination-wrap .page-numbers:hover {
  background-color: #00a98f;
  color: #fff;
}
.pagination-wrap {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.next.page-numbers,
.prev.page-numbers {
  background-color: transparent;
  color: #00a98f;
  font-size: 70px;
}
.next.page-numbers:hover,
.prev.page-numbers:hover {
  background-color: transparent;
  color: #00a98f;
}
.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
  font-weight: 500 !important;
  font-size: 16px !important;
}
.contact-form-wrap li {
  width: 49%;
  float: left;
}
.contact-form-wrap li:last-child {
  width: 100% !important;
}
.contact-form-wrap li:nth-child(5) {
  width: 100% !important;
}
.contact-form-wrap li {
  width: 49%;
  float: left;
}
.contact-form-wrap li input {
  width: 100% !important;
  border-radius: 4px;
  border: 1px solid #ddd;
  height: 45px;
  padding: 5px 20px !important;
}
.gform_wrapper ul li.gfield {
  clear: inherit !important ;
}
.ginput_container_checkbox,
.gfield_checkbox {
  margin-top: 0 !important;
  display: inline-block;
  width: 100%;
}
.gform_button {
  background-color: #00a98f !important;
  color: #fff;
  border-radius: 100px;
  font-size: 14px !important;
  font-weight: 100;
  letter-spacing: 2px;
  width: 200px !important;
  position: absolute;
  right: 0;
  bottom: 59px;
  text-align: right;
  text-align: center;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.gform_button:hover {
  opacity: 0.8;
}

.gfield_checkbox label {
  font-size: 12px !important;
  font-weight: 100 !important;
}
.gform_heading {
  display: none;
}
.gform_wrapper {
  margin-top: 0px !important;
}
body .gform_wrapper ul li.gfield {
  margin-top: 0 !important;
  padding-top: 0;
  margin-bottom: 15px;
}
.gform_wrapper div.validation_error {
  font-weight: 100 !important;
  font-size: 12px !important;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper
  li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent !important;
  border: 0 !important;
}
.gform_wrapper .field_description_below .gfield_description {
  padding-top: 10px;
  font-size: 12px;
  font-weight: 100;
}
#validation_message_1_8 {
  padding-top: 0;
}

.portfolio-item-thumb img {
  min-height: 280px;
  object-fit: cover;
}

.portfolio-item-info h4 a {
  color: #fff;
  font-size: 17px;
  line-height: 25px;
}
.slick-prev,
.slick-next {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.slick-prev:hover::before {
  background-image: url("assets/img/ArrowPrevGreen.png") !important;
}
.slick-next:hover::before {
  background-image: url("assets/img/ArrowNextGreen.png") !important;
}
.portfolio-item-info h4 {
  min-height: 51px;
}
.locationInfo_item p,
.contact-info-item p {
  opacity: 0.8;
}
.portfolio-item-info {
  min-height: 250px;
  position: relative;
}
.portfolio-item-info a.readmore {
  position: absolute;
  bottom: 0;
}

.single-event .main-nav > li > a,
.single-podcast .main-nav > li > a,
.single-video .main-nav > li > a,
.single-webinar .main-nav > li > a,
.single-partner .main-nav > li > a,
.page-template-partners .main-nav > li > a {
  color: #000 !important;
}

.btn-scroll-top {
  left: 20px;
}

.page-template-contact .gform_button {
  right: 15px;
  bottom: 73px;
}

.theme-background-color {
  background-color: #077766;
}

.gfield_checkbox li {
  display: flex;
  align-items: center;
}
.gfield_checkbox li input {
  margin-top: 0 !important;
  margin-right: 5px;
}

.gform_body ::placeholder {
  color: #a0a0a0 !important;
}

body,
html {
  overflow: auto !important;
}

.related-news .portfolio-item {
  /* max-width: 25%; */
}
.author-image img {
  height: 100%;
  object-fit: cover;
}
.single-testimonials .row {
  margin-left: 0px;
  margin-right: 0px;
}

/* split banner CSS section */
body {
  font-family: sans-serif;
}

#split-banner {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (min-width: 992px) {
  #split-banner {
    flex-direction: row;
    margin-top: 60px;
  }

  #split-banner .split-left {
    margin-bottom: 0px;
  }
}

#split-banner .split-left {
  margin-bottom: 40px;
}

#split-banner .split-left,
#split-banner .split-right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 0 1 50%;
  text-align: center;
}

#split-banner p {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

#split-banner .split-left span {
  width: 273px;
  height: 120px;
  position: relative;
  display: block;
  margin-bottom: 40px;
  overflow: hidden;
}
#split-banner .split-left span::before {
  content: " ";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: var(--riseUp);
  background: #01a086;
  animation: riseUp 4s infinite;
  transform-origin: center bottom;
  z-index: 0;
}

#split-banner .split-left svg {
  width: 27rpx;
  height: 120px;
  position: relative;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
}

#split-banner .split-right svg {
  width: 250px;
  height: 50px;
  position: relative;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
}

#split-banner .split-right span {
  width: 249px;
  height: 50px;
  position: relative;
  display: block;
  margin-bottom: 40px;
  overflow: hidden;
}
#split-banner .split-right span::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--riseRight);
  height: 100%;
  background: #01a086;
  animation: riseRight 4s infinite;
  transform-origin: 0 0;
  z-index: 0;
}

@keyframes riseUp {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}

@keyframes riseRight {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

#menu-menu-1 li {
  margin-right: 30px;
}

/* old resources page */
.page-id-834 #post-834 .wp-block-media-text figure img {
  height: auto;
}

/* new resources page */
.single-resource .main-nav li a,
.single-news .main-nav li a,
.single-blog .main-nav li a {
  color: #000 !important;
}
.single-whitepaper .full-mega-menu {
  display: none !important;
}

#builder .build-text_only a,
#builder .build-text_image a,
#builder .build-text_quote a {
  color: #00a98f !important;
}

/* Our Blogs */
#biolizard-blog-header {
  margin-bottom: 40px;
}

#our-blogs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 50px;
}

.a-blog {
  width: 100%;
  padding: 30px 20px;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: all 0.1s ease-in-out;
}
.a-blog:hover {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
}
.a-blog:hover h1 {
  color: #00a98f;
}
.a-blog span {
  color: #00a98f;
}

.a-blog h1 {
  font-size: 200%;
  transition: all 0.1s ease-in-out;
}

.a-blog * {
  margin: 0;
}

@media (min-width: 992px) {
  .a-blog {
    width: 48%;
  }
}

/* Our Blog - Single */
.single-blog .author-block {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.single-blog #news-builder .blog-header > div:first-of-type {
  text-transform: uppercase;
  font-weight: 100;
  font-size: 14px;
  margin-bottom: 20px;
}
.single-blog #news-builder .blog-header h1 {
  font-size: 240%;
  margin-bottom: 10px;
}
.single-blog #news-builder .blog-header .single-blog-excerpt p {
  font-size: 120%;
  color: rgba(0, 0, 0, 0.4);
  margin: 0 0 20px;
}
.single-blog #news-builder {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}
.single-blog #news-builder .blog-header a {
  color: #00a98f;
}
.single-blog .author-block .author-pic {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin-right: 20px;
  overflow: hidden;
}
.single-blog .author-block .author-pic img {
  height: 60px;
  object-fit: cover;
}
.single-blog #builder p,
.single-blog #builder li {
  font-size: 100%;
  line-height: 1.7;
}

.slider-meta {
  max-width: 500px;
  margin: 30px auto 0;
  padding: 20px;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
}
.slider-meta p {
  color: white;
}

.slider-meta a:first-of-type {
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.7);
  display: inline-block;
  padding: 10px 20px 7px;
  border-radius: 30px;
  margin: 10px 10px 0;
}
.slider-meta a:first-of-type:hover {
  color: var(--primary);
}
.slider-meta a:last-of-type {
  color: white;
  border: 1px solid var(--secondary);
  background: var(--secondary);
  display: inline-block;
  padding: 10px 20px 7px;
  border-radius: 30px;
  margin: 10px 10px 0;
}
.slider-meta a:last-of-type:hover {
  background: white;
  color: var(--secondary);
}

/* cf7 */
.wpcf7-form > div {
  padding-bottom: 30px;
}
.wpcf7-form label {
  color: #333;
}
.wpcf7-list-item {
  margin-left: 0;
}
.wpcf7-form input,
.wpcf7-form textarea {
  padding: 8px 10px;
  width: 100%;
}
.wpcf7-form input[type="checkbox"] {
  width: auto;
  padding: 0;
  margin: 0;
}
.wpcf7-form textarea {
  height: 150px;
}
.wpcf7-form input[type="submit"] {
  background: white;
  border: none;
  height: 50px;
  text-transform: uppercase;
  width: auto;
  padding: 0 40px;
}
.wpcf7-form input[type="submit"]:disabled {
  opacity: 0.6;
}
.wpcf7-response-output {
  margin: 20px 0 40px !important;
  padding: 0 !important;
  border: none !important;
  color: red;
}
.wpcf7-not-valid-tip {
  margin-top: 10px;
}

/* New services */
.services-left,
.services-right {
  padding-bottom: 50px;
}
.services-left h1 {
  font-size: 140%;
  margin-bottom: 20px;
}
.services-cats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.services-left a {
  color: #00a98f;
  font-weight: 200;
  text-transform: uppercase;
  border: 2px solid #00a98f;
  line-height: 1;
  border-radius: 40px;
  padding: 7px 15px 3px;
}
.services-left a.active {
  color: white;
  background: #00a98f;
}
.services-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.services-right p {
  font-size: 130%;
}
.servicespaddedrow {
  padding-top: 40px;
  padding-bottom: 40px;
}
.services-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 50px;
}
.services-card {
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
  width: 100%;
  background: white;
  padding: 40px 25px;
  display: grid;
  flex-direction: column;
  align-content: flex-start;
  grid-template-areas: "title" "text" "link";
}
.services-card h3 {
  font-size: 140%;
  grid-area: title;
  min-height: 70px;
}
.services-card h3 a,
.services-card a {
  color: #00a98f;
}
.services-card .text {
  grid-area: text;
  min-height: 170px;
}
.services-card a {
  grid-area: link;
}
@media (min-width: 768px) {
  .services-card,
  .services-grid-narrow .services-card {
    width: 48%;
  }
}
@media (min-width: 1024px) {
  .services-card {
    width: 31%;
  }

  .services-grid-narrow .services-card {
    width: 47%;
  }
}
.single-service h1 {
  font-size: 30px !important;
}
@media (min-width: 768px) {
  .single-service h1 {
    font-size: 40px !important;
  }
}
@media (min-width: 992px) {
  .single-service h1 {
    font-size: 50px !important;
  }
}
@media (min-width: 1024px) {
  .single-service h1 {
    font-size: 60px !important;
  }
}
.single-service p {
  font-size: 110%;
  font-weight: 300;
}

.logogrid {
  padding-top: 50px;
  padding-bottom: 50px;
  background: radial-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1));
}
.logos {
  padding-top: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.logos > div {
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logos img {
  max-width: 300px;
  max-height: 200px;
  width: auto;
  height: auto;
  display: block;
  margin: auto;
}
@media (min-width: 1024px) {
  .logogrid {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* .archive .schedules-nav li a.active:before {
  border-bottom: 1px solid #efefef !important;
} */

.slick-list {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.post-type-archive .slick-arrow {
  position: absolute;
  top: -30px !important;
  right: 30px !important;
  left: auto !important;
}
.post-type-archive .slick-prev {
  right: 80px !important;
}
.post-type-archive .slick-arrow::before {
  width: 40px;
  height: 40px;
}

/* Resources */
.resources-categories {
  padding: 50px 0 !important;
  align-items: center;
}
@media (min-width: 1024px) {
  .resources-categories {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
.resources-categories.empty {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.resources-categories h1 {
  margin: 0 !important;
}
.resources-categories .services-cats {
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
.resource-row {
  gap: 0px !important;
  justify-content: flex-start !important;
}
.resource-row .a-blog {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .resource-row .a-blog {
    flex: none !important;
    width: 30% !important;
    margin: 0 1.5% 30px !important;
    justify-content: space-between;
  }
  .resource-row.feat-resource-row .a-blog {
    flex: none !important;
    width: 46.5% !important;
    margin: 0 1.5% 30px !important;
    justify-content: space-between;
  }
}

.about-area-thumb iframe {
  width: 100%;
  height: 350px;
}
@media (min-width: 1024px) {
  .about-area-thumb iframe {
    height: 450px;
  }
}

.partnersgrid {
  gap: 20px;
}

@media (min-width: 1024px) {
  .partnersgrid {
    gap: 60px;
  }
}

.partnersgrid img {
  filter: grayscale(1);
  transition: all 0.2s ease-in-out;
}
.partnersgrid a:hover img {
  filter: grayscale(0);
  transform: scale(1.1);
}

.responsive-mobile-menu .slicknav_nav {
  background: var(--secondary) !important;
}

/* modal */
.tyl-modal.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.tyl-modal .modal-dialog {
  max-width: 1200px;
  width: 100%;
  min-height: 60vh;
}
.tyl-modal .modal-body {
  padding: 0;
}
.tyl-modal .modal-body iframe {
  width: 100%;
  height: 100%;
  min-height: 60vh;
}
.tyl-modal button {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  font-size: 30px;
  color: black;
  padding-top: 3px;
  pointer-events: all;
}

/* Other */
.other-row {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 50px;
}
.other-row .a-blog {
  width: 100% !important;
}
.other-row .a-blog img {
  display: block;
  height: 200px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .other-row .a-blog img {
    height: 400px;
  }
}
.other-row .a-blog a p {
  color: #333;
  font-weight: normal;
}

.podcast-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

.build-podcast_player iframe {
  height: 160px;
}

.slick-track {
  margin: 0 !important;
}

.single-podcast .whitepaper-titles h1,
.single-video .whitepaper-titles h1,
.single-webinar .whitepaper-titles h1 {
  text-align: center !important;
}

.lander {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "image" "text";
}
.lander .a-blog-img {
  grid-area: image;
}
.lander .a-blog-text {
  grid-area: text;
}
.lander .a-blog-text h1 {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .lander {
    grid-template-columns: 35% 65%;
    grid-template-areas: "image text";
  }
  .lander .a-blog-text {
    padding: 50px;
  }
  .lander .a-blog-img {
    padding: 30px 0 30px 30px;
  }
}

.post-type-archive .schedules-nav li a.active::before,
.tax-blog_category .schedules-nav li a.active::before,
.page-template-other .schedules-nav li a.active::before {
  border-bottom: 15px solid #efefef;
}