/*!
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 */
table {
  font-size: 1em;
}

/* Section - Dark (Primary) styles */
:where(.e-con.p-con-dark) {
  --pcon-bg: var(--e-global-color-primary);
  --pcon-fg: #fff;
  --e-global-color-text: var(--pcon-fg);
  background-color: var(--pcon-bg);
  color: var(--pcon-fg);
}

/* Make common text widgets inherit (still overridable per-widget in GUI) */
:where(.e-con.p-con-dark) :is(.elementor-heading-title,
.elementor-widget-text-editor,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
blockquote) {
  color: inherit;
}

/* Optional: links follow the text color unless you style them in GUI */
:where(.e-con.p-con-dark) a {
  color: inherit;
}

/* Section - Dark (Accent) styles */
:where(.e-con.p-con-dark-acc) {
  --pcon-bg: var(--e-global-color-accent);
  --pcon-fg: var(--e-global-color-text);
  background-color: var(--pcon-bg);
  color: var(--pcon-fg);
}

/* Make common text widgets inherit (still overridable per-widget in GUI) */
:where(.e-con.p-con-dark-acc) :is(.elementor-heading-title, h1, h2, h3, h4, h5, h6) {
  color: #fff;
}

:where(.e-con.p-con-dark-acc) :is(.elementor-widget-text-editor, p) {
  color: #444;
}

:where(.e-con.p-con-dark-acc) li,
:where(.e-con.p-con-dark-acc) blockquote {
  color: inherit;
}

/* Optional: links follow the text color unless you style them in GUI */
:where(.e-con.p-con-dark-acc) a {
  color: inherit;
}

.clip-tilt {
  --offset: 15%;
  --erase: transparent;
  position: relative;
}
@media (max-width: 991px) {
  .clip-tilt {
    --offset: 7%;
  }
}

/* When a slant is active, erase with white */
.clip-tilt.clip-tilt--right,
.clip-tilt.clip-tilt--left {
  --erase: #fff;
}

.clip-tilt > * {
  position: relative;
  z-index: 1;
}

.clip-tilt::before,
.clip-tilt::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--erase);
  pointer-events: none;
  z-index: 0;
}

.clip-tilt.clip-tilt--left::before {
  clip-path: polygon(0 -1px, 100% -1px, 100% var(--offset));
}

.clip-tilt.clip-tilt--left::after {
  clip-path: polygon(100% calc(100% + 1px), 0 calc(100% - var(--offset)), 0 calc(100% + 1px));
}

.clip-tilt.clip-tilt--right::before {
  clip-path: polygon(0 -1px, 100% -1px, 0 var(--offset));
}

.clip-tilt.clip-tilt--right::after {
  clip-path: polygon(100% calc(100% - var(--offset)), 100% calc(100% + 1px), 0 calc(100% + 1px));
}

.elementor-button {
  clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 12px);
}
.elementor-button .elementor-button-text::after {
  content: "";
  position: relative;
  transition: transform 200ms ease;
  display: inline-block;
  margin-left: 0.4em;
  width: 9px;
  height: 12px;
  background: no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 12'>  <path fill='%23fff' d='M0 0h5.25L9 6l-3.75 6H0l3.75-6L0 0Z'/></svg>");
  pointer-events: none;
}

.elementor-button:hover .elementor-button-text::after,
.elementor-button:focus-visible .elementor-button-text::after {
  transform: translateX(10px);
}

.gform_wrapper .gform_fields {
  --gf-form-gap-y: 30px !important;
}
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
  --gf-local-border-color: #c0c0c0 !important;
  box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.1) !important;
}
.gform_wrapper label {
  --gf-local-font-size: 16px !important;
}
.gform_wrapper .elementor-button {
  background-color: var(--e-global-color-primary) !important;
  border-radius: 0 !important;
  padding: 14px 20px 14px 20px !important;
}
.gform_wrapper .elementor-button-text {
  font-weight: 800;
  font-size: 18px;
}

