/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1737650948
Updated: 2025-01-23 11:49:08

*/



/* main menu nav customizations */

.ignite-header .elementor-nav-menu--dropdown {
    background-color: #000000;
}

.ignite-header .elementor-nav-menu--dropdown a {
	color:var( --e-global-color-text );
}

@media (max-width:767px) {
	.ignite-header .elementor-nav-menu--toggle .elementor-nav-menu--dropdown {
		top:52px!important;
	}
}


@media (max-width:1024px) {
	.ignite-header .elementor-nav-menu li {
		border-bottom:1px solid var(--e-global-color-449f7de);
	}
}


@media (min-width:768px) {
	.ignite-header .elementor-nav-menu--toggle .elementor-nav-menu--dropdown {
		top:70px!important;
	}
}

/* robo gallery load more button */

.robo-gallery-wrap .rbs_gallery_button:not(#no-robo-galery-button) .button {
	background-color:var(--e-global-color-secondary);
	background-image:none;
	color:white;
	text-shadow:none;
	border:1px solid var(--e-global-color-secondary);
	font-weight:500;
	box-shadow:none;
	height: 36px;
	line-height: 34px;
	/* transition: color .3s; */
}

.robo-gallery-wrap .rbs_gallery_button:not(#no-robo-galery-button) .button:hover {
	box-shadow:none;
	background-image:none;
	background-color:transparent;
	color:white;
}

/* add scroll bar to product info page navs */

/*
.ignite-product-nav .elementor-element-populated {
	overflow: auto;
	white-space: nowrap;
	flex-wrap: nowrap;
	margin-bottom:30px!important;
	justify-content: flex-start !important;
}
*/

/* homepage AMD progressbar */

.progress{
background-color: var(--e-global-color-449f7de);
    width: 120px;
    text-align: center;
    padding: 10px;
    border-radius: 00px 18px 18px 0px;
   /* position: absolute;
    top: calc(50% - 140px);
    top: 300px;
    left: 0;
    z-index: 3;*/

}
.progress h2{
color: var(--e-global-color-10dc5e9);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3rem;
    letter-spacing: 0.2px;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    text-decoration: var(--e-global-typography-primary-text-decoration);
    margin:0 5px 0;

}
.progress h3{
    font-size: 13px; 
    font-weight: 400;
    line-height: 1.3rem;
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    text-decoration: var(--e-global-typography-primary-text-decoration);
	margin:0;
}
.progress-wrap{
    height: 160px;
    width: 24px;
    margin: 5px auto;
    position: relative;
}

.progress progress {
display: block;
    box-sizing: border-box;
    transform: rotate(-90deg);
    position: absolute;
    top: 74px;
    left: -66px;
    width: 156px;
    border-radius: 0;
    height: 16px;
    border: 2px solid #646466;
    border-right: none;
}
.progress progress::after{
    width: 24px;
    height: 13px;
    display: block;
    content: "";
    /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAVElEQVR42qXOwQnAIABD0b+NPXQs6f4btFB6Ek2/GsgtPMJRzvuvtV5vzRaLWZQZzKAYjC8GxWIWjSCDJJSZdz00ghZLL1nBEsoqNkLZwXoou1iLPj1kGSRAaMFDAAAAAElFTkSuQmCC) 0 0 no-repeat; */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAANCAYAAACzbK7QAAAAkUlEQVQ4ja2U2wnAIAxFE6fxoxMUx9F2puI64lotlBas3vgoXhAkied8CGGtl5M6Y8x6D4YQe5+QKipCXjhl9ykCBEQ1lKYgA/FzUA+mKkgBIURG95ZEFEhw74+iVpNAQQuOepKkEEhwKS3JRzAKR7O5RKHGCBy9SVlqBrwmYWs3aVVw/qm1OLdDTveq+BUiugB/sTybYwMhdAAAAABJRU5ErkJggg==) 0 0 no-repeat;
    transform: rotate(90deg);
    position: absolute;
    top: 0px;
    left: 139px;
}

progress::-webkit-progress-bar {
    background-color: transparent;
    border-radius: 0;
}
progress::-webkit-progress-value {
    background-color: var(--e-global-color-10dc5e9);;
    border-radius: 0;
}
progress::-moz-progress-bar {
    background-color: var(--e-global-color-10dc5e9);;
    border-radius: 0;
}





/*
 *
 * Scroll effects 
 *
 *
 */



/* scroll down chev */

#scroll-down .elementor-widget-icon-box .elementor-icon-box-wrapper {
    display:flex;
    flex-direction: column-reverse;
}

#scroll-down .elementor-icon-box-content {
 margin-left:auto;
 margin-right:auto;
}

#scroll-down a, #scroll-down svg polygon {
     transition-property: all;
     transition-duration: 300ms;
    
}


