/* **********************************************************
 * HEADER
 * JUPITERX BASE SET TO: Fixed > No Overlap
 * ******************************************************** */

header {
	z-index: 999 !important;
}


/* ******************************
 * SET HEADER MIN HEIGHT
 * *************************** */
 .header-wrapper .elementor-container {
    min-height: 8rem !important;
	transition-property: min-height;
	transition-duration: 100ms;
}
.scrolled-down .header-wrapper .elementor-container {
    min-height: 6rem !important;
	transition-property: min-height;
	transition-duration: 400ms;
}
.site-logo .elementor-widget-container {
	transition: padding 0.5s ease-in-out 0.5s;
}
.scrolled-down .site-logo .elementor-widget-container {
	padding: 0 !important;
	transition: padding 0.15s ease-in-out 0.4s;
}


/* ******************************
 * LOGO
 * *************************** */
.header-logo .raven-widget-wrapper {
  transition: transform 0.35s ease; /* Add transition for smooth animation */
  transform-origin: center; /* Set the transform origin to the center */
}
body:not(.scrolled-down) .header-logo .raven-widget-wrapper {
  position: fixed;
}
.header-logo .raven-widget-wrapper:hover {
  transform: rotate(-5deg) scale(1.05); /* Rotate -5 degrees and scale to 1.05 on hover */
}
.raven-site-logo img {
	max-width: 25rem !important;
	transition: 0.25s ease-in-out 0s;
}
body:not(.scrolled-down) .logo-wrapper {
    position: fixed;
    top: .5rem;
}
/* Home Logo - Hidden til Scroll
.home .raven-site-logo img {
	max-width: 0 !important;
}
*/
.jupiterx-header-sticked .raven-site-logo img,
.scrolled-down .raven-site-logo img,
.scrolled-down .home .raven-site-logo img {
    max-width: 16rem !important;
}

@media (max-width: 390px) {
	/* Mobile Logo */
	.raven-site-logo a img {
		max-width: 250px !important;
	}
	.scrolled-down .raven-site-logo img {
		max-width: 185px !important;
	}
}



/* ******************************
 * DEFAULT PAGES HEADER BACKGROUND COLOR
 * *************************** */
/* Set BG Color for Regular Page Header */
.search header,
.page-template-default header,
.post-template-default header,
.product-template-default header {
    background: #000;
}
.error404.jupiterx-header-stick header,
.search.jupiterx-header-stick header,
.search .jupiterx-new-search header,
.archive.jupiterx-header-stick header,
.page-template-default.jupiterx-header-stick header,
.post-template-default.jupiterx-header-stick header,
.scrolled-down.post-template-default header.jupiterx-post-header,
.woocommerce-page.jupiterx-header-stick header.jupiterx-header,
header.woocommerce-products-header,
.jupiterx-content header,
.single-portfolio header,
.tax-portfolio_category header,
article.jupiterx-no-article.jupiterx-post header {
    background: transparent !important;
}
.page-template-default:not(.page-template-full-width) .header-wrapper,
.search header .header-wrapper,
.page-template-default header .header-wrapper,
.post-template-default header .header-wrapper,
.product-template-default header .header-wrapper {
	background-color: transparent !important;
}

/* Set Scrolled Down Header Background Color */
header.jupiterx-header {
	transition-property: background-color;
	transition-duration: 500ms;
	transition-delay: 0ms;
}
.scrolled-down header.jupiterx-header .header-wrapper,
.scrolled-down.search header,
.scrolled-down.search header.jupiterx-header,
.scrolled-down.page-template-default header,
.scrolled-down.post-template-default header,
.scrolled-down.product-template-default header {
    background-color: transparent !important;
	transition-duration: 500ms;
	transition-delay: 250ms;
}
.scrolled-down .header-wrapper,
.scrolled-down.search header .header-wrapper,
.scrolled-down.search .jupiterx-new-search header,
.scrolled-down.page-template-default header .header-wrapper,
.scrolled-down.post-template-default header .header-wrapper,
.scrolled-down.product-template-default header .header-wrapper {
	background-color: transparent !important;
}