.dctheme-slanted-image-container .dctheme-slanted-image-inner {
  --offset: 15%;
}
.dctheme-slanted-image-container .dctheme-slanted-image-inner.clip-tilt_image_right {
  background: white;
  padding: 3px;
  clip-path: polygon(0 var(--offset), 100% 0, 100% calc(100% - var(--offset)), 0 100%);
}
.dctheme-slanted-image-container .dctheme-slanted-image-inner.clip-tilt_image_right > img.dctheme-slanted-image {
  clip-path: polygon(0 var(--offset), 100% 0, 100% calc(100% - var(--offset)), 0 100%);
}
.dctheme-slanted-image-container .dctheme-slanted-image-inner.clip-tilt_image_left {
  background: white;
  padding: 3px;
  clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 calc(100% - var(--offset)));
}
.dctheme-slanted-image-container .dctheme-slanted-image-inner.clip-tilt_image_left > img.dctheme-slanted-image {
  clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 calc(100% - var(--offset)));
}
.dctheme-slanted-image-container .dctheme-slanted-image-inner > img.dctheme-slanted-image {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

:where(.wedge-tl-sm) {
  --offset: 24px;
}

:where(.wedge-tl-md) {
  --offset: 50px;
}

:where(.wedge-tl-lg) {
  --offset: 165px;
}
@media screen and (max-width: 991px) {
  :where(.wedge-tl-lg) {
    --offset: 100px;
  }
}

:where(.elementor-section.wedge-tl-sm,
.elementor-section.wedge-tl-md,
.elementor-section.wedge-tl-lg) {
  --offset-side: calc(var(--offset) * 0.75);
  clip-path: polygon(var(--offset) 0, 100% 0, 100% 100%, 0 100%, 0 var(--offset-side));
}

:where(.e-con.wedge-tl-sm,
.e-con.wedge-tl-md,
.e-con.wedge-tl-lg) {
  --offset-side: calc(var(--offset) * 0.75);
  clip-path: polygon(var(--offset) 0, 100% 0, 100% 100%, 0 100%, 0 var(--offset-side));
}

:where(.elementor-widget-image.wedge-tl-sm) img,
:where(.elementor-widget-image.wedge-tl-md) img,
:where(.elementor-widget-image.wedge-tl-lg) img {
  --offset-side: calc(var(--offset) * 0.75);
  clip-path: polygon(var(--offset) 0, 100% 0, 100% 100%, 0 100%, 0 var(--offset-side));
}

:where(.elementor-widget-call-to-action.wedge-tl-sm,
.elementor-widget-call-to-action.wedge-tl-md,
.elementor-widget-call-to-action.wedge-tl-lg) {
  --offset-side: calc(var(--offset) * 0.75);
  clip-path: polygon(var(--offset) 0, 100% 0, 100% 100%, 0 100%, 0 var(--offset-side));
}

body.elementor-editor-active :where(.e-con.wedge-tl-sm,
.e-con.wedge-tl-md,
.e-con.wedge-tl-lg,
.elementor-section.wedge-tl-sm,
.elementor-section.wedge-tl-md,
.elementor-section.wedge-tl-lg,
.elementor-widget-call-to-action.wedge-tl-sm,
.elementor-widget-call-to-action.wedge-tl-md,
.elementor-widget-call-to-action.wedge-tl-lg) {
  clip-path: none !important;
}

body.elementor-editor-active :where(.elementor-widget-image.wedge-tl-sm,
.elementor-widget-image.wedge-tl-md,
.elementor-widget-image.wedge-tl-lg) img {
  clip-path: none !important;
}

body.elementor-editor-active :where(.e-con.wedge-tl-sm,
.e-con.wedge-tl-md,
.e-con.wedge-tl-lg,
.elementor-section.wedge-tl-sm,
.elementor-section.wedge-tl-md,
.elementor-section.wedge-tl-lg,
.elementor-widget-call-to-action.wedge-tl-sm,
.elementor-widget-call-to-action.wedge-tl-md,
.elementor-widget-call-to-action.wedge-tl-lg)::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(135deg, rgba(230, 0, 0, 0.15), rgba(230, 0, 0, 0.15) 10px, transparent 10px, transparent 20px);
  background-repeat: no-repeat;
  background-size: 100px 60px;
  z-index: 2;
  border-radius: inherit;
}