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

/* *****************************
 * 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 linear 1.25s;
}
@keyframes fadeDown {
    from {opacity: 0; transform: translate3d(0,-5rem,0)}
    to {opacity: 1; transform: none}
}
.elementor-element.fadeInDown {
    animation: fadeDown linear 1.25s;		
}
@keyframes fadeLeft {
    from {opacity: 0; transform: translate3d(-5rem,0,0)}
    to {opacity: 1; transform: none}
}
.elementor-element.fadeInLeft {
    animation: fadeLeft linear 1.25s;		
}
@keyframes fadeRight {
    from {opacity: 0; transform: translate3d(5rem,0,0)}
    to {opacity: 1; transform: none}
}
.elementor-element.fadeInRight {
    animation: fadeRight linear 1.25s;
}


/* *****************************
 * SCROLLBAR STYLING
 * *************************** */
/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #000 #E4C503;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 15px;
}
*::-webkit-scrollbar-track {
  background: #E4C503;
	border-left: 0px solid #333;
	box-shadow: inset 0 0 8px #00;		
}
*::-webkit-scrollbar-thumb {
  background-color: #000;
background: linear-gradient(to bottom, rgba(228,197,3,1) 25%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 50%,rgba(228,197,3,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  border-radius: 0px;
  border-bottom: 10px solid #000;
  border-top: 10px solid #000;	
	border-left: 0;
	border-right: 0;
}


/* *****************************
 * 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 {
    border: 1px solid #222 !important;
    padding: 5px 8px 5px 10px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
}
.jupiterx-scroll-top:focus {
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(180 180 180 / 50%);
}