/** Theme Name: Astra Child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ :root { --bh-btn-icon: url("data:image/svg+xml;utf8,"); --bh-dots-shape: url("data:image/svg+xml;utf8,"); --bh-dots-color: #00A4D2; --bh-dots-w: 52px; --bh-dots-h: 4px; --bh-dots-gap: 16px; --bh-icon-size-ast: 24px; --bh-icon-size: 32px; --bh-icon-size-crd: 24px; --bh-icon-gap: 10px; --bh-red: #ED3124; --bh-black: #0D0B0B; --bh-white: #FFFFFF; --bh-dots-color-green: #34B44A; --bh-dots-color-blue: #4F569A; --bh-dots-color-orange: #f58425; } /* ---- THE ICON ITSELF (this was missing) ---- */ .elementor-widget.bh-btn-main .elementor-button-content-wrapper::after, .elementor-widget.bh-btn-secondary .elementor-button-content-wrapper::after, .elementor-widget.bh-btn-light .elementor-button-content-wrapper::after { content: ""; display: inline-block; width: var(--bh-icon-size); height: var(--bh-icon-size); margin-left: var(--bh-icon-gap); flex-shrink: 0; background-color: currentColor; -webkit-mask: var(--bh-btn-icon) no-repeat center / contain; mask: var(--bh-btn-icon) no-repeat center / contain; transition: background-color .3s ease; } .elementor-widget.bh-btn-main .elementor-button-content-wrapper, .elementor-widget.bh-btn-secondary .elementor-button-content-wrapper, .elementor-widget.bh-btn-light .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } /* Shared base for all three */ .elementor-widget.bh-btn-main .elementor-button, .elementor-widget.bh-btn-secondary .elementor-button, .elementor-widget.bh-btn-light .elementor-button { transition: background-color .3s ease, color .3s ease, border-color .3s ease; } /* 1) MAIN: no bg, black text + black icon → red bg, white text + white icon */ .elementor-widget.bh-btn-main .elementor-button { background-color: transparent; color: var(--bh-black); } .elementor-widget.bh-btn-main .elementor-button:hover, .elementor-widget.bh-btn-main .elementor-button:focus { background-color: var(--bh-red); color: var(--bh-white); border-color: var(--bh-red); } /* 2) SECONDARY: red bg, white text + white icon */ .elementor-widget.bh-btn-secondary .elementor-button { background-color: var(--bh-red); color: var(--bh-white); } .elementor-widget.bh-btn-secondary .elementor-button:hover, .elementor-widget.bh-btn-secondary .elementor-button:focus { } /* 3) LIGHT: no bg, white text + white icon → red bg, white text + white icon */ .elementor-widget.bh-btn-light .elementor-button { background-color: transparent; color: var(--bh-white); border-color: var(--bh-white); } .elementor-widget.bh-btn-light .elementor-button:hover, .elementor-widget.bh-btn-light .elementor-button:focus { background-color: var(--bh-red); color: var(--bh-white); border-color: var(--bh-red); } /* ---- CTA widget button (no content-wrapper, attach icon to the ) ---- */ .elementor-widget.bh-btn-main .elementor-cta__button, .elementor-widget.bh-btn-secondary .elementor-cta__button, .elementor-widget.bh-btn-light .elementor-cta__button { display: inline-flex; align-items: center; justify-content: center; } .elementor-widget.bh-btn-main .elementor-cta__button::after, .elementor-widget.bh-btn-secondary .elementor-cta__button::after, .elementor-widget.bh-btn-light .elementor-cta__button::after { content: ""; display: inline-block; width: var(--bh-icon-size-crd); height: var(--bh-icon-size-crd); margin-left: var(--bh-icon-gap); flex-shrink: 0; background-color: currentColor; -webkit-mask: var(--bh-btn-icon) no-repeat center / contain; mask: var(--bh-btn-icon) no-repeat center / contain; transition: background-color .3s ease, transform .35s cubic-bezier(.4,0,.2,1), opacity .35s ease; } .ast-custom-button::after, .wp-block-button__link::after { content: ""; display: inline-block; vertical-align: middle; width: var(--bh-icon-size-ast); height: var(--bh-icon-size-ast); margin-left: var(--bh-icon-gap); background-color: #fff; -webkit-mask: var(--bh-btn-icon) no-repeat center / contain; mask: var(--bh-btn-icon) no-repeat center / contain; transition: background-color .3s ease; } .ast-custom-button:hover::after, .wp-block-button__link:hover::after { background-color: #fff; } /* anime */ /* ===== Icon animations (add-on classes) ===== */ /* Shared: allow transform to animate smoothly */ [class*="bh-anim-"] .elementor-button-content-wrapper::after { transition: background-color .3s ease, transform .35s cubic-bezier(.4,0,.2,1), opacity .35s ease; will-change: transform; } /* A) NUDGE: icon slides a little to the right on hover */ .bh-anim-nudge .elementor-button:hover .elementor-button-content-wrapper::after { transform: translateX(5px); } /* B) SLIDE-THROUGH: icon exits right, re-enters from left */ .bh-anim-slide .elementor-button-content-wrapper { overflow: hidden; } .bh-anim-slide .elementor-button:hover .elementor-button-content-wrapper::after { animation: bh-slide-through .6s cubic-bezier(.4,0,.2,1); } @keyframes bh-slide-through { 0% { transform: translateX(0); opacity: 1; } 45% { transform: translateX(120%); opacity: 0; } 46% { transform: translateX(-120%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } /* C) BOUNCE LOOP: icon keeps gently moving while hovered */ .bh-anim-bounce .elementor-button:hover .elementor-button-content-wrapper::after { animation: bh-bounce 0.9s ease-in-out infinite; } @keyframes bh-bounce { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(6px); } } /* Respect users who turn off motion in their OS */ @media (prefers-reduced-motion: reduce) { [class*="bh-anim-"] .elementor-button-content-wrapper::after { animation: none !important; transform: none !important; transition: background-color .3s ease; } } /* Nudge */ .bh-anim-nudge .elementor-cta__button:hover::after { transform: translateX(5px); } /* Slide-through */ .bh-anim-slide .elementor-cta__button { overflow: hidden; } .bh-anim-slide .elementor-cta__button:hover::after { animation: bh-slide-through .6s cubic-bezier(.4,0,.2,1); } /* Bounce */ .bh-anim-bounce .elementor-cta__button:hover::after { animation: bh-bounce 0.9s ease-in-out infinite; } @media (prefers-reduced-motion: reduce) { [class*="bh-anim-"] .elementor-cta__button::after { animation: none !important; transform: none !important; } } /* Layout */ .bh-dots .elementor-heading-title, h1.bh-dots, h2.bh-dots, h3.bh-dots, h4.bh-dots, h5.bh-dots, h6.bh-dots, p.bh-dots { display: flex; align-items: center; font-weight: 400!important; gap: var(--bh-dots-gap); } .flx-justify .elementor-heading-title, h1.flx-justify, h2.flx-justify, h3.flx-justify, h4.flx-justify, h5.flx-justify, h6.flx-justify, p.flx-justify{ justify-content: center!important; } /* Dot shape */ .bh-dots .elementor-heading-title::before, .bh-dots .elementor-heading-title::after, h1.bh-dots::before, h1.bh-dots::after, h2.bh-dots::before, h2.bh-dots::after, h3.bh-dots::before, h3.bh-dots::after, h4.bh-dots::before, h4.bh-dots::after, h5.bh-dots::before, h5.bh-dots::after, h6.bh-dots::before, h6.bh-dots::after, p.bh-dots::before, p.bh-dots::after { content: ""; flex: 0 0 var(--bh-dots-w); width: var(--bh-dots-w); height: var(--bh-dots-h); -webkit-mask: var(--bh-dots-shape) no-repeat center / 100% 100%; mask: var(--bh-dots-shape) no-repeat center / 100% 100%; } /* Left: faint on the outside → solid next to the text */ .bh-dots .elementor-heading-title::before, h1.bh-dots::before, h2.bh-dots::before, h3.bh-dots::before, h4.bh-dots::before, h5.bh-dots::before, h6.bh-dots::before, p.bh-dots::before { background: linear-gradient(to right, transparent, var(--bh-dots-color)); } /* Right: solid next to the text → faint on the outside */ .bh-dots .elementor-heading-title::after, h1.bh-dots::after, h2.bh-dots::after, h3.bh-dots::after, h4.bh-dots::after, h5.bh-dots::after, h6.bh-dots::after, p.bh-dots::after { background: linear-gradient(to right, var(--bh-dots-color), transparent); } /* Color variants: swap the variable, gradients follow */ .bh-dots.bh-green { --bh-dots-color: var(--bh-dots-color-green); } .bh-dots.bh-blue { --bh-dots-color: var(--bh-dots-color-blue); } .bh-dots.bh-orange { --bh-dots-color: var(--bh-dots-color-orange); } /* Optional: hide the dots on small screens */ @media (max-width: 767px) { /* .bh-dots .elementor-heading-title::before, .bh-dots .elementor-heading-title::after { display: none; } */ h1,h2,h3,h5,h6,h4{ line-height: 35px!important; } } .bh-fade-edges .swiper, .bh-fade-edges .elementor-swiper, .bh-fade-edges .swiper-container { -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); } /* Flat #A2A2A2 logos */ .bh-logo-gray .swiper-slide img, .bh-logo-gray .elementor-carousel-image { filter: brightness(0) invert(63.5%); transition: filter .3s ease, opacity .3s ease; } /* Optional: original colors on hover */ .bh-logo-gray .swiper-slide:hover img, .bh-logo-gray .swiper-slide:hover .elementor-carousel-image { filter: none; } /* Big inline quote marks */ .bh-quote-mark { font-size: 50px; line-height: 0; vertical-align: -0.35em; margin-right: 4px; } .bh-quote-mark--close { margin-right: 0; margin-left: 2px; } .synergy100{ color: #00A4D2; } .synergy200{ color: #34B44A; } .synergy300{ color: #4F569A; } .def-icon{ color: #ed3124; } /* Open FAQ item: square off the title's bottom corners */ /* New nested Accordion widget */ .faq-software .e-n-accordion-item[open] > .e-n-accordion-item-title { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* Classic Accordion / Toggle widget */ .faq-software .elementor-tab-title.elementor-active { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* Smooth corner change when opening/closing */ .faq-software .e-n-accordion-item-title, .faq-software .elementor-tab-title { transition: border-radius .2s ease; } /* Title: max 2 lines */ .bh-clamp-2 .elementor-heading-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; } /* Text Editor + ACF: max 3 lines */ .elementor-widget.bh-clamp-3, .elementor-widget.bh-clamp-3 > .elementor-widget-container { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; } /* Treat multiple paragraphs as one flowing text */ .elementor-widget.bh-clamp-3 p { display: inline; margin: 0; } .elementor-widget.bh-clamp-3 p + p::before { content: " "; } .elementor-widget.bh-clamp-4, .elementor-widget.bh-clamp-4 > .elementor-widget-container { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 1; overflow: hidden; } /* Treat multiple paragraphs as one flowing text */ .elementor-widget.bh-clamp-4 p { display: inline; margin: 0; } .elementor-widget.bh-clamp-4 p + p::before { content: " "; } /* filter */ span.search-filter-input-checkbox__label{ color: #BABABA; } .search-filter-input-checkbox--is-active span.search-filter-input-checkbox__label{ color: #fff; } .search-filter-input-button{ border-radius: 16px!important; background: transparent!important; text-transform: uppercase!important; } .search-filter-input-button--is-selected{ background: #ED3124!important; } .search-filter-field--id-6 button{ color: #ED3124!important; border: 0px!important; text-transform:normal!important; } .search-filter-input-checkbox--is-active>.search-filter-input-checkbox__container>.search-filter-input-checkbox__control>svg , .search-filter-label__toggle-icon .search-filter-icon__svg{ fill: #ED3124!important; } /* Off-canvas filter: full height panel, scrollable content */ #off-canvas-3568f05 .e-off-canvas__main { height: 100vh; height: 100dvh; max-height: 100dvh; display: flex; flex-direction: column; overflow: hidden; } #off-canvas-3568f05 .e-off-canvas__content { flex: 1 1 auto; min-height: 0; /* lets the flex child shrink so it can scroll */ overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } /* ========================================================= GRAVITY FORMS — ByteHive styles ========================================================= */ /* ---------- Colors (override Orbital theme) ---------- */ .gform_wrapper, .gform_wrapper.gform-theme, .gform-theme--framework { --gf-color-primary: #ED3124 !important; --gf-color-primary-rgb: 237, 49, 36 !important; --gf-color-primary-contrast: #fff !important; --gf-color-primary-darker: #C9261B !important; --gf-color-primary-lighter: #FF5A4E !important; } /* ---------- Text fields, select, textarea ---------- */ .gform_wrapper .gfield input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]), .gform_wrapper .gfield select, .gform_wrapper .gfield textarea { min-height: 45px !important; padding: 0 20px !important; border: 1px solid #ED3124 !important; border-radius: 16px !important; background-color: #fff !important; box-shadow: none !important; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } .gform_wrapper .gfield textarea { padding: 14px 20px !important; } .gform_wrapper .gfield input:focus, .gform_wrapper .gfield select:focus, .gform_wrapper .gfield textarea:focus { outline: none !important; border-color: #ED3124 !important; box-shadow: 0 0 0 3px rgba(237, 49, 36, .15) !important; } /* ---------- Dropdown: closed state (native select) ---------- */ .gform_wrapper .gfield select { -webkit-appearance: none !important; appearance: none !important; padding-right: 44px !important; background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: right 18px center !important; background-size: 18px !important; cursor: pointer; } .gform_wrapper .gfield select:hover { background-color: #FFF5F4 !important; } /* Hide Orbital's own arrow (fixes the double arrow) */ .gform_wrapper .ginput_container_select::before, .gform_wrapper .ginput_container_select::after { display: none !important; } /* ---------- Dropdown: Enhanced UI ---------- */ .gform_wrapper .chosen-container { width: 100% !important; font-size: inherit; } .gform_wrapper .chosen-container-single .chosen-single { height: auto; min-height: 45px; line-height: 43px; padding: 0 44px 0 20px; border: 1px solid #ED3124; border-radius: 16px; background: #fff; box-shadow: none; color: inherit; transition: background-color .2s ease, box-shadow .2s ease; } .gform_wrapper .chosen-container-single .chosen-single:hover { background: #FFF5F4; } .gform_wrapper .chosen-container-active .chosen-single, .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single { background: #fff; border-color: #ED3124; box-shadow: 0 0 0 3px rgba(237, 49, 36, .15); } .gform_wrapper .chosen-container-single .chosen-single div { width: 44px; background: url("data:image/svg+xml;utf8,") no-repeat center / 18px; transition: transform .2s ease; } .gform_wrapper .chosen-container-single .chosen-single div b { display: none; } .gform_wrapper .chosen-with-drop .chosen-single div { transform: rotate(180deg); } .gform_wrapper .chosen-container .chosen-drop { margin-top: 6px; border: 1px solid #ED3124; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, .12); overflow: hidden; padding: 6px; } .gform_wrapper .chosen-container .chosen-results { margin: 0; padding: 0; max-height: 260px; } .gform_wrapper .chosen-container .chosen-results li { padding: 10px 14px; border-radius: 10px; line-height: 1.4; transition: background-color .15s ease, color .15s ease; } .gform_wrapper .chosen-container .chosen-results li.highlighted { background: #FFF5F4; color: #ED3124; } .gform_wrapper .chosen-container .chosen-results li.result-selected { color: #ED3124; font-weight: 600; } .gform_wrapper .chosen-container-single .chosen-search { display: none; } /* ---------- Checkboxes & radios ---------- */ .gform_wrapper .gfield input[type="checkbox"], .gform_wrapper .gfield input[type="radio"] { accent-color: #ED3124; cursor: pointer; } .gform_wrapper .gfield input[type="checkbox"]:hover, .gform_wrapper .gfield input[type="radio"]:hover, .gform_wrapper .gfield input[type="checkbox"]:checked, .gform_wrapper .gfield input[type="radio"]:checked { border-color: #ED3124 !important; } .gform_wrapper .gchoice label:hover { color: #ED3124; cursor: pointer; } /* ---------- Submit button ---------- */ .gform_wrapper .gform_footer, .gform_wrapper .gform_page_footer { position: relative; width: fit-content; } .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_footer button[type="submit"], .gform_wrapper .gform_page_footer .gform_next_button, .gform_wrapper .gform_page_footer input[type="submit"], .gform_wrapper .gform_page_footer button[type="submit"] { min-height: 45px !important; padding: 0 calc(24px + var(--bh-icon-size-ast) + var(--bh-icon-gap)) 0 24px !important; border: 1px solid #ED3124 !important; border-radius: 999px !important; background: transparent !important; color: #0D0B0B !important; box-shadow: none !important; transition: background-color .3s ease, color .3s ease !important; } .gform_wrapper .gform_footer:hover .gform_button, .gform_wrapper .gform_footer .gform_button:focus, .gform_wrapper .gform_footer:hover input[type="submit"], .gform_wrapper .gform_footer:hover button[type="submit"], .gform_wrapper .gform_page_footer:hover input[type="submit"], .gform_wrapper .gform_page_footer:hover button[type="submit"] { background: #ED3124 !important; color: #fff !important; } /* Icon: black → white on hover */ .gform_wrapper .gform_footer::after, .gform_wrapper .gform_page_footer::after { content: ""; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: var(--bh-icon-size-ast); height: var(--bh-icon-size-ast); background-color: #0D0B0B; -webkit-mask: var(--bh-btn-icon) no-repeat center / contain; mask: var(--bh-btn-icon) no-repeat center / contain; pointer-events: none; transition: background-color .3s ease, transform .35s cubic-bezier(.4,0,.2,1); } .gform_wrapper .gform_footer:hover::after, .gform_wrapper .gform_page_footer:hover::after { background-color: #fff; transform: translate(5px, -50%); } .gform_required_legend{ display: none; } .gform-theme--api, .gform-theme--foundation{ --gf-form-gap-y: 16px; --gf-form-footer-margin-y-start: 10px; } /* Base state — this is where the transition lives */ .hover-tile, .hover-tile h2, .hover-tile .elementor-button-text, .hover-tile .elementor-widget-text-editor, .hover-tile .elementor-widget-text-editor * { transition: background-color .3s ease, color .3s ease; } /* Hover state */ .hover-tile:hover { background-color: #fff !important; } .hover-tile:hover h2 { color: #ED3124 !important; } .hover-tile:hover .elementor-button-text, .hover-tile:hover .elementor-button{ fill: #ED3124 !important; color: #ED3124 !important; } .hover-tile .elementor-button-icon{ font-size: 14px!important; } .hover-tile:hover .elementor-widget-text-editor, .hover-tile:hover .elementor-widget-text-editor * { color: #4E4A4A !important; } #pane-industries, #pane-roles, #pane-outcomes { display: none; } .bh-sync__head{ padding: 0px 0 5px 18px!important; } button.bh-sync__head, button.bh-sync__head:hover, button.bh-sync__head:focus{ background: transparent!important; } /* footer code */ @media (min-width: 767px) { #gform_10 { background: #F6F6F6; border-radius: 100px; border: 2px solid #EDEDED; padding: 8px 8px 8px 20px; display: flex; align-items: center; justify-content: space-between; } #input_10_1{ border: 0px!important; background: transparent!important; padding: 0px!important; } #gform_10 .gform_footer{ margin-block-start: 0px; } #gform_submit_button_10{ padding: 10px 28px 10px 14px !important; min-width: 120px; font-size: 12px; font-style: normal; font-weight: 600; } #gform_10 .gform_footer::after { right: 14px; height: 15px; width: 15px; } } /* Loop Grid: center an incomplete last row */ .bh-center-last .elementor-loop-container { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 24px; } .bh-center-last .elementor-loop-container > .e-loop-item { flex: 0 0 calc((100% - 48px) / 3); max-width: calc((100% - 48px) / 3); } @media (max-width: 1024px) { .bh-center-last .elementor-loop-container > .e-loop-item { flex: 0 0 calc((100% - 24px) / 2); max-width: calc((100% - 24px) / 2); } } @media (max-width: 767px) { .bh-center-last .elementor-loop-container > .e-loop-item { flex: 0 0 100%; max-width: 100%; } }