/* ******************************
 * TOOLBAR
 * *************************** */
.toolbar .elementor-container {
    min-height: 4rem !important;
	transition-property: all;
	transition-duration: 250ms;
}
.scrolled-down .toolbar .elementor-container {
    min-height: 3rem !important;
	transition-property: all;
	transition-duration: 400ms;
}

/* Toolbar - Hide on Scroll - if using change Toolbar above from min to max height */
/* .toolbar .elementor-container {
    max-height: 10rem !important;
	opacity: 1;
	transition-property: all;
	transition-duration: 1000ms;
}
.scrolled-down .toolbar .elementor-container {
    max-height: 0rem !important;
	opacity: 0;
	transition-property: all;
	transition-duration: 500ms;
}   */

@media (max-width: 767px) {
	/* HEADER & TOOLBAR ICON BOXES */
	/* COMMENT THIS OUT IF WANT HEADER OR TOOLBAR ICON BOXES TO NOT STACK ON MOBILE */
	.toolbar .elementor-widget-icon-box .elementor-icon-box-wrapper,
	.header-wrapper .elementor-widget-icon-box .elementor-icon-box-wrapper {
		display: flex !important;
		align-content: center;
		align-items: center;
		justify-content: flex-start;
		text-align: left !important;
	}
	.toolbar .col1 .elementor-icon-box-icon,
	.header-wrapper .elementor-icon-box-icon {
		margin: 0.25rem 1rem 0 0 !important;
	}
	.toolbar .col2 .elementor-icon-box-icon,
	.header-wrapper .elementor-icon-box-icon {
		0 1rem 0 0 !important;
	}
}


/* ******************************
 * STICKY HEADER - Not Typically Used
 * *************************** */
/*  .jupiterx-header-sticky header {
    position: -webkit-sticky;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999;
}  */

/* Sticky - when using Separate Header Template */
.jupiterx-site:not(.jupiterx-site-body-border) .jupiterx-header.jupiterx-header-sticky-custom.jupiterx-header-custom > .elementor:last-of-type:not(:first-of-type) {
    opacity: 0;
}
.jupiterx-header-sticked .jupiterx-site:not(.jupiterx-site-body-border) .jupiterx-header.jupiterx-header-sticky-custom.jupiterx-header-custom > .elementor:last-of-type:not(:first-of-type) {
    opacity: 1;
    transition: opacity 0.5s ease-in-out 0.125s !important;
}



/* ******************************
 * FIXED HEADER
 * *************************** */
/* IF NEED, move Admin Bar
.admin-bar.jupiterx-header-fixed .jupiterx-header,
.admin-bar.woocommerce-shop .jupiterx-header,
.admin-bar.archive.woocommerce .jupiterx-header,
.admin-bar.tax-portfolio_category .jupiterx-header,
.admin-bar.single-portfolio .jupiterx-header {
	top: 32px !important;
} */

.jupiterx-header-fixed .jupiterx-header,
.woocommerce-shop .jupiterx-header,
.archive.woocommerce .jupiterx-header,
.tax-portfolio_category .jupiterx-header,
.archive.category .jupiterx-header,
.single-portfolio .jupiterx-header,
.error404 .jupiterx-header,
.search .jupiterx-header {
	position: fixed !important;
}
.archive.woocommerce .jupiterx-main {
	margin-top: 0 !important;
}
.single-portfolio .jupiterx-site,
.error404 .jupiterx-site,
.archive.woocommerce .jupiterx-site,
.archive.category .jupiterx-site,
.archive.tax-portfolio_category .jupiterx-site,
.search .jupiterx-site {
    padding-top: 0rem !important;
}



/* ******************************
 * MENU STYLING
 * *************************** */
