/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/foxy/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/*@import url("../Divi/style.css");*/

/* =Theme customization starts here
------------------------------------------------------- */
:root {
  /* == Color Hexes == */
  --black: #000;
  --white: #fff;

  --primary-color: #09f; /* Change this to the Primary color */
  --default-color: #121212; /* Change this to the Default color */
  --darkBlue: #0058ff;

  /* == Color Hexes == */
  --charcol: #0f1617;
  --offWhite: #eceff1;
  --reducedOffWhite: rgba(236, 239, 241, 0.6);
  --green: #60a561;
  --lightgreen: #95c396;
  --darkgreen: #2f5e4e;
  --darkergreen: #114038;
  --teal: #b2dfdb;
  --reducedTeal: rgb(178 223 219 / 11%);
  --darkgrey: #212121;
  --darkergrey: #171717;
  --charcoal: #454545;
  --grey: #777777;
  --lightgrey: #a2a7a9;
  --greyscale300: #41494a;
  --greyscale500: #dfe4e7;
  --greyscale700: #1e2627;
  --textWhite700: #c3c7c9;
  --Text-Black-700: #393f41;

  /* Module Colors & Core Design */
  --Primary-Main: #60a561;
  --Primary-Light: #95c396;
  --Primary-Lighten: #a5d6a7;
  --Secondary-Indie: #c5cae9;

  /* Module Colors & Core Design */

  /* == Font Sizes == */
  --tinyText: 1.4rem; /* 14px */

  --copyFontLarge: 1.8rem; /* 18px */
  --copyFontSmall: 1.5rem; /* 15px */

  --biggestFontMax: 8rem; /* 80px */
  --biggestFontMin: 6.5rem; /* 65px */

  --bigFontMax: 5rem; /* 50px */
  --bigFontMin: 4rem; /* 40px */

  --mediumFontMax: 3.5rem; /* 35px */
  --mediumFontMin: 2.4rem; /* 24px */

  --smallFontMax: 2.7rem; /* 27px */
  --smallFontMin: 2rem; /* 20px */

  --smallestFontMax: 2rem; /* 20px */
  --smallestFontMin: 1.8rem; /* 18px */

  /* == Content Sizes == */
  --rowWidth: 90%;
  --rowMaxWidth: 1200px;
}
html {
  font-size: 62.5%;
}
html.pum-open.pum-open-overlay.pum-open-scrollable #page-container {
  padding-right: 0;
}
html.pum-open-fixed {
  position: fixed;
}
body.menu-open {
  overflow: hidden;
}
body {
  font-family: var(--bodyFont);
  font-feature-settings: "liga", "kern";
  background: #000;
  width: 100%;
  font-weight: 400;
}
body .grecaptcha-badge {
  visibility: hidden !important;
}
.biggest-header h1,
.biggest-header h2,
.biggest-header h3,
.biggest-header h4,
.biggest-header h5,
.biggest-header-inline,
h1 {
  font-size: var(--biggestFontMin);
  line-height: 1.25em;
}
.big-header h1,
.big-header h2,
.big-header h3,
.big-header h4,
.big-header h5,
.big-header-inline,
h2 {
  font-size: var(--bigFontMin);
  line-height: 1.25em;
}
.medium-header h1,
.medium-header h2,
.medium-header h3,
.medium-header h4,
.medium-header h5,
.medium-header-inline,
h3 {
  font-size: var(--mediumFontMin);
  line-height: 1.25em;
}
.small-header h1,
.small-header h2,
.small-header h3,
.small-header h4,
.small-header h5,
.small-header-inline,
h4 {
  font-size: var(--smallFontMin);
  line-height: 1.25em;
}
.smallest-header h1,
.smallest-header h2,
.smallest-header h3,
.smallest-header h4,
.smallest-header h5,
.smallest-header-inline,
h5 {
  font-size: var(--smallestFontMin);
  line-height: 1.25em;
}
.vert-details article {
  display: flex;
  align-items: center;
}

.vert-details article a {
  width: 30%;
}

.vert-details article .wrap {
  width: 70%;
}

