/*!
Theme Name: DC Theme
Description: Theme for DC Sites
Author: DOJO Creative
Author URI: https://letsgodojo.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: dctheme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
/* Add your custom styles here */
:root {
  --e-global-color-primary: #152D7D;
  --e-global-color-accent: #2DB374;
  --e-global-color-secondary: #239ACA;
  --e-global-color-text: #4E4E4E;
  --e-global-color-white: #FFFFFF;
  --e-global-color-highlight: #FFDD00;
  --e-global-color-muted: #EAF6FB;
}

table {
  font-size: 1em;
}

/* Generated from /Users/josh/Sites/dustinsplace.org/config/elementor-kit/site-design.json. Run npm run sync:theme-design. */
:root {
  --dojo-color-primary: var(--e-global-color-primary, #152D7D);
  --dojo-color-accent: var(--e-global-color-accent, #2DB374);
  --dojo-color-secondary: var(--e-global-color-secondary, #239ACA);
  --dojo-color-text: var(--e-global-color-text, #4E4E4E);
  --dojo-color-white: var(--e-global-color-white, #FFFFFF);
  --dojo-color-highlight: var(--e-global-color-highlight, #FFDD00);
  --dojo-color-muted: var(--e-global-color-muted, #EAF6FB);
  --dojo-section-padding: clamp(40px, 4vw, 80px) ;
}

.e-con[class*=p-con-] {
  background-color: var(--pcon-bg);
  color: var(--pcon-fg);
}

:where(.e-con[class*=p-con-]) :is(.elementor-widget-text-editor,
.elementor-icon-list-text,
.elementor-image-box-description,
p,
li,
blockquote) {
  color: var(--pcon-fg);
}

:where(.e-con[class*=p-con-]) :is(.elementor-heading-title,
.elementor-image-box-title,
h1,
h2,
h3,
h4,
h5,
h6) {
  color: var(--pcon-heading, var(--pcon-fg));
}

:where(.e-con[class*=p-con-]) a {
  color: var(--pcon-link, currentColor);
}

.e-con.p-con-default {
  --pcon-bg: var(--dojo-color-white);
  --pcon-fg: var(--dojo-color-text);
  --pcon-heading: var(--dojo-color-primary);
  --pcon-link: var(--dojo-color-primary);
  --padding-top: var(--dojo-section-padding);
  --padding-bottom: var(--dojo-section-padding);
}

.e-con.p-con-light {
  --pcon-bg: var(--dojo-color-muted);
  --pcon-fg: var(--dojo-color-text);
  --pcon-heading: var(--dojo-color-primary);
  --pcon-link: var(--dojo-color-primary);
  --padding-top: var(--dojo-section-padding);
  --padding-bottom: var(--dojo-section-padding);
}

.e-con.p-con-dark {
  --pcon-bg: var(--dojo-color-primary);
  --pcon-fg: var(--dojo-color-white);
  --pcon-heading: var(--dojo-color-white);
  --pcon-link: var(--dojo-color-secondary);
  --padding-top: var(--dojo-section-padding);
  --padding-bottom: var(--dojo-section-padding);
}

.e-con.p-con-hero {
  --pcon-bg: var(--dojo-color-accent);
  --pcon-fg: var(--dojo-color-white);
  --pcon-heading: var(--dojo-color-white);
  --pcon-link: var(--dojo-color-white);
  --padding-top: clamp(180px,17vw, 300px);
  --padding-bottom: var(--dojo-section-padding);
}
.e-con.p-con-hero .elementor-button {
  color: var(--dojo-color-text);
  fill: var(--dojo-color-text);
  background: #fff;
}
.e-con.p-con-hero .elementor-button:hover {
  color: #FFF;
  fill: #FFF;
  background: #1E704A;
}

.e-con.p-con-accent {
  --pcon-bg: var(--dojo-color-accent);
  --pcon-fg: var(--dojo-color-white);
  --pcon-heading: var(--dojo-color-white);
  --pcon-link: var(--dojo-color-white);
  --padding-top: var(--dojo-section-padding);
  --padding-bottom: var(--dojo-section-padding);
}
.e-con.p-con-accent .elementor-button {
  color: var(--dojo-color-text);
  fill: var(--dojo-color-text);
  background: #fff;
}
.e-con.p-con-accent .elementor-button:hover {
  color: #FFF;
  fill: #FFF;
  background: #1E704A;
}

.e-con.p-con-default + .e-con.p-con-default,
.e-con.p-con-light + .e-con.p-con-light,
.e-con.p-con-dark + .e-con.p-con-dark,
.e-con.p-con-accent + .e-con.p-con-accent {
  --padding-top:0;
}

/* Container-specific layout helpers belong here.
   Section color and typography inheritance lives in _design-system.scss. */
.dp-site-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.59) 0%, rgba(0, 0, 0, 0) 100%);
}
.dp-site-header .dp-site-logo img {
  height: auto;
}

@media (max-width: 1024px) {
  .dp-site-header {
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media (max-width: 767px) {
  .dp-site-header {
    position: absolute;
    justify-content: center;
  }
}
.dc-dialog {
  padding: 0;
  border: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
}
.dc-dialog .inner {
  max-width: 980px;
  padding: 20px;
  gap: 40px;
}
@media screen and (min-width: 620px) {
  .dc-dialog .inner {
    display: grid;
    grid-template-columns: 2fr 3fr;
  }
}
.dc-dialog .button {
  text-align: right;
}
.dc-dialog .button button {
  padding: 10px;
  background: none;
  border: 0;
  box-shadow: none;
}
.dc-dialog .button button:hover {
  background: var(--e-global-color-832eba0);
}
.dc-dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

#team-dialog-role {
  font-weight: bold;
  color: #01853A;
}

#team-dialog-image {
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  #team-dialog-image {
    aspect-ratio: 3/4;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

#team-dialog-contacts {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  #team-dialog-contacts {
    flex-direction: row;
    gap: 10px;
  }
}

#team-dialog-email, #team-dialog-phone, #team-dialog-title {
  color: var(--dojo-color-accent);
}

#team-dialog-phone, #team-dialog-facebook, #team-dialog-linkedin {
  font-weight: bold;
  font-size: 0.8em;
}
#team-dialog-phone:before, #team-dialog-facebook:before, #team-dialog-linkedin:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--dojo-color-accent);
  vertical-align: middle;
  margin-right: 5px;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

/*#team-dialog-email:before {
  mask-image:url(img/mail.svg);
}*/
#team-dialog-facebook[href=""] {
  display: none;
}