/* Sub Link Active Colors for Up to 3rd Level - prob need !important */
/* ul.jet-menu li.jet-current-menu-item ul.jet-sub-menu li.jet-sub-menu-item.jet-current-menu-item .sub-level-link,
ul.jet-menu li.jet-current-menu-item ul.jet-sub-menu li.jet-sub-menu-item.jet-current-menu-item ul.jet-sub-menu li.jet-menu-item:hover .sub-level-link {
    color: ;
}
ul.jet-menu li.jet-current-menu-item ul.jet-sub-menu li.jet-sub-menu-item.jet-current-menu-item ul.jet-sub-menu li.jet-menu-item .sub-level-link {
    color: ;
}
ul.jet-menu li.jet-current-menu-item ul.jet-sub-menu li.jet-sub-menu-item.jet-current-menu-item ul.jet-sub-menu li.jet-current-menu-item .sub-level-link {
    color: ;
}  */

/* Adjust padding to add to right of all but last link */
.raven-nav-menu-horizontal .raven-nav-menu > li:not(:last-child),
.jet-menu li.jet-menu-item:not(:last-child) {
    padding-right: ;
}
.jet-menu li.jet-menu-item .jet-sub-menu-item {
	padding-right: 0 !important;
}

@media (max-width: 1200px) {
	/* HEADER */
	/* .raven-nav-menu-horizontal .raven-nav-menu > li:not(:last-child) {
		margin-right: ;
	} */
}

@media (max-width: 1024px) {
	/* HEADER */
	/* Raven Menu */
	.raven-nav-menu-mobile .raven-nav-menu li:not(:last-child) {
		width: 100%;
	}
	.raven-nav-menu-tablet-horizontal .raven-nav-menu,
	.raven-nav-menu-mobile-horizontal .raven-nav-menu {
		flex-direction: column;
	}
}

/* Can add bottom padding or top if need to adjust vertical alignment */
.jet-menu .jet-menu-item .top-level-link {
    padding: 0;
}
.jet-menu li.jet-sub-menu-item {
    margin-right: 0;
    padding-bottom: 0;
}
.jet-menu div.jet-sub-mega-menu {

}

/* Navigation Menu 100% Height for Submenu to Stick to Header */
@media (min-width: 1025px) {
	.header-wrapper .elementor-container,
	.header-wrapper .elementor-container .elementor-column {
		align-items: stretch !important;
	}
	.header-wrapper .elementor-container .elementor-column {
		min-height: 90px;
	}
	.header-wrapper,
	.header-wrapper .elementor-container,
	.header-wrapper .elementor-container .elementor-column,
	.header-wrapper .elementor-widget-wrap,

	.ha-nav-menu,
	.ha-nav-menu .elementor-widget-container,
	.ha-nav-menu .ha-wid-con,
	.ha-nav-menu .ha-wid-con .ha-menu-container,
    .ha-nav-menu .ha-wid-con .ha-menu-container ul.ha-navbar-nav,
    .ha-nav-menu .ha-wid-con .ha-menu-container ul.ha-navbar-nav li.menu-item,
    .ha-nav-menu .ha-wid-con .ha-menu-container ul.ha-navbar-nav li.menu-item a.ha-menu-nav-link,
    .ha-nav-menu .ha-wid-con .ha-menu-container ul.ha-navbar-nav li.menu-item a.ha-menu-nav-link .menu-item-title,
	.menu-wrapper,
	.elementor-widget-raven-nav-menu,
	.elementor-widget-raven-nav-menu .elementor-widget-container,
	.elementor-widget-raven-nav-menu .raven-nav-menu-main,
	.elementor-widget-raven-nav-menu .raven-nav-menu,
	.elementor-widget-raven-nav-menu .raven-nav-menu .menu-item,

	.elementor-widget-jet-mega-menu,
	/* .elementor-widget-jet-mega-menu .elementor-widget-container,*/
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container,
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container,
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner,
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner ul.jet-menu,
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner ul.jet-menu .jet-menu-item,
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner ul.jet-menu .jet-menu-item a,
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner ul.jet-menu .jet-menu-item .jet-menu-item-wrapper,
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner ul.jet-menu .jet-menu-item ul.jet-sub-menu,
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner ul.jet-menu .jet-menu-item .jet-sub-mega-menu {
		height: 100% !important;
	}
	.header-wrapper .elementor-container .elementor-column,
	.elementor-widget-raven-nav-menu .raven-nav-menu .menu-item,
	.elementor-widget-raven-nav-menu .raven-nav-menu .menu-item .raven-menu-item,

	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner ul.jet-menu .jet-menu-item ul.jet-sub-menu,
    .elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner ul.jet-menu .jet-menu-item ul.jet-sub-menu a,
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner ul.jet-menu .jet-menu-item .jet-sub-mega-menu,
	.elementor-widget-jet-mega-menu .elementor-widget-container .menu-main-menu-container .jet-menu-container .jet-menu-inner ul.jet-menu .jet-menu-item .jet-sub-mega-menu a {
		height: auto !important;
	}

	/* Happy Menu Specific */
    .ha-nav-menu .ha-wid-con .ha-menu-container ul.ha-navbar-nav li.menu-item a.ha-menu-nav-link .menu-item-title {
		display: flex;
		align-items: center;
	}
	.ha-dropdown-menu-full_width .ha-megamenu-panel {
		padding: 0;
		width: 100vw;
		top: auto !important;
	}
}

