/* Import the Inter Tight font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* Apply 'Inter Tight' to all elements */
*, h1, h2, h3, h4, h5, h6, .btn, .menu-item a, .text-link, label {
    font-family: 'Inter Tight', sans-serif !important;
    text-transform: unset !important;
    line-height: 1.25em;
    letter-spacing: .55px;
}

/* Allow Font Awesome 6 Pro for FA-specific elements */
.fa, .fas, .fab, .fal, .far, .fad {
    font-family: 'Font Awesome 6 Pro' !important;
}
 h1, h2, h3, h4, h5, h6,  h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
    font-weight: 800!important;
	 text-wrap: balance!important;
}

p {
    font-weight: 400!important
}

footer .text-link {
    font-weight: 600!important
}

.overlay:before {
    background-color: #5522dd!important;
}


.btn-tertiary.btn-filled, .btn-primary, [type="submit"], .btn {
    background-image: unset;
    background-color: #dd7722!important;

    clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%, 0 20px);
}

.btn-tertiary.btn-filled:hover, .btn-primary:hover, [type="submit"]:hover, .btn:hover {
    transform: translateX(10px) !important;
    transition: all 0.2s ease-in-out !important;
    background-color: #5522dd!important;
    color: white!important;
}

.btn-tertiary.btn-filled, .btn-primary, [type="submit"], .btn {
    cursor: pointer;
    border: 1px solid white;
    min-height: 40px !important;
    min-width: 150px;
    max-width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    text-decoration: none;
    position: relative;
    transition: all 0.2s ease-in-out;
    color: white;
    border: none;
    background-image: url(/orange-btn-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    color: black !important;
    font-weight: 600;
    font-size: 14px!important;
    line-height: 2em;
    margin-right: 15px;
}

[type="submit"]  {
    border:none!important
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .bg-white strong, .bg-light strong, .overlay-light strong, .bg-gray strong {
    color: #5522dd;
}

.overlay-primary:after {
    background-color: #5522dd
}


.bg-dark {
    background-color: black!important
}

.bg-primary, .th-bg-primary table tr:first-of-type td, .th-bg-primary table tr:first-of-type th {
    background-color: #5522dd!important
}

.menu-item {
    border-bottom: 5px solid transparent;
}

.menu-item:hover  {
    border-bottom: 5px solid #dd7722;
}

footer .menu-item:hover  {
    border-bottom: 5px solid transparent;
}



.current_page_ancestor {
    border-bottom: 5px solid #5522dd;
}

.sub-menu {
    margin-top: 5px!important
}


.sub-menu .menu-item:hover  {
    border-bottom: 5px solid transparent;
}



#masthead {
    padding: 0!important;

}

.site-footer .color-tertiary {
    color: #dd7722!important
}

.address, .phone, .email {
    font-weight: 600!important
}

.block.block-media-and-text .item-image {
    height: 350px;
    width: 650px;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover!important;
    background-size: cover!important;
    -webkit-mask-image: url(https://ascentialtech.com/mask.svg);
    mask-image: url(https://ascentialtech.com/mask.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.copy a {
    color: #5522dd!important;
        font-weight: 600
}


.bg-dark .copy a {
    color: white!important
}

section.block:not(.bg-dark) h3  {
    color: #5522dd!important;

}

.bg-primary .btn:hover {
    background-color: white!important;
    color: black!important
}

*, h1, h2, h3, h4, h5, h6, .btn, .menu-item a, .text-link, label {
    font-family: "Inter"!important;
    letter-spacing: unset!important
}</style>

<style>

*, h1, h2, h3, h4, h5, h6, .btn, .menu-item a, .text-link, label {
    font-family: "Inter"!important;
    letter-spacing: unset!important
}

.bg-gray .btn:hover {
    background-color: #5522dd!important;
    color: white!important
}
.site-header-inner {
    max-width: 1200px;
}


section.block:not(.bg-dark) h3, section.block:not(.bg-primary) h3 {
    color: #dd7722!important
}
	
	.site-header-inner {
    max-width: 1200px;
}


section.block:not(.bg-dark) h3, section.block:not(.bg-primary) h3 {
    color: #dd7722!important
}

section.block:not(.bg-dark) h3 {
    color: #5522dd!important
}


body.home  section:first-of-type h1 {
    color: #dd7722;
    font-size: 72px;
    text-wrap: balance;
}

.home .block-immersive-header {
    min-height: 40rem!important;
    padding: 10rem 0!important;
    height: unset!important
}
	
	.site-header .site-header-inner .main-nav ul.menu .menu-item a {
    padding: 20px 20px 10px 20px
}
body {
    padding-top: 78px
}
.menu-main-menu-container {
    
    padding-top: 20px;
    font-weight: 400!important;
}

.menu-main-menu-container * {
    font-weight: 400!important;
    font-size: 18px!important;
}

.site-header .site-header-inner .main-nav ul.menu .menu-item a:hover {
    background-color: transparent!important
}

.site-header .site-header-inner .search-wrap .search-toggle {
    background-position: 50% 80%;

}
	
	 .sub-menu .menu-item {
     padding-top: 5px;
}


 .sub-menu .menu-item:hover {
    background-color: #dd7722!important;
     color: white!important
}

.sub-menu .menu-item:hover a {
    color: white!important
}
	
	section.block.block-product-gallery h3 {
    color: white!important
}
	
	section.block:not(.bg-dark) h3 {
    color: white!important;
}
	
	
section.block h3 p {
    color: #5522dd!important;
}
	
	
section.block:not(.bg-dark, .bg-primary) h3  {
    color: #5522dd!important;
}

strong {
    font-weight: 800!important
}

.site-header-inner, .container  {
    max-width: 1500px!important;
}

*:not(h1, h2, h3, h4, h5, h6, p, .btn), strong {
    text-wrap: balance!important;
/*     line-height: 1em!important */
}

p {
line-height: 2em!important;
    margin-bottom: 0!important
}

* p.copy {
/*     line-height: 2em!important; */
}

#simple-banner {
    margin-top: 0!important;
}

body.home section:first-of-type h1, body.home section:first-of-type *:not(.btn, .copy p) {
    color: white!important;
    line-height: 1em!important
}

.overlay-primary h3 {
    color: white!important
}

section.block:not(.bg-dark, .bg-primary).overlay-primary h3:not(.bg-gray h3) {
    color: white!important;
}

.btn-tertiary.btn-filled:hover, .btn-primary:hover, [type="submit"]:hover, .btn:hover {
    background-image: unset!important;
    color: white!important;
}

#mt_cta {
    line-height: 40px!important;
    font-size: 15px!important
}

/* General font styles for most elements */
*, h1, h2, h3, h4, h5, h6, .btn, .menu-item a, .text-link, label {
    font-family: 'Inter Tight', sans-serif !important;
    text-transform: unset !important;
    line-height: 1.5em;
    letter-spacing: .55px;
}

/* Ensure Font Awesome icons use the correct font family */
.fa, .fas, .fab, .fal, .far, .fad, [class^="fa-"], [class*=" fa-"] {
    font-family: 'Font Awesome 6 Pro' !important;
    font-weight: 400; /* Ensures the appropriate style is used */
    font-style: normal;
}

body.home  section:first-of-type h1, body.home  section:first-of-type h1 * {

    font-size: 72px;
    text-wrap: balance;
}

@media screen and (max-width: 990px) {
    
    body.home  section:first-of-type h1, body.home  section:first-of-type h1 * {
    
        font-size: 32px!important;
        text-wrap: balance;
        
    }
}



.sub-menu a {
    color: black!important
}

.sub-menu .menu-item:hover a {
    color: black!important
}

.sub-menu .menu-item a:hover {
    color: white!important
}


.mobile-overlay-menu.bg-dark {
    background-color: white!important;
}

.mobile-overlay-menu.bg-dark * {
    color: black!important
}

.mobile-overlay-menu .menu>.menu-item.menu-item-has-children:after {
    filter: brightness(0%)!important
}

.mobile-overlay-menu.bg-dark {
    background-color: white!important;
}

.mobile-overlay-menu.bg-dark * {
    color: black!important
}

.mobile-overlay-menu .menu>.menu-item.menu-item-has-children:after {
    filter: brightness(0%)!important
}

.sub-menu .menu-item:hover {
    background-color: unset!important
}

.sub-menu .menu-item a:hover {
    color: black!important
}