/*
 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;

  --bronze: #b36735;
  --gray-dark: #333;
  --gray-mid: #999;
  --tan: #e8d7b9;
  --breadcrumb-link: #cca076;
  --breadcrumb-sep: #999;
  --overlay-fade: linear-gradient(
    180deg,
    #000 0%,
    #000 19.23%,
    rgba(255, 255, 255, 0) 100%
  );

  --primary-color: #09f; /* Change this to the Primary color */
  --default-color: #121212; /* Change this to the Default color */
  --yellow: var(--bronze);

  /* == Font Families == */
  --font-inter-tight: 'Inter Tight', sans-serif;
  --font-romek-sharp: 'Romek Sharp', sans-serif;
  --font-romek-family: var(--font-romek-sharp);
  --font-manuka-condensed: 'Manuka Condensed', sans-serif;
  --bodyFont: var(--font-romek-sharp);

  /* == Type scale (Figma-aligned) == */
  --font-label-size: 1.2rem;
  --font-label-weight: 500;
  --font-label-lh: 1.8rem;
  --font-label-ls: 0.24px;
  --font-body-regular-size: 1.6rem;
  --font-body-regular-weight: 400;
  --font-body-regular-lh: 2rem;
  --font-body-regular-ls: -0.08px;
  --font-body-medium-size: 1.6rem;
  --font-body-medium-weight: 400;
  --font-body-medium-lh: 2.4rem;
  --font-body-medium-ls: -0.16px;
  --font-body-large-size: 2rem;
  --font-body-large-weight: 400;
  --font-body-large-lh: 3rem;
  --font-body-large-ls: -0.1px;
  --font-heading-h2-size: 3.2rem;
  --font-heading-h2-weight: 200;
  --font-heading-h2-lh: 3.5rem;
  --font-heading-h2-ls: -0.64px;
  --font-heading-h3-size: 3.2rem;
  --font-heading-h3-weight: 200;
  --font-heading-h3-lh: 3.5rem;
  --font-heading-h3-ls: -0.64px;
  --font-hero-size: 5.6rem;
  --font-hero-weight: 850;
  --font-hero-lh: 0;
  --font-hero-ls: 1.12px;
  /* Heading/Mobile/H1 (e.g. Schedule page title) */
  --font-heading-mobile-h1-size: 3.8rem;
  --font-heading-mobile-h1-weight: 200;
  --font-heading-mobile-h1-lh: 4.1rem;
  --font-heading-mobile-h1-ls: -0.76px;
  /* Heading/Desktop/Card */
  --font-heading-card-size: 2.4rem;
  --font-heading-card-weight: 500;
  --font-heading-card-lh: 3.3rem;
  --font-heading-card-ls: -0.12px;

  /* 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;
}

/* Spacing utilities (add class to parent module) */
.h2-pb-0 h2 {
  padding-bottom: 0;
}

html.pum-open.pum-open-overlay.pum-open-scrollable #page-container {
  padding-right: 0;
}
html.pum-open-fixed {
  position: fixed;
}
.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%;
}
.flex {
  display: flex;
  align-items: center;
}
.flex-columns .et_pb_column:not(:last-child) {
  width: auto;
  margin: 0;
  margin-right: 30px;
}
.flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.flex-row-between {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.flex-col-between {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

/* Remove bottom padding from h2 when class is on parent (e.g. Divi module) */
.h2-pb-0 h2 {
  padding-bottom: 0;
}

/* Align row columns to top so hero (e.g. VENUE) lines up with adjacent body text */
.align-columns-top.et_pb_row {
  align-items: flex-start;
}
.bronze {
  color: var(--bronze);
}
.et_pb_row.partners {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 30px;
}
.partners .et_pb_column {
  width: auto;
  margin: 0;
  margin-right: 30px;
}
/*
* ----------[MEDIA QUERIES]--------*
*/
@media screen and (min-width: 768px) {
  /***********************************	
		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;
  }
  .et_pb_row.partners {
    flex-direction: row;
  }
  .partners .et_pb_column {
    width: auto !important;
  }
  .partners .et_pb_column:nth-child(3) {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 2200px) {
}
@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) {
  .et_pb_row.partners {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
@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) {
}

/*
* ----------[IMAGE: CIRCLE]--------*
* Add CSS Class "circle-image" to the Divi Image module.
*/
.circle-image {
  width: 106px;
  height: 106px;
  max-width: 106px;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.circle-image .et_pb_image_wrap,
.circle-image figure {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.circle-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*
* ----------[BREADCRUMBS]--------*
* Shortcode: [breadcrumbs] or [breadcrumbs home="Home"]
* Overrides Divi link color so Home = tan, Schedule = white, separator = grey.
*/
.understory-breadcrumbs {
  font-family: var(--font-inter-tight);
  font-size: var(--font-label-size);
  font-weight: var(--font-label-weight);
  letter-spacing: var(--font-label-ls);
  color: var(--white);
}
.understory-breadcrumbs a.breadcrumb-link,
.understory-breadcrumbs a.breadcrumb-link:link,
.understory-breadcrumbs a.breadcrumb-link:visited {
  color: var(--breadcrumb-link) !important;
  text-decoration: none;
  transition: color 0.2s ease;
}
.understory-breadcrumbs a.breadcrumb-link:hover {
  color: var(--tan) !important;
}
.understory-breadcrumbs .breadcrumb-sep {
  color: var(--breadcrumb-sep) !important;
  margin: 0 0.4rem;
  font-weight: 400;
}
.understory-breadcrumbs .breadcrumb-current {
  color: var(--white) !important;
}

/*
* ----------[DIVI TRUE PARALLAX: SAFARI FIX]--------*
* Stabilizes Divi background parallax repainting in Safari.
* Optional: add CSS class "parallax-transform-reset" on a section
* if a specific section still jitters/freezes.
*/
.et_pb_section_parallax {
  position: relative;
  z-index: 1;
  will-change: transform;
}

.et_pb_section_parallax .et_parallax_bg {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.et_pb_section_parallax.parallax-transform-reset {
  -webkit-transform: none !important;
  transform: none !important;
}