@media (max-width: 767px) {
	/* HEADER */
	.elementor-widget-jet-mega-menu {
		width: 100% !important;
	}
	.jupiterx-header-mobile-behavior-off .jupiterx-header.jupiterx-header-sticky-custom.jupiterx-header-custom > .elementor:last-of-type:not(:first-of-type) {
		display: block !important;
		top: 0 !important;
	}
	.admin-bar.jupiterx-header-sticked .jupiterx-site:not(.jupiterx-site-body-border) .jupiterx-header.jupiterx-header-sticky-custom.jupiterx-header-custom > .elementor:last-of-type:not(:first-of-type) {
		top: 46px !important;
	}
}


/* ******************************
 * MEGA MENU
 * *************************** */
/* Happy */
.ha-navbar-nav li a.ha-menu-nav-link {
    padding-right: 1.5rem !important;
}
.ha-navbar-nav li:last-child a.ha-menu-nav-link {
    padding-right: 0 !important;
}
.ha-navbar-nav-default .ha-dropdown-has>a .ha-submenu-indicator-wrap {
	width: 2rem !important;
}
.scrolled-down ul.ha-megamenu-panel {
    top: 100% !important;
}

@media (max-width: 1024px) {
	/* Happy Menu SubMenu */
	span.ha-submenu-indicator-wrap {
		padding: 5px;
	}
	span.ha-submenu-indicator-wrap i.ha-submenu-indicator {
		padding: 5px;
	}
}