#scroll-down .elementor-icon-box-title a {
     font-size:16px;
}

#scroll-down:hover a {
    color:var( --e-global-color-accent );
}
#scroll-down:hover svg {
      fill:var( --e-global-color-accent );
}

#scroll-down:hover svg polygon {
       fill:var( --e-global-color-accent );
} 






header, #ScrollDown {
  --ease: all 1300ms ease;
  transition: var(--ease);
}

header.fade-in { opacity: 1; }


header img.attachment-full {
    transition: width;
}

header.fade-in img.attachment-full {
    width:150px!important;
}


header.fade-in .ignite-header .elementor-widget-wrap.elementor-element-populated {
    padding-top:0px;
}

#ScrollDown {
    opacity:1;
}

#ScrollDown.fade-in {
    opacity:0;
}





/*
 *
 * Misc
 *
 *
 */


body { min-height: 200vh; /* ensure site always has at least this height */ }

h4.elementor-heading-title.elementor-size-default {
    margin-bottom:10px;
}

body {
	background-image: url("https://ignitepartnerportal.com/wp-content/uploads/2023/06/hp-ignite_background-crop-e1691599503277.webp");
	background-position: -100px 500px;
	background-repeat:no-repeat;
	background-size:contain;
}

.ignite-header .elementor-widget-wrap.elementor-element-populated {
	padding-top:30px;
	padding-bottom:0px;
	transition:all;
	transition-duration: 500ms;
}

.ignite-bg-red {
    background-color:var( --e-global-color-secondary );
}

.ignite-bg-blue {
    background-color:var( --e-global-color-10dc5e9 );
}

.ignite-bg-white {
    background-color:var( --e-global-color-primary );
}

.ignite-bg-gray {
    background-color:#444444;
    color:white;
    font-weight:600!important;
    font-size:14px!important;
     background-image: url("https://ignitepartnerportal.com/wp-content/uploads/2023/07/line_white-red_vertical_long.svg");
     background-position: bottom left;
     background-repeat: no-repeat;
     background-size: 8px;
     padding-left:25px;
}

.ignite-bg-lightgray {
    background-color:#383838!important;
    color:white;
    font-weight:600!important;
    font-size:14px!important;
} 





/*
 *
 * tab blocks 
 *
 *
 */


.elementor-widget-tabs.ignite-products.ignite-blue a {
    color:inherit; /* tabs superscript/links */
}

.elementor-widget-tabs.ignite-products.ignite-blue a:hover, .elementor-widget-tabs.ignite-products.ignite-blue a:active {
    color:var( --e-global-color-10dc5e9 );
}

.elementor-tab-title {
    padding:5px 25px !important;
    background-color:gray;
    border-left-width:0px!important;
    border-right-width:0px!important;
    text-align:center;
}

@media screen and  (min-width:768px) {
    .elementor-tabs-wrapper {
        display:flex; /* makes gaps appear */
    }
    .elementor-tab-title {
        margin-right:8px;
        border-bottom-color: var(--e-global-color-accent)!important; /* inactive border bottoms */
    }
    .elementor-widget-tabs.ignite-products.ignite-blue .elementor-tab-title {
         border-bottom-color: var( --e-global-color-10dc5e9 )!important;
    }
    .elementor-widget-tabs.ignite-products.ignite-white .elementor-tab-title {
         border-bottom-color: var( --e-global-color-primary )!important;
    }
}

.elementor-element .elementor-tab-content {
     padding:15px;
 }

.elementor-tab-title.elementor-active {
    background-color:var(--e-global-color-accent); /* active tab */
}

.elementor-widget-tabs.ignite-products.ignite-blue .elementor-tab-title.elementor-active {
    background-color: var( --e-global-color-10dc5e9 );
}

.elementor-widget-tabs.ignite-products.ignite-white .elementor-tab-title.elementor-active {
    background-color: var( --e-global-color-primary );
}

.elementor-tabs h4 {
    margin-top:0px;
    font-size:var( --e-global-typography-a8d7870-font-size );
}


/* tabs title padding MOBILE */

@media screen and  (max-width:767px) {
    .elementor-tab-title {
        padding:5px 15px !important;
        border-left-width:2px!important;
        border-right-width:2px!important;
    }
}




/*
 *
 * CTA Header
 *
 *
 */

#cta-header .swiper-slide-contents {
    display:flex;
    align-items:center;
}

#cta-header .swiper-slide-contents .elementor-button {
        align-self: center;
        padding:7px 12px!important;
}

#cta-header .elementor-slide-heading {
    margin:0px 10px 0px 10px;
}





/*
 *
 *
 * Full height cta containers
 *
 *
 */


