/* ===== ULTRA AIR DUCT CLEANING THEME SKIN ===== */

:root{
  --theme-primary-color: #e52b2b;
  --theme-secondary-color: #8b84c6;
  --theme-accent-color: #6fb6d4;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
a.button,
a.btn,
.btn,
.theme-btn,
.rooftex-btn,
.elementor-button,
.elementor-widget-button .elementor-button,
.wp-block-button__link,
.header-btn a,
.slider-btn a,
.banner-btn a,
.topbar-btn a,
.call-btn a,
.phone-btn a,
.contact-btn a,
.header-contact-btn a,
.header-right a {
  background: linear-gradient(
    90deg,
    #e52b2b 0%,
    #ef6a63 20%,
    #c78fb2 40%,
    #8b84c6 60%,
    #6b8ecf 80%,
    #6fb6d4 100%
  ) !important;
  background-image: linear-gradient(
    90deg,
    #e52b2b 0%,
    #ef6a63 20%,
    #c78fb2 40%,
    #8b84c6 60%,
    #6b8ecf 80%,
    #6fb6d4 100%
  ) !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

/* force inner layers */
button::before,
button::after,
a.button::before,
a.button::after,
a.btn::before,
a.btn::after,
.btn::before,
.btn::after,
.theme-btn::before,
.theme-btn::after,
.rooftex-btn::before,
.rooftex-btn::after,
.elementor-button::before,
.elementor-button::after,
.elementor-widget-button .elementor-button::before,
.elementor-widget-button .elementor-button::after,
.header-btn a::before,
.header-btn a::after,
.slider-btn a::before,
.slider-btn a::after,
.banner-btn a::before,
.banner-btn a::after,
.topbar-btn a::before,
.topbar-btn a::after,
.call-btn a::before,
.call-btn a::after,
.phone-btn a::before,
.phone-btn a::after,
.contact-btn a::before,
.contact-btn a::after,
.header-contact-btn a::before,
.header-contact-btn a::after,
.header-right a::before,
.header-right a::after {
  content: "";
  background: linear-gradient(
    90deg,
    #e52b2b 0%,
    #ef6a63 20%,
    #c78fb2 40%,
    #8b84c6 60%,
    #6b8ecf 80%,
    #6fb6d4 100%
  ) !important;
  background-image: linear-gradient(
    90deg,
    #e52b2b 0%,
    #ef6a63 20%,
    #c78fb2 40%,
    #8b84c6 60%,
    #6b8ecf 80%,
    #6fb6d4 100%
  ) !important;
  background-color: transparent !important;
}

/* text and icons stay white */
button *,
a.button *,
a.btn *,
.btn *,
.theme-btn *,
.rooftex-btn *,
.elementor-button *,
.elementor-widget-button .elementor-button *,
.header-btn a *,
.slider-btn a *,
.banner-btn a *,
.topbar-btn a *,
.call-btn a *,
.phone-btn a *,
.contact-btn a *,
.header-contact-btn a *,
.header-right a * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* top-right header call button specifically */
.header .contact-btn a,
.header .call-btn a,
.header .phone-btn a,
.header-right .contact-btn a,
.header-right .call-btn a,
.header-right .phone-btn a,
.top-header-right a,
.right-header a {
  background: linear-gradient(
    90deg,
    #e52b2b 0%,
    #ef6a63 20%,
    #c78fb2 40%,
    #8b84c6 60%,
    #6b8ecf 80%,
    #6fb6d4 100%
  ) !important;
  background-image: linear-gradient(
    90deg,
    #e52b2b 0%,
    #ef6a63 20%,
    #c78fb2 40%,
    #8b84c6 60%,
    #6b8ecf 80%,
    #6fb6d4 100%
  ) !important;
  background-color: transparent !important;
  color: #fff !important;
}

/* hover */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
a.button:hover,
a.btn:hover,
.btn:hover,
.theme-btn:hover,
.rooftex-btn:hover,
.elementor-button:hover,
.elementor-widget-button .elementor-button:hover,
.wp-block-button__link:hover,
.header-btn a:hover,
.slider-btn a:hover,
.banner-btn a:hover,
.topbar-btn a:hover,
.call-btn a:hover,
.phone-btn a:hover,
.contact-btn a:hover,
.header-contact-btn a:hover,
.header-right a:hover {
  background: linear-gradient(
    90deg,
    #ff3a3a 0%,
    #ff7b6d 20%,
    #d7a0c9 40%,
    #9b93da 60%,
    #7ea0e0 80%,
    #8fd1ea 100%
  ) !important;
  background-image: linear-gradient(
    90deg,
    #ff3a3a 0%,
    #ff7b6d 20%,
    #d7a0c9 40%,
    #9b93da 60%,
    #7ea0e0 80%,
    #8fd1ea 100%
  ) !important;
  color: #ffffff !important;
}