/* Jet Mega Menu */
@media (min-width: 1025px) {
	/* Jet Mega Menu */
	.jet-dropdown-arrow {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	/* HEADER */
	/* MOBILE MENU */
	.mobile-header-content .elementor-inner-section,
	.raven-column-flex-horizontal>.elementor-column-wrap .mobile-header-content .elementor-widget-wrap>.elementor-element {
		width: 100% !important;
	}
	.header-wrapper .mobile-header-content .elementor-container {
		min-height: auto !important;
	}
    .mobile-header-content .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
        display: flex;
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .mobile-header-content .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon {
        display: flex;
        margin-right: 15px;
        margin-left: 0;
        margin-bottom: unset;
    }
}


/* ******************************
 * MEGA MENU CONTENT HOVER BOXES
 * *************************** */
.mega-menu-inner-section {
    width: 100% !important;
}
.mega-menu-inner-section a {
    display: block;
	width: 100%;
}
.mega-menu-inner-section .ha-hover-box {
     width: 100% !important;
}
.mega-menu-inner-section .ha-hover-box-wrapper:before {
    mix-blend-mode: multiply;
}
.section-mega-menu .ha-hover-box-wrapper .ha-hover-box-content {
    -webkit-transition: transform .5s;
	transition: transform 0.5s;
	will-change: transform;
}
.section-mega-menu .ha-hover-box-wrapper:hover .ha-hover-box-content {
	opacity: 1;
    -webkit-transition: transform .5s;
	transition: transform 0.5s;
  	transform: scale(1) translate(0,-5px);
  	-webkit-transform: scale(1.01) translate(0,-5px);
  	-ms-transform: scale(1.01) translate(0,-5px);
}


/* ******************************
 * MOBILE HEADER
 * *************************** */
/* MOBILE HEADER CONTAINER - adjust width to make it wider than default 400px */
/* .jet-mobile-menu .jet-mobile-menu__container {
	width: 90%;
}  */

/* MOBILE MENU */
.mobile-menu {
    display: flex;
}
.scrolled-down .mobile-menu {
		justify-content: flex-end !important;
}
.jet-mobile-menu-cover {
    backdrop-filter: blur(2px);
}
.jet-mobile-menu__toggle-icon:after {
    content: "MENU";
    width: 100%;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.5px;
}
.scrolled-down .jet-mobile-menu__toggle-icon:after {
    font-size: 20px !important;
}
.scrolled-down .jet-mobile-menu__toggle-icon svg {
    width: 30px !important;
}
@media (max-width: 420px) {
	.jet-mobile-menu__toggle-icon:after {
	    content: "MENU";
	    width: 100%;
	    font-size: 18px !important;
	}	
	.jet-mobile-menu__toggle-icon svg {
		width: 26px !important;
	}	
}
.jet-mobile-menu__toggle-icon {
    width: 100%;
    flex-direction: row;
    gap: 10px;
}
.scrolled-down .jet-mobile-menu__toggle-icon {
    gap: 5px;
}
.jet-mobile-menu [aria-label="Back to Prev Items"].jet-mobile-menu__back .hm-cross:before {
    content: "\e90a";
}
/* MOBILE MENU ICON ANIMATION */
#Arrows {
	overflow: visible;
}
#Arrows,
#Arrows polygon {
	transition: all 0.15s ease;
}
#Arrows:hover polygon:nth-child(1) {
  transition-delay: 0s;
  transform: translateX(3px);
}
#Arrows:hover polygon:nth-child(2) {
  transition-delay: 0.15s;
  transform: translateX(3px);
}
#Arrows:hover polygon:nth-child(3) {
  transition-delay: 0.3s;
  transform: translateX(3px);
}

/* MOBILE HEADER CONTENT */
.mobile-header-content .elementor-widget-wrap {
    display: block !important;
}
.jet-mobile-menu__controls {
    margin-bottom: 2rem;
}
.jet-mobile-menu__back[aria-label="Back to Prev Items"]:before {
	color: #fff;
	content: "\ea00";
    font-family: "Happy Icons"!important;
    font-weight: 300;
}
.jet-mobile-menu__back[aria-label="Back to Prev Items"] svg {
	display: none;
}
.jet-mobile-menu__back[aria-label="Close Menu"] svg {
	height: 30px;
	width: 30px;
}

/* After Menu Content */
.jet-mobile-menu__after-template-content .elementor-icon-box-wrapper {
    display: flex !important;
}
.jet-mobile-menu__after-template-content .elementor-icon-box-icon {
    display: inline-flex !important;
    justify-content: flex-start;
    margin: 0 1.5rem 0 0 !important;
}
.jet-mobile-menu__after-template-content .elementor-icon-box-content {
    display: inline-flex;
	text-align: left;
}
.jet-mobile-menu__after-template-content .elementor-icon-box-title {
	margin-bottom: 0;
}

/* Mobile Menu Parent w/no Link - add class menu-item-no-link to Menu Item CSS Class Field */
.menu-item-no-link .jet-mobile-menu__item-inner {
	position:relative!important;
}
.menu-item-no-link .jet-mobile-menu__item-inner a {
	position:relative;
	z-index:1;
}
.menu-item-no-link .jet-dropdown-arrow {
	position:absolute;
	width: 98%!important;
	justify-content:flex-end!important;
	z-index:2;
}

/* SubMenu and Mega Menu Position */
.jet-sub-mega-menu,
.jet-sub-menu {
    position: fixed !important;
	left: auto !important;
    top: auto !important;
    bottom: 95px !important;
}
.jet-sub-mega-menu {
	left: 0 !important;
	width: 100% !important;
}
body.scrolled-down .jet-sub-mega-menu {
	position: fixed !important;
	left: 0 !important;
	top: 128px !important;
	width: 100% !important;
}




.header-bottom,

.scrolled-down .header-bottom {

	display: flex;

	align-items: center !important;

	transition: all 1s ease-in-out;

}

:not(.scrolled-down) .header-bottom {

	bottom: 0 !important;

	top: auto !important;

	position: fixed;

	background: linear-gradient(180deg, #000000cc 0%, #000000 100%);

}

.home:not(.scrolled-down) .header-bottom {

	bottom: 0 !important;

	top: auto !important;

	position: fixed;

	background: linear-gradient(180deg, #0000000D 0%, #00000080 100%);	

}

.scrolled-down .header-bottom {

	top: 0 !important;

	bottom: auto !important;

	position: relative;

    background-image: linear-gradient(180deg, #000000e6 0%, #00000075 100%) !important;

	z-index: 1000;

}

.logo-wrapper {
	transition: all .5s ease-in-out !important;
	width: 0 !important;
}
.scrolled-down .logo-wrapper {
	width: 25% !important;
	transition: all .5s ease-out !important;
}
.menu-wrapper {
    align-items: center;
    display: flex;
    flex-grow: 1 !important;
    flex-shrink: 0 !important;
    height: 100% !important;
    justify-content: center;
	width: 100%
}
.scrolled-down .menu-wrapper {
	width: 75%;
}
.ul-jet-menu {
	justify-content: space-between !important;
}
.header-bottom .raven-nav-menu-horizontal .raven-nav-menu > li ,
.header-bottom .jet-menu li.jet-menu-item {
    padding: 0 1rem !important;
}
.scrolled-down .header-bottom .jet-menu li.jet-menu-item {
	padding: 0 !important;
}
.jet-mobile-menu__item {
    padding-bottom: 3rem !important;
}
.jet-menu-title,
.jet-menu-label {
    text-shadow: -2px -2px 0 #531E03;
	transition: text-shadow .35s ease-in-out;
}

.jet-menu-title:hover {
	text-shadow: 2px 2px 0 #531E03;
}

@media (max-width: 1024px) {
	.scrolled-down .logo-wrapper {
		width: 70% !important;
		padding: 0;
	}
	.scrolled-down .menu-wrapper {
		width: 30%;
	}
}

/* SubMenu and Mega Menu Position */
body:not(.scrolled-down) .jet-sub-mega-menu,
body:not(.scrolled-down) .jet-sub-menu {
    position: fixed !important;
	left: auto;
    top: auto !important;
    bottom: 95px !important;
}
.jet-sub-mega-menu {
	left: 0 !important;
	width: 100% !important;
}
body.scrolled-down .jet-sub-mega-menu {
	position: fixed !important;
	left: 0 !important;
	top: 128px !important;
	width: 100% !important;
}

/*simple banner*/
@media (max-width: 533px) {
	.simple-banner .simple-banner-text {
		font-size: 1.15rem!important;
	}
}

.simple-banner ~ .jupiterx-site .raven-widget-wrapper{
	top: 110px;
}