/*
Theme Name: DeanSomersTheme
Theme URI: https://deansomers.com
Description: A basic Divi child theme for Dean Somers.
Author: Dean Somers
Author URI: https://deansomers.com
Template: Divi
Version: 1.0.0
Text Domain: deansomerstheme
*/

/* Shared tokens */
:root {
  --accent-300: hsl(352 84% 46%);
  --accent-500: hsl(352 82% 28%);
  --link-hover-color: hsl(0 0% 100%);
  --btn-light-sat: 88;
  --btn-dark-sat: 80;
  --btn-subtlety: 1.2; /* preferred default */
}

/* Divi Global Variables (aliases) */
:root {
  /* numbers */
  --ds-xs: var(--gvid-bgnuwdwv9e); /* clamp(8px, 0.55vw + 7.78px, 16px) */
  --ds-rounded-border: var(--gvid-19vkvgiks6); /* 16px */
  --ds-small-text: var(--gvid-oitrs0fou0); /* clamp(11.2px, 0.53vw + 9.07px, 14.4px) */
  --ds-2xl: var(--gvid-tz6b1wfu8e); /* clamp(64px, 4.38vw + 62.25px, 128px) */
  --ds-1-5xl: var(--gvid-m8ep405dv0); /* clamp(48px, 3.29vw + 46.68px, 96px) */
  --ds-xl: var(--gvid-8k76uyzfic); /* clamp(32px, 2.19vw + 31.12px, 64px) */
  --ds-l: var(--gvid-jmovkgzyab); /* clamp(24px, 1.64vw + 23.34px, 48px) */
  --ds-m: var(--gvid-h59yh8ljac); /* clamp(16px, 1.10vw + 15.56px, 32px) */
  --ds-s: var(--gvid-w5f45hw9l0); /* clamp(12px, 0.82vw + 11.67px, 24px) */
  --ds-h1: var(--gvid-ww3l1jer42); /* clamp(53.4px, 2.54vw + 43.23px, 68.7px) */
  --ds-heading-letter-spacing: var(--gvid-xt0jt7yh9h); /* -.03em */
  --ds-h2: var(--gvid-sxb8uisfxj); /* clamp(42.7px, 2.03vw + 34.59px, 54.9px) */
  --ds-h3: var(--gvid-roldqshrti); /* clamp(34.2px, 1.63vw + 27.67px, 43.9px) */
  --ds-h4: var(--gvid-vt55tbtn1p); /* clamp(27.3px, 1.30vw + 22.14px, 35.2px) */
  --ds-h5: var(--gvid-59kylwmy1y); /* clamp(21.9px, 1.04vw + 17.71px, 28.1px) */
  --ds-h6: var(--gvid-mo0k8j38bd); /* clamp(17.5px, 0.83vw + 14.17px, 22.5px) */
  --ds-body-text: var(--gvid-5q3xirlpb3); /* clamp(14px, 0.67vw + 11.33px, 18px) */
  --ds-body-line-height: var(--gvid-bp4tk16tj4); /* 1.7em */
  --ds-body-letter-spacing: var(--gvid-l0a6d5nci3); /* .03em */
  --ds-button-border-radius: var(--gvid-ivn3fwwi5k); /* 8px */
  --ds-xxs: var(--gvid-4czmtkynql); /* clamp(4px, 0.36vw + 2.55px, 8px) */

  /* strings */
  --ds-oneliner: var(--gvid-rni5mwp3j0); /* Namaste - I honor that in you which is the same in me. */

  /* images */
  --ds-yinyangbirds: var(--gvid-308uhrksv2); /* https://deansomers.com/stage/wp-content/uploads/2026/02/bird-yinyang.png */

  /* colors */
  --ds-primary-color: var(--gcid-primary-color); /* #a81024 | hsl(352 83% 36%) */
  --ds-secondary-color: var(--gcid-secondary-color); /* #874c4b | hsl(1 29% 41%) */
  --ds-heading-color: var(--gcid-heading-color); /* #e9e9ed | hsl(240 10% 92%) */
  --ds-body-color: var(--gcid-body-color); /* #cdcfd5 | hsl(225 9% 82%) */

  /* global colors */
  --ds-accent-100: var(--gcid-accent100); /* #f6798a | hsl(352 87% 72%) */
  --ds-accent-200: var(--gcid-accent200); /* #f03850 | hsl(352 86% 58%) */
  --ds-accent-300: var(--gcid-accent300); /* #d8132d | hsl(352 84% 46%) */
  --ds-accent-500: var(--gcid-accent500); /* #820d1c | hsl(352 82% 28%) */
  --ds-accent-600: var(--gcid-accent600); /* #650b17 | hsl(352 80% 22%) */
  --ds-accent-700: var(--gcid-accent700); /* #490911 | hsl(353 78% 16%) */

  --ds-gray-300: var(--gcid-gray300); /* #a7a9b4 | hsl(231 8% 68%) */
  --ds-gray-400: var(--gcid-gray400); /* #808493 | hsl(227 8% 54%) */
  --ds-gray-500: var(--gcid-gray500); /* #5e616e | hsl(229 8% 40%) */
  --ds-gray-600: var(--gcid-gray600); /* #42444d | hsl(229 8% 28%) */
  --ds-gray-700: var(--gcid-gray700); /* #2a2c32 | hsl(225 9% 18%) */
  --ds-gray-800: var(--gcid-gray800); /* #17181c | hsl(228 10% 10%) */
  --ds-gray-900: var(--gcid-gray900); /* #0d0e10 | hsl(220 10% 6%) */

  --ds-heading-font: var(--et_global_heading_font);
  --ds-body-font: var(--et_global_body_font);
  --ds-heading-font-weight: var(--et_global_heading_font_weight);
  --ds-body-font-weight: var(--et_global_body_font_weight);
}
/* End Divi Global Variables (aliases) */
/* not sure what I was testing here, I THINK it's trying the gradient slide for hyperlinks, but didn't work yet
#page-container a {
  color: var(--ds-primary-color);
  background-image: linear-gradient(90deg, var(--highlight-color) 0%, var(--ds-primary-color) 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: color 180ms ease, background-size 280ms ease, background-position 280ms ease;
}

#page-container a:hover,
#page-container a:focus-visible {
  color: var(--link-hover-color);
  background-size: 100% 100%;
  background-position: 100% 100%;
}

#page-container a:not(:hover):not(:focus-visible) {
  background-position: 100% 100%;
} */