#team-dialog-phone[href=""] {
  display: none;
}

#team-dialog-linkedin[href=""] {
  display: none;
}

#team-dialog-instagram[href=""] {
  display: none;
}

#team-dialog-phone:before {
  -webkit-mask-image: url(img/phone.svg);
          mask-image: url(img/phone.svg);
}

#team-dialog-facebook:before {
  -webkit-mask-image: url(img/facebook.svg);
          mask-image: url(img/facebook.svg);
}

#team-dialog-linkedin:before {
  -webkit-mask-image: url(img/linkedin.svg);
          mask-image: url(img/linkedin.svg);
}

.team-social-list li:has(> span) {
  display: none !important;
}

.team-popup-trigger {
  cursor: pointer;
}

#team-dialog-name {
  margin-bottom: 5px;
}

#team-dialog-bio {
  padding-top: 2rem;
}

#legal {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.3);
}
#legal a {
  color: rgba(255, 255, 255, 0.3);
}
#legal svg .d-d {
  fill: rgba(255, 255, 255, 0.3);
}
#legal svg .d-j {
  fill: rgba(255, 255, 255, 0.3);
}

.sugar-calendar-block button {
  box-shadow: none;
}

.elementor-cta__button:after {
  content: " ";
  display: inline-block;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  background: var(--e-global-color-primary);
  -webkit-mask-image: url("img/arrow.svg");
          mask-image: url("img/arrow.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  vertical-align: middle;
}

.elementor-cta__button:hover:after {
  background: var(--e-global-color-secondary);
}