/*
 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: #000000;
  --white: #fff;

  --primary-color: #a8c281; /* Change this to the Primary color */
  --default-color: #121212; /* Change this to the Default color */

  /* Module Colors & Core Design */
  --bodyFont: 'black-beard', sans-serif;
  --secondaryFont: 'canada-type-gibson', sans-serif;
  --thirdFont: 'inter-variable', sans-serif;

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

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

  --biggestFontMax: 8rem; /* 80px */
  --biggestFontMin: 5.5rem; /* 55px */

  --bigFontMax: 5rem; /* 50px */
  --bigFontMin: 3rem; /* 30px */

  --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 {
  font-family: var(--bodyFont);
  font-feature-settings: 'liga', 'kern';
}
.header {
  font-size: var(--smallestFontMax);
  font-family: var(--thirdFont);
  color: var(--black);
  border-bottom: 1px solid rgb(0 0 0 / 15%);
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.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%;
}

#main_title {
  letter-spacing: 0.5rem;
}

#title_under_title {
  font-family: var(--thirdFont);
  font-weight: 500;
  font-style: normal;
}

#reg_button {
  letter-spacing: 0.2rem;
}

.section-titles {
  color: var(--primary-color);
  font-size: 80px;
}

#download-section-background {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 0)
    ),
    url('https://rootedfamilies.wpenginepowered.com/wp-content/uploads/2024/09/firefly-moody-forest-landscape-with-water-and-open-sky-76738-1.png');
  background-position: center;
  background-size: cover;
}

#home-video {
  position: relative;
  margin-top: -25% !important;
}

.rooted-families-download-title {
  color: var(--black);
  font-size: 35px;
}
.rooted-families-download-text {
  color: var(--black);
  font-family: var(--thirdFont);
  font-size: 16px;
}
.rooted-families-download-link {
  color: var(--black);
  font-family: var(--bodyFont);
  font-size: 20px;
}

.rooted-families-details {
  color: var(--black);
  font-size: 25px;
  line-height: 1.5;
}

.how-do-you {
  color: #3c3215;
  font-size: 35px;
}

.how-do-you-text {
  font-family: var(--secondaryFont);
  font-size: 50px;
  letter-spacing: 0.5rem;
  line-height: 1.1;
  color: var(--primary-color);
}

#infants_toddlers_subtitle {
  font-family: var(--thirdFont);
  line-height: 2;
}

#faq-accordion > div > div {
  font-family: var(--secondaryFont);
  color: var(--black);
  font-weight: 400;
}

.font-fix-ata {
  font-family: var(--secondaryFont);
  font-size: 16px;
}

.font-weight-fix {
  font-weight: 400;
}

.font-weight-fix-bold {
  font-weight: 600;
}
.flex {
  display: flex;
}
.flex-direction-col {
  flex-direction: column;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
#row-flex {
  display: flex;
  align-items: center;
}
.custom-divider-wrapper {
  width: 100%;
  overflow: hidden;
  margin: 2rem 0; /* optional spacing */
}

.custom-divider-svg {
  display: block;
  width: 100%;
  height: 2px; /* or auto, or clamp() if needed */
  opacity: 0.3;
}

#home-page-hero {
  background-size: 100% 85%;
}
/*
* ----------[MEDIA QUERIES]--------*
*/
@media screen and (min-width: 768px) {
  #home-page-hero {
    background-size: 100% 75%;
  }
  /***********************************	
		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) {
}
@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) {
}