::selection {
  background:var(--gcid-primary-color);
  color: var(--gcid-heading-color);
}

::-moz-selection {
  background: var(--gcid-primary-color);
  color: var(--gcid-heading-color);
}

/* menu styling including mobile */
#ds-header-section h1 {
  padding-bottom: 0;
}

@media (max-width: 980px) {
  #ds-header-section .et_pb_menu__wrap {
    justify-content: right!important;
  }

  .et_pb_menu_inner_container > .ds-mobile-social-source {
    display: none !important;
  }

  .et_mobile_nav_menu .et_mobile_menu > li.ds-mobile-social-item {
    padding: 0;
  }

  .et_mobile_nav_menu .et_mobile_menu .ds-mobile-social-clone {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 20px;
  }

  .et_mobile_nav_menu .et_mobile_menu .ds-mobile-social-clone .et_pb_module,
  .et_mobile_nav_menu .et_mobile_menu .ds-mobile-social-clone .et_pb_icon {
    width: auto;
    margin: 0;
  }

  .et_mobile_nav_menu .et_mobile_menu .ds-mobile-social-clone .et_pb_icon_wrap a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: 0 !important;
  }

   .et_mobile_nav_menu .et_mobile_menu {
    left:unset;
    right:0;
    width: 90vw;
    border-top: 1px solid var(--ds-primary-color);
    border-bottom: 1px solid var(--ds-primary-color);
    margin-top:var(--ds-s);
   }
      .et_mobile_nav_menu .et_mobile_menu a {
    text-align: center;
   }
}