/*!
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: 4rem;
  --padding-bottom: 4rem;
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
}
@media (max-width: 1024px) {
  main#content {
    --padding-top: 3rem;
    --padding-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  main#content {
    --padding-top: 2.5rem;
    --padding-bottom: 2.5rem;
  }
}

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

.e-con.p-con-dark {
  --padding-top: 4rem;
  --padding-bottom: 4rem;
  --e-global-color-text: #fff;
  --e-global-color-primary: #fff;
  background-color: #000000;
  color: var(--e-global-color-text, inherit);
}
@media (max-width: 1024px) {
  .e-con.p-con-dark {
    --padding-top: 3rem;
    --padding-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .e-con.p-con-dark {
    --padding-top: 2.5rem;
    --padding-bottom: 2.5rem;
  }
}
.e-con.p-con-dark + .e-con.p-con-dark {
  --padding-top:0;
}
.e-con.p-con-dark h5 {
  color: #fff;
}
.e-con.p-con-dark h6 {
  color: #fff;
}
.e-con.p-con-dark button, .e-con.p-con-dark .elementor-button {
  color: #000 !important;
  border: 1px solid #000 !important;
}
.e-con.p-con-dark button:hover, .e-con.p-con-dark .elementor-button:hover {
  color: #fff !important;
}
.e-con.p-con-light {
  --padding-top: 4rem;
  --padding-bottom: 4rem;
  --e-global-color-text: #000;
  --e-global-color-primary: #000;
  background-color: var(--Secondary, #F6F6F6);
  color: var(--e-global-color-text, inherit);
}
@media (max-width: 1024px) {
  .e-con.p-con-light {
    --padding-top: 3rem;
    --padding-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .e-con.p-con-light {
    --padding-top: 2.5rem;
    --padding-bottom: 2.5rem;
  }
}
.e-con.p-con-light + .e-con.p-con-light {
  --padding-top:0;
}
.e-con.p-con-light h5 {
  color: #000;
}
.e-con.p-con-light h6 {
  color: #000;
}
.e-con.p-con-light button, .e-con.p-con-light .elementor-button {
  background-color: transparent !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.e-con.p-con-light button:hover, .e-con.p-con-light .elementor-button:hover {
  background-color: #CD0000 !important;
  color: #fff !important;
}
.e-con.p-con-def {
  --padding-top: 4rem;
  --padding-bottom: 4rem;
  background-color: #FFFFFF;
}
@media (max-width: 1024px) {
  .e-con.p-con-def {
    --padding-top: 3rem;
    --padding-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .e-con.p-con-def {
    --padding-top: 2.5rem;
    --padding-bottom: 2.5rem;
  }
}
.e-con.p-con-def + .e-con.p-con-def {
  --padding-top:0;
}
.e-con.p-con-def h1, .e-con.p-con-def h2, .e-con.p-con-def h3, .e-con.p-con-def h4, .e-con.p-con-def h5, .e-con.p-con-def h6 {
  color: #000 !important;
}
.e-con.p-con-def [style*=color] {
  color: var(--e-global-color-text, inherit);
}
.e-con.p-con-def button, .e-con.p-con-def .elementor-button {
  color: #000 !important;
  border: 1px solid #000 !important;
}
.e-con.p-con-def button:hover, .e-con.p-con-def .elementor-button:hover {
  color: #fff !important;
}
.e-con.p-blur-yes {
  position: relative !important;
  z-index: 0 !important;
}
.e-con.p-blur-yes.p-blur-border-single {
  border: 1px solid #FFF !important;
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(12.5px) !important;
  -webkit-backdrop-filter: blur(12.5px) !important;
}
.e-con.p-blur-yes.p-blur-border-double {
  position: relative !important;
  border: 1px solid #FFF !important;
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(12.5px) !important;
  -webkit-backdrop-filter: blur(12.5px) !important;
}
.e-con.p-blur-yes.p-blur-border-double:after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  bottom: 6px !important;
  left: 6px !important;
  border: 1px solid #FFF !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.e-con.p-blur-yes > * {
  position: relative !important;
  z-index: 2 !important;
}
.e-con.p-blur-yes button, .e-con.p-blur-yes .elementor-button {
  background: transparent !important;
  color: #FFF !important;
  border: 1px solid #FFF !important;
}
.e-con.p-blur-yes button:hover, .e-con.p-blur-yes .elementor-button:hover {
  background: var(--Red, #CD0000) !important;
}

.lupkin-hover {
  transition: transform 0.3s ease-in-out;
  position: relative;
}
.lupkin-hover img {
  transition: border-bottom 0.3s ease-in-out;
  border-bottom: 4px solid transparent;
}
.lupkin-hover h1, .lupkin-hover h2, .lupkin-hover h3, .lupkin-hover h4, .lupkin-hover h5, .lupkin-hover h6, .lupkin-hover p, .lupkin-hover span, .lupkin-hover div, .lupkin-hover a, .lupkin-hover li,
.lupkin-hover .elementor-post__title, .lupkin-hover .elementor-post__excerpt, .lupkin-hover .elementor-post-content,
.lupkin-hover .elementor-widget-container, .lupkin-hover .elementor-text-editor, .lupkin-hover .elementor-heading-title {
  transition: color 0.3s ease-in-out;
}
.lupkin-hover:hover {
  transform: translateY(-5px);
}
.lupkin-hover:hover img {
  border-bottom: 4px solid #CD0000 !important;
}
.lupkin-hover:hover h1:not([style*="color:hover"]),
.lupkin-hover:hover h2:not([style*="color:hover"]),
.lupkin-hover:hover h3:not([style*="color:hover"]),
.lupkin-hover:hover h4:not([style*="color:hover"]),
.lupkin-hover:hover h5:not([style*="color:hover"]),
.lupkin-hover:hover h6:not([style*="color:hover"]),
.lupkin-hover:hover p:not([style*="color:hover"]),
.lupkin-hover:hover span:not([style*="color:hover"]),
.lupkin-hover:hover div:not([style*="color:hover"]),
.lupkin-hover:hover a:not(:hover):not([style*="color:hover"]),
.lupkin-hover:hover li:not([style*="color:hover"]),
.lupkin-hover:hover .elementor-post__title:not([style*="color:hover"]),
.lupkin-hover:hover .elementor-post__excerpt:not([style*="color:hover"]),
.lupkin-hover:hover .elementor-post-content:not([style*="color:hover"]),
.lupkin-hover:hover .elementor-widget-container:not([style*="color:hover"]),
.lupkin-hover:hover .elementor-text-editor:not([style*="color:hover"]),
.lupkin-hover:hover .elementor-heading-title:not([style*="color:hover"]) {
  color: #CD0000 !important;
}

.blur-effect {
  position: relative;
  z-index: 0;
  overflow: hidden;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.blur-effect::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  background-size: cover;
  background-position: center;
  filter: blur(12.5px) !important;
  -webkit-filter: blur(12.5px) !important;
  z-index: -2;
}
.blur-effect::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1) !important;
  z-index: -1;
}
.blur-effect > * {
  position: relative !important;
  z-index: 2 !important;
}

.elementor-perfect-circle-image img {
  position: relative !important;
  aspect-ratio: 1/1 !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  box-sizing: content-box !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center !important;
     object-position: center !important;
  max-width: 100% !important;
}

.elementor-widget-image .elementor-perfect-circle-image {
  width: 100% !important;
  max-width: 100% !important;
  display: inline-block !important;
}

.elementor .elementor-widget-image .elementor-perfect-circle-image img,
.elementor-section .elementor-container .elementor-perfect-circle-image img {
  border-radius: 50% !important;
}

.elementor-perfect-circle-image:hover img {
  border: 4px solid #CD0000 !important;
}

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