/*!
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: #010A17;
  --e-global-color-secondary: #015699;
  --e-global-color-text: #FFFFFF;
  --e-global-color-accent: #D3B34E;
  --e-global-color-d08605a: #AB8E32;
  --e-global-color-17264f4: #003E6E;
}

table {
  font-size: 1em;
}

main#content {
  --padding-top: 100px;
  --padding-bottom: 100px;
  --padding-left: 20px;
  --padding-right: 20px;
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
}
@media (max-width: 1366px) {
  main#content {
    --padding-top: 50px;
    --padding-bottom: 50px;
    --padding-left: 20px;
    --padding-right: 20px;
  }
}

.elementor-page main#content {
  padding-top: 0;
  padding-bottom: 0;
}

.e-con.p-con-def {
  --padding-top: 100px;
  --padding-bottom: 100px;
  --padding-left: 20px;
  --padding-right: 20px;
}
@media (max-width: 1366px) {
  .e-con.p-con-def {
    --padding-top: 50px;
    --padding-bottom: 50px;
    --padding-left: 20px;
    --padding-right: 20px;
  }
}
.e-con.p-con-def + .e-con.p-con-def {
  --padding-top:0;
}
.e-con.p-con-light {
  --padding-top: 100px;
  --padding-bottom: 100px;
  --padding-left: 20px;
  --padding-right: 20px;
  --e-global-color-text: #000;
  background-color: rgba(185, 143, 47, 0.1);
  color: var(--e-global-color-text, inherit);
}
@media (max-width: 1366px) {
  .e-con.p-con-light {
    --padding-top: 50px;
    --padding-bottom: 50px;
    --padding-left: 20px;
    --padding-right: 20px;
  }
}
.e-con.p-con-light + .e-con.p-con-light {
  --padding-top:0;
}
.e-con.p-con-brown {
  --padding-top: 100px;
  --padding-bottom: 100px;
  --padding-left: 20px;
  --padding-right: 20px;
  --e-global-color-text: #fff;
  background-color: #B98F2F;
  color: var(--e-global-color-text, inherit);
}
@media (max-width: 1366px) {
  .e-con.p-con-brown {
    --padding-top: 50px;
    --padding-bottom: 50px;
    --padding-left: 20px;
    --padding-right: 20px;
  }
}
.e-con.p-con-brown + .e-con.p-con-brown {
  --padding-top:0;
}
.e-con.p-con-dark {
  --padding-top: 100px;
  --padding-bottom: 100px;
  --padding-left: 20px;
  --padding-right: 20px;
  --e-global-color-text: #fff;
  background-color: #2B221A;
  color: var(--e-global-color-text, inherit);
}
@media (max-width: 1366px) {
  .e-con.p-con-dark {
    --padding-top: 50px;
    --padding-bottom: 50px;
    --padding-left: 20px;
    --padding-right: 20px;
  }
}
.e-con.p-con-dark + .e-con.p-con-dark {
  --padding-top:0;
}

#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);
}

/*** Header Styles ***/
@media (width >= 1025px) {
  .menu_mob_items {
    display: none !important;
  }
  .menu_desktop .hd_desktop_menu {
    display: none !important;
  }
  .menu_desktop .hd_mob_menu {
    display: flex !important;
  }
  .dj_main_menu li:nth-child(5) a {
    margin-right: 0 !important;
  }
}
.menu_desktop {
  clip-path: polygon(25px 0, 100% 0, 100% 100%, 25px 100%, 0 50%);
}

.menu_desktop::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: url("/wp-content/themes/dctheme/images/header-menu-icon.svg") no-repeat center;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  top: 12px;
  left: 25px;
}

@media (width <= 1024px) {
  .dj_main_menu li:first-child a {
    padding-top: 20px !important;
  }
  .dj_main_menu li:last-child a {
    padding-bottom: 20px !important;
  }
}
/*** Footer Styles ***/
.dj_footer_menu .elementor-nav-menu li {
  position: relative;
}

.dj_footer_menu .elementor-nav-menu li::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/wp-content/themes/dctheme/images/arr-icon-right.svg") no-repeat center;
  background-size: contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/*** Container Styles ***/
.p-con-brown .elementor-button {
  background-color: var(--e-global-color-ce885e2);
  color: var(--e-global-color-secondary);
}

.p-con-brown .elementor-button:hover {
  background-color: var(--e-global-color-secondary);
  color: var(--e-global-color-ce885e2);
}

.p-con-light p.elementor-icon-box-description, .dj_text p, .p-con-def .elementor-widget-text-editor, .p-con-light .elementor-widget-text-editor, .dj_plumbing_card .elementor-widget-text-editor {
  color: #7A7A7A !important;
}

.elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}

/*** Global Styles ***/
.dj_hp_card_content .elementor-widget-text-editor {
  position: relative;
}

.dj_hp_card_content .elementor-widget-text-editor:before {
  content: "";
  background-color: var(--e-global-color-primary);
  position: absolute;
  width: 2px;
  height: 40px;
  left: 0;
  top: 5px;
}

.dj_gallery .elementor-image-gallery .gallery-icon {
  height: 225px;
}

.dj_gallery .elementor-image-gallery .gallery-item img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.dj_h2 h1 {
  letter-spacing: 0;
}

.elementor-widget-text-editor ul {
  padding-left: 20px;
}

.elementor-widget-text-editor ul li {
  margin-bottom: 10px;
}

.dj_framing_card:hover {
  background-color: var(--e-global-color-accent) !important;
}

@media (width >= 1025px) {
  .dj_plumbing_card {
    position: relative;
  }
  .dj_plumbing_card::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 100px;
    background: url("/wp-content/themes/dctheme/images/plumbing-process-icon.svg") no-repeat center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    top: -10px;
    right: -40px;
  }
}
.dj_contact_tabs .e-n-tabs-heading {
  padding-left: 60px;
  position: relative;
  border-bottom: 1px solid var(--e-global-color-primary);
}

.dj_contact_tabs .e-n-tab-title[aria-selected=true]::before {
  content: "";
  width: 100%;
  height: 10px;
  position: absolute;
  background-color: #fff;
  bottom: -5px;
}

/*** Blog Styles ***/
.single-post :is(h2, h3, h4, h5, h6) ~ :is(h2, h3, h4, h5, h6) {
  margin-top: 80px;
}

.gform_body .gform_fields {
  row-gap: 20px;
}

/* Required Text Styles  */
.gform_body .gfield_required .gfield_required_text {
  display: none;
}

.gform_body .gfield_label .gfield_required:after {
  content: "*";
  font-size: 16px !important;
}

/* Text, Label Styles */
.gform_wrapper .gfield_label, .gform_wrapper input {
  font-family: "Roboto", Sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin-bottom: 0;
  color: var(--e-global-color-secondary);
}

.gform_wrapper input:not([type=checkbox]), .gform_wrapper select {
  min-height: 40px !important;
}

.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {
  border: 1px solid #ACB1B5 !important;
  box-shadow: none !important;
}

/* Submit Button  */
.gform_wrapper input[type=button], .gform_wrapper input[type=submit] {
  background-color: var(--e-global-color-primary) !important;
  color: var(--e-global-color-ce885e2) !important;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-accent-font-size) !important;
  font-weight: var(--e-global-typography-accent-font-weight) !important;
  border: 1px solid var(--e-global-color-accent) !important;
  padding: 15px 50px 15px 50px !important;
}

.gform_wrapper input[type=button]:hover, .gform_wrapper input[type=submit]:hover {
  background-color: var(--e-global-color-secondary) !important;
  color: var(--e-global-color-ce885e2) !important;
}