/*!
Theme Name:   Hellix Child
Theme URI:    https://madrasthemes.com/hellix/
Author:       MadrasThemes
Author URI:   https://madrasthemes.com/
Description:  Child Theme of Hellix - Modern Architecture & Interior Design Elementor WordPress Theme. Hellix is a niche WordPress Theme built distinctively for Architects and Interior Designers. Whether you are an individual or a corporate, Hellix is the theme for you to showcase your portfolio. Use Hellix to exhibit your Elevations, Floor Plans, Interior designs, 3D drawings, Product designs, etc.
Version:      1.0.19
Tested up to: 5.8
Requires PHP: 7.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Template:     hellix
Text Domain:  hellix-child
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, footer-widgets, sticky-post, theme-options, editor-style
*/
:root {
  --accent-color: $primary-main-color;
  --secondary-color: $secondary-main-color;
}

.button.-dark {
  background-color: #102312 !important;
}

header.header.is-sticky .header__bar {
  background-color: #102312;
}
header.header .menu ul#menu-primary > li.menu-item:hover a {
  color: white !important;
}
header.header .header__icons {
  display: none;
}
@media (max-width: 991px) {
  header.header .header__icons {
    display: flex;
  }
}

.page-masthead .highlighted-heading__title.page-masthead__subtitle {
  color: white !important;
}

.elementor-60 .elementor-element.elementor-element-7f979c5f .service.-card.-hover .service__content::after, .elementor-60 .elementor-element.elementor-element-e05ec86 .service.-card.-hover .service__content::after, .elementor-60 .elementor-element.elementor-element-7689c34b .service.-card.-hover .service__content::after, .elementor-60 .elementor-element.elementor-element-2a69a709 .service.-card.-hover .service__content::after {
  background-color: #306935 !important;
}
.elementor-60 .elementor-element.elementor-element-7f979c5f .service.-card.-hover .service__icon, .elementor-60 .elementor-element.elementor-element-e05ec86 .service.-card.-hover .service__icon, .elementor-60 .elementor-element.elementor-element-7689c34b .service.-card.-hover .service__icon, .elementor-60 .elementor-element.elementor-element-2a69a709 .service.-card.-hover .service__icon {
  background-color: rgba(29, 63, 32, 0.1) !important;
}
.elementor-60 .elementor-element.elementor-element-7f979c5f .service.-card.-hover:hover .service__content, .elementor-60 .elementor-element.elementor-element-e05ec86 .service.-card.-hover:hover .service__content, .elementor-60 .elementor-element.elementor-element-7689c34b .service.-card.-hover:hover .service__content, .elementor-60 .elementor-element.elementor-element-2a69a709 .service.-card.-hover:hover .service__content {
  background-color: #102312 !important;
}
.elementor-60 .elementor-element.elementor-element-7f979c5f .service.-card.-hover:hover .service__icon, .elementor-60 .elementor-element.elementor-element-e05ec86 .service.-card.-hover:hover .service__icon, .elementor-60 .elementor-element.elementor-element-7689c34b .service.-card.-hover:hover .service__icon, .elementor-60 .elementor-element.elementor-element-2a69a709 .service.-card.-hover:hover .service__icon {
  background-color: #306935 !important;
}

.home-services .service.-card .service__icon svg {
  width: 32px;
  height: 32px;
  fill: var(--accent-color);
}
.home-services .service.-card:hover svg {
  fill: #fff;
}

@media (max-width: 991px) {
  .sectionSlider .swiper-wrapper .swiper-slide .portfolio__content {
    position: relative;
  }
}

.elementor-portfolio-container .portfolioCard__content a.portfolioCard__category {
  color: white !important;
}

footer.footer {
  background-color: #102312;
}
footer.footer .footer__socials_content i.hx-elementor-social-icon.elementor-social-icon {
  background-color: transparent !important;
}
footer.footer .footer__top {
  padding-top: 80px;
  padding-bottom: 80px;
}
footer.footer .footer__bottom {
  padding: 16px 0;
}
footer.footer .footer__bottom .footer__logo img {
  max-height: 48px;
}

.wpforms-container.-light select,
.wpforms-container.-light input[type=text],
.wpforms-container.-light input[type=search],
.wpforms-container.-light textarea,
.wpforms-container.-light input[type=email] {
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

/*# sourceMappingURL=style.css.map */