.vert-details .entry-title,
.vert-details .post-meta,
.vert-details .post-content {
  width: 100%;
}
/*
* ----------[AVATARS]--------*
*/
.avatar-circle-thumbnail {
  overflow: hidden;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 24px;
}
.avatar-circle-thumbnail .et_pb_image_wrap {
  height: 100%;
}
.avatar-circle-thumbnail img {
  transform-origin: center center;
  transform: scale(1.15);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-circle-thumbnail.small-author-thumbnail {
  height: 25px;
  width: 25px;
}
.avatar-circle-thumbnail.medium-author-thumbnail {
  height: 75px;
  width: 75px;
}
.avatar-circle-thumbnail.large-author-thumbnail {
  height: 100px;
  width: 100px;
}
.avatar-circle-thumbnail.larger-author-thumbnail {
  height: 150px;
  width: 150px;
}
.avatar-circle-thumbnail.largest-author-thumbnail {
  height: 230px;
  width: 230px;
}
.avatar-circle-thumbnail.responsive-author-thumbnail {
  height: 48px;
  width: 48px;
}
/*
* ----------[TEAM]--------*
*/
.user-bio .avatar {
  display: none;
}
.team-grid-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.team-grid-container .team-member {
  flex: 1 0 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
/*.board-members-row .team-grid-container .team-member {
    flex: 1 0 100%;
}*/
.team-member .user-name {
  /* color: var(--lightgrey); */
  font-weight: 500;
}
/* .team-member .user-title {
  color: var(--lightgrey);
} */
.user-bio .user-name {
  color: var(--offWhite);
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;
}
.board-members-row .team-member .user-name {
  color: var(--offWhite);
  font-weight: 500;
  text-align: center;
}
.team-member .user-bio {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.user-bio.active {
  visibility: visible;
  opacity: 1;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--greyscale700);
  z-index: 4;
  padding: 30px;
  border-radius: 30px;
  color: var(--offWhite);
  font-weight: 400;
  max-height: 75vh;
  max-width: 800px;
  width: 80%;
  overflow: scroll;
}
.user-bio .bio-content {
  color: var(--greyscale500);
  overflow-wrap: break-word;
  font-size: var(--copyFontLarge);
}
.close-bio-container {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  text-align: right;
  margin-top: 30px;
  color: var(--primary-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.biooverlay {
  display: none;
}
.biooverlay.active {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #111111;
  z-index: 3;
}
.actions-container {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.external-links {
  line-height: 0;
}
i.ext-links {
  width: 42px;
  height: 42px;
  display: flex;
}
i.ext-links.linkedin-icon {
  display: inline-block;
  width: 42px;
  height: 42px;

  -webkit-mask-image: url("img/linkedin_button.svg");
  mask-image: url("img/linkedin_button.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;

  background-color: currentColor;
}

i.ext-links.external-icon {
  display: inline-block;
  width: 42px;
  height: 42px;

  -webkit-mask-image: url("img/link.svg");
  mask-image: url("img/link.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;

  background-color: currentColor;
}
.user-bio i.ext-links {
  width: 32px;
  height: 32px;
}
/* .user-bio i.ext-links.linkedin-icon:before {
  content: url(img/linkedin_button_2.svg);
}
.user-bio i.ext-links.external-icon:before {
  content: url(img/link_2.svg);
} */
a.linkedin-button,
a.website-button {
  line-height: 0;
  margin-right: 16px;
  display: inline-block;
  color: var(--offWhite);
}
a.linkedin-button:hover,
a.website-button:hover {
  color: var(--primary-color);
}
a.bio-link {
  color: var(--offWhite);
  border-width: 1px !important;
  border-color: var(--offWhite);
  border-radius: 34px;
  font-size: 16px;
  font-family: inherit;
  padding-right: 2em;
  background-color: transparent;
}
a.bio-link:after {
  color: var(--offWhite);
  line-height: inherit;
  font-size: inherit !important;
  opacity: 1;
  margin-left: 0.3em;
  left: auto;
  font-family: ETmodules !important;
  font-weight: 400 !important;
}
a.bio-link:hover:after {
  color: var(--primary-color);
}
a.bio-link.et_pb_button:hover {
  border: 0px solid transparent;
  padding: 0.3em 2em 0.3em 1em;
}
a.bio-link.et_pb_button:hover {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
a.bio-link.et_pb_button:hover {
  background-color: transparent;
}
a.bio-link.et_pb_button:hover:after {
  opacity: 1;
  margin-left: 0.3em;
}
/*
* ----------[MEDIA QUERIES]--------*
*/
@media screen and (min-width: 768px) {
  .biggest-header h1,
  .biggest-header h2,
  .biggest-header h3,
  .biggest-header h4,
  .biggest-header h5,
  .biggest-header-inline,
  h1 {
    font-size: calc(var(--biggestFontMin) + 35 * ((100vw - 320px) / 960));
  }
  .big-header h1,
  .big-header h2,
  .big-header h3,
  .big-header h4,
  .big-header h5,
  .big-header-inline,
  h2 {
    font-size: calc(var(--bigFontMin) + 10 * ((100vw - 320px) / 960));
  }
  .medium-header h1,
  .medium-header h2,
  .medium-header h3,
  .medium-header h4,
  .medium-header h5,
  .medium-header-inline,
  h3 {
    font-size: calc(var(--mediumFontMin) + 11 * ((100vw - 320px) / 960));
  }
  .small-header h1,
  .small-header h2,
  .small-header h3,
  .small-header h4,
  .small-header h5,
  .small-header-inline,
  h4 {
    font-size: calc(var(--smallFontMin) + 1 * ((100vw - 320px) / 960));
  }
  .smallest-header h1,
  .smallest-header h2,
  .smallest-header h3,
  .smallest-header h4,
  .smallest-header h5,
  .smallest-header-inline,
  h5 {
    font-size: calc(var(--smallestFontMin) + 1 * ((100vw - 320px) / 960));
  }

  /***********************************	
		CUSTOM BLOG MODULE LIST VIEW
	***********************************/

  /*** Set the image width ***/
  .custom-blog-list .entry-featured-image-url {
    width: 30%;
    float: left;
    margin-bottom: 0 !important;
  }

  /*** Set the image width ***/
  .custom-blog-list .entry-title,
  .custom-blog-list .post-meta,
  .custom-blog-list .post-content {
    width: 70%;
    float: left;
    padding-left: 30px;
  }

  /*** Style the individual posts ***/
  .custom-blog-list.add-box-shadow {
    box-shadow: 0px 2px 80px 0px rgba(160, 190, 212, 0.22);
    border-radius: 6px;
    padding: 60px;
  }

  /*** Blog image aspect ratio square 1:1 ***/
  .custom-blog-list.square .entry-featured-image-url {
    padding-top: 30%;
    display: block;
  }

  .custom-blog-list.square .entry-featured-image-url img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
  }
}
@media only screen and (min-width: 2200px) {
}
@media screen and (min-width: 1280px) {
  .biggest-header h1,
  .biggest-header h2,
  .biggest-header h3,
  .biggest-header h4,
  .biggest-header h5,
  .biggest-header-inline,
  h1 {
    font-size: var(--biggestFontMax);
  }
  .big-header h1,
  .big-header h2,
  .big-header h3,
  .big-header h4,
  .big-header h5,
  .big-header-inline,
  h2 {
    font-size: var(--bigFontMax);
  }
  .medium-header h1,
  .medium-header h2,
  .medium-header h3,
  .medium-header h4,
  .medium-header h5,
  .medium-header-inline,
  h3 {
    font-size: var(--mediumFontMax);
  }
  .small-header h1,
  .small-header h2,
  .small-header h3,
  .small-header h4,
  .small-header h5,
  .small-header-inline,
  h4 {
    font-size: var(--smallFontMax);
  }
  .smallest-header h1,
  .smallest-header h2,
  .smallest-header h3,
  .smallest-header h4,
  .smallest-header h5,
  .smallest-header-inline,
  h5 {
    font-size: var(--smallestFontMax);
  }
}
@media only screen and (min-width: 1101px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 981px) {
}
@media only screen and (min-width: 981px) and (max-width: 1100px) {
}
@media only screen and (max-width: 980px) {
}
@media only screen and (min-width: 480px) and (max-width: 766px) {
}
@media only screen and (max-width: 768px) {
  .vert-details article {
    flex-direction: column;
  }
  .vert-details article a {
    width: 100%;
  }
  .vert-details article .wrap {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 980px) and (orientation: portrait) {
}