.ignite-full-height-containers .elementor-widget-call-to-action > div, .ignite-full-height-containers .elementor-widget-call-to-action {
    height:100%!important;
}

.ignite-download a {
    /* downloads button */
    color:white;
    padding-top:2px;
    padding-bottom:2px;
    font-size:var( --e-global-typography-413fab7-font-size );
    display: flex;
    flex-direction: row;
    align-items: center;
    transition:color;
    transition-duration: 300ms;
}

.ignite-download a:hover, .ignite-download a:hover  {
    color:var( --e-global-color-accent );
}

.ignite-download img {
    margin-right:10px; /* icon size */
}

.ignite-download p {
    margin:0px;
}


#elementor-tab-content-1041 > p {
    margin:0px;
}






/*
 *
 * Full height CTA boxes
 *
 *
 */


.elementor-cta--skin-classic .elementor-cta {
    flex-wrap:nowrap!important;
    height:100%;
    flex-direction:column;
}

.elementor-cta .elementor-cta__content {
    height:100%;
    flex-wrap:nowrap;
    flex-direction: column;
}

.elementor-cta__button-wrapper.elementor-cta__content-item.elementor-content-item {
    height:100%;
}

.elementor-cta__button-wrapper.elementor-cta__content-item.elementor-content-item {
  height: 100%;
  display: flex;
}

.elementor-cta--skin-classic .elementor-cta {
  flex-wrap: nowrap!important;
  flex-direction: column;
  height: 100%;
}

.elementor-cta__button-wrapper.elementor-cta__content-item.elementor-content-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.elementor-cta__button-wrapper  .elementor-cta__button.elementor-button.elementor-size-sm.elementor-inline-editing {
  display: flex;
  align-self: flex-start;
  flex-direction: column;
}

.elementor-cta .elementor-cta__button.elementor-button {
    margin:0px;
    align-self: flex-start;
}




/*
 *
 * All Tables
 *
 *
 */
 
table tbody tr:hover > td, table tbody tr:hover > th {
	background-color:inherit; /* turn off weird elementor table hover effect */
}

table td, table p, table li {
        font-size:13px;
        font-weight:400;
}

table tr:first-child {
    background-color:var( --e-global-color-secondary ); /* header bg color */
}

table td, table th {
    border-color:black!important;
    border-width:3px; /* gaps */
}


table td p:last-child {
    margin-bottom:0px; /* remove margin from last occurence of <p> elements */
}

table ul {
    padding:0px 0px 0px 15px;
}

table ul.ignite-padded li {
    padding-bottom:20px;
}


table {
    background-color:var( --e-global-color-449f7de );
}

table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
    background-color:inherit; /* override elementor style */
}


table {
    background-color:var( --e-global-color-449f7de );
}








/*
 *
 * Video Backgrounds
 *
 *
 */

@media screen and (min-width: 1025px) {
	#hero-video-tablet-desktop .elementor-background-video-hosted {
		transform: translate(-2%,-50%); /* override elementor default for video background */
		max-width:75%;
		object-fit:contain;
	}
	
}

/*
@media screen and (max-width:360px) {
    #hero-video-tablet-desktop .elementor-background-video-hosted {
        transform: translate(-20%,-60%);
        max-height:575px;
        max-width:780px;
    }
    #hero-video-tablet-desktop .elementor-location-header {
        margin-bottom:-168px;
        padding-bottom:64px;
    }
    #hero-video-tablet-desktop .elementor-html5-video {
        object-fit: contain;
    }
    .ignite-padding-right-50 {
        padding-right:50%;
    }
}


@media (min-width: 768px) and (max-width:1024px) {
    #hero-video-tablet-desktop .elementor-background-video-hosted {
        transform: translate(-20%,-60%);
        max-height:575px;
        max-width:780px;
    }
    #hero-video-tablet-desktop .elementor-location-header {
        margin-bottom:-168px;
        padding-bottom:64px;
    }
    .ignite-laptop {
        max-width:400px;
        position: absolute;
        right:30px;
        top:55px;
    }
    #hero-video-tablet-desktop .elementor-html5-video {
        object-fit: contain;
    }
    .ignite-padding-right-50 {
        padding-right:50%;
    }
    
}


@media screen and (min-width: 1025px) {
    #hero-video-tablet-desktop .elementor-background-video-hosted {
        transform: translate(-5%,-60%);
        max-height:550px;
        max-width:1440px;
    }
    .ignite-laptop {
        max-width:476px;
        position: absolute;
        right:125px;
        top:160px;
    }
    #hero-video-tablet-desktop .elementor-location-header {
        margin-bottom:-168px;
        padding-bottom:64px;
    }
    #hero-video-tablet-desktop .elementor-html5-video {
        object-fit: contain;
    }
    .ignite-padding-right-50 {
        padding-right:50%;
    }
}

*/