/* **********************************************************
 * JUPITER X THEME & ELEMENTOR OVERRIDES
 * ******************************************************** */
 

/* ADMIN SCREEN - BG Color so can see elements when editing */
.postid-463,
.postid-2041 {
    background: #111 !important;
}



/* *****************************
 * THEME REM FONT OVERRIDES
 * *************************** */
/* VW, VH, REM, PERCENT - change any pixels to rem for padding */
/* Fonts */
html {
	font-size: 0.83vw;
}

@media (max-width: 1440px) {
    /* RESPONSIVE REM TO PX */
	html {
		font-size: 12px;
	}
}

/* *****************************
 * THEME & ELEMENTOR OVERRIDES
 * *************************** */
/* Smooth Fade Animations */
@keyframes fadeUp {
    from {opacity: 0; transform: translate3d(0,5rem,0)}
    to {opacity: 1; transform: none}
}
.elementor-element.fadeInUp {
	animation: fadeUp ease-in-out 1.25s;
}
@keyframes fadeDown {
    from {opacity: 0; transform: translate3d(0,-5rem,0)}
    to {opacity: 1; transform: none}
}
.elementor-element.fadeInDown {
    animation: fadeDown ease-in-out 1.25s;		
}
@keyframes fadeLeft {
    from {opacity: 0; transform: translate3d(-5rem,0,0)}
    to {opacity: 1; transform: none}
}
.elementor-element.fadeInLeft {
    animation: fadeLeft ease-in-out 1.25s;		
}
@keyframes fadeRight {
    from {opacity: 0; transform: translate3d(5rem,0,0)}
    to {opacity: 1; transform: none}
}
.elementor-element.fadeInRight {
    animation: fadeRight ease-in-out 1.25s;
}


/* *****************************
 * SCROLLBAR STYLING
 * *************************** */
/* Browsers without `::-webkit-scrollbar-*` support */
@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: thin;
        scrollbar-color: #000 #FFD700;
    }
}

/* Browsers with `::-webkit-scrollbar-*` support */
body::-webkit-scrollbar {
    width: 15px;
}
body::-webkit-scrollbar-thumb {
    background-color: #FFD700;
	background: linear-gradient(to bottom, #404040 2%, #FFD700 2%, #FFD700 10%, #000 10%, #222 90%, #FFD700 90%, #FFD700 98%, #404040 98%);		
    border-radius: 0px;
	box-shadow: inset 2px 0px 5px #000000aa;
	min-height: 150px;
}
body::-webkit-scrollbar-track {
    background-color: #000;
}

/* Header Menu Scrollbar */
.header-menu::-webkit-scrollbar {
	width: 8px;
}
.header-menu::-webkit-scrollbar-thumb {
    background-color: #FFD700;
	background: linear-gradient(to bottom,  #FFD700 2%, #FFD700 10%, #222 10%, #222 90%, #FFD700 90%, #FFD700 98%);		
    border-radius: 0px;
	box-shadow: inset 2px 0px 5px #000000aa;
	min-height: 150px;
}
.header-menu::-webkit-scrollbar-track {
    background-color: #222 !important;
}



/* *****************************
 * SOCIAL SHARE
 * *************************** */
a.jupiterx-social-share-link.btn .jupiterx-icon {
    color: #fff;
}
a.jupiterx-social-share-link.btn .jupiterx-icon:hover {
    opacity: .75;
}


/* *****************************
 * SCROLL TO TOP
 * *************************** */
.jupiterx-corner-buttons.jupiterx-scrolled {
    right: auto !important;
    left: -5px;
    bottom: -5px;
}
.jupiterx-scroll-top {
	background: #000000DD !important;	
	border: 2px solid #ffd70075 !important;
	padding: 15px 8px !important;
	margin: 0 !important;
}
.jupiterx-scroll-top:focus {
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(180 180 180 / 50%);
}
.jupiterx-icon-angle-up:after {
    content: url(/wp-content/uploads/2023/05/arrow-up-white.png) !important;
    display: inline-block;
}
.jupiterx-scroll-top:before {
    content: '' !important;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; /* Full height */
    width: 100%; /* Full width */
    border-top: 2px solid #ffd70075; /* Yellow top border */
    border-right: 2px solid #ffd70075; /* Yellow right border */
    transition: all 0.5s ease; /* Smooth transition for both borders */
}
.jupiterx-scroll-top:hover:before {
    width: 0;
    height: 0;
    border-color: #000; /* Change border color to black */
    transition: all 0.5s ease; /* Smooth transition */
}