/* **********************************************************
 * WIDGET STYLES + see JS in /assets/js/script.js
 * 
 * 1) SECTION MASKED LOGO / HEADER / MENU TWEAKS 
 * 2) TEAM SECTION WIDGET
 * 3) PROJECT LISTING WIDGET
 * 4) CONTACT SECTION WIDGET
 * 5) HERO WIDGET
 * 6) MODAL WIDGET
 * 7) SVG ANIMATION
 * 8) BLOG SCROLL SLIDER 
 * ******************************************************** */

.page-template .wst-footer {
	display: none;
}

/* *****************************
 * SECTION MASKED LOGO
 * *************************** */
.section-masked-logo .masked-logo img {
	display: block;
	max-width: 100%;
	height: auto;
	opacity: 0;
}
.section-masked-logo .logo-mask {
	mask-image: url(/wp-content/uploads/2022/10/WST_Logo-mask-wht.svg);
	-webkit-mask-image: url(/wp-content/uploads/2022/10/WST_Logo-mask-wht.svg);
	mask-size: 100% 100%;
	-webkit-mask-size: 100% 100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(to right,#df4237, #f37f20,#df4237,#f37f20);
	background: -webkit-linear-gradient(to right,#df4237, #f37f20,#df4237,#f37f20);
	background-image: linear-gradient(to right,#df4237, #f37f20,#df4237,#f37f20);
    background-size: 300% 100%;
    -webkit-animation: bg-anim-pos 3s infinite linear both;
    animation: bg-anim-pos 3s infinite linear both;	
}
@-webkit-keyframes bg-anim-pos {
	to{background-position:100% 0}
}
@keyframes bg-anim-pos{
	to{background-position:100% 0}
}

/* ******************************
 * MOBILE TOGGLE GRADIENT ANIMATION
 * *************************** */
.jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon.active i,
.jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon.active:hover i,
.jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon:hover i,
.jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon.active svg,
.jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon.active:hover svg,
.jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon:hover svg {
	transition-duration: 1s;
    transform: scale(1.2) rotate(180deg);
}
.jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon i,
.jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon svg {
	transition-duration: 1s;
	transform: scale(1.0) rotate(0deg);
}
.toggle-gradient-animation .jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon svg {
  animation: filter-animation 2s infinite;  
}
@keyframes filter-animation {
  0% {fill: #f37f20; }
  33% { fill: #df4237; }
  100% { fill: #f37f20;  }
}

/* ******************************
 * MOBILE HEADER CONTENT
 * *************************** */
.jet-mobile-menu-cover {
    backdrop-filter: blur(5px);
}
.jet-mobile-menu__item:hover .jet-menu-label {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(120deg, #f47722 30%, #dd3739 100%);
    background-size: 200%;
    animation: menu-hover 2s ease-in-out infinite;
}
@keyframes menu-hover {
	0% { background-position: 0 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0px 100%; }
}
.menu-phone {
    padding-bottom: 3rem;
}
.menu-phone::after {
    background: #f00;
    background: linear-gradient(90deg, #f37f20 0%, #df4237 100%);  
	border-radius: 0px 10px 10px 0px;
    content: "";
    position: absolute;
    bottom: 0;
	left: -2rem;
    width: calc(100% + 2rem);
    height: 7px;
}



/* ******************************
 * TEAM SECTION WIDGET
 * *************************** */
.section-team .jet-parallax-section__image {
    background-size: 25% !important;
    opacity: .25;
}
.tabs-team .ha-tab__title {
    border-bottom: 2px solid #eee !important;
}
.tabs-team .ha-tab__title.ha-tab--active {
    border-bottom: 2px solid #f45a34 !important;
    transition: border-bottom 1.5s cubic-bezier(0.39,0.57,0.56,1);
}
.tabs-team .ha-tab__title .ha-tab__title-text:after {
	content: '';
	position: absolute;
	width: 0px;
	height: 4px;
	left: 0%;
	bottom:0;
	background-color: #f45a34;
	background: linear-gradient(90deg, #f45a34 0%, #e63055 50%);
	transition: all 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000); /* easeOutSine */
}
.tabs-team .ha-tab__title.ha-tab--active .ha-tab__title-text:after {
  width: 100%;
  left: 0;
}
.tabs-team .ha-tab__title-text {
  transition: all ease-in-out 1s;		
}
.tabs-team .ha-tabs>.ha-tabs__content>.ha-tab__content {
	border: 0;
}
.tabs-team .ha-tab__title-icon i {
	transition: color 1s;
}
.tabs-team .ha-tab--active .ha-tab__title-icon i {
	color: #E63055;
}
.ha-tab__title.ha-tab--active {
        border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
}

@media (max-width: 768px) {
	.tabs-team .ha-tab__title .ha-tab__title-text:after {
		bottom: auto !important;
		top: inherit !important;
		margin-top: 3.35rem;
	}
}


/* ******************************
 * PROJECT LISTING WIDGET
 * *************************** */
.project-listing .elementor-column-wrap {
	display: flex;
	align-content: stretch !important;
	align-items: stretch !important;
}
.project-listing .elementor-widget-wrap {
	display: flex;
	align-content: stretch !important;
	align-items: flex-end;
}
.project-listing .elementor-widget-jet-listing-dynamic-link,
.project-listing .jet-listing-dynamic-link,
.project-listing .jet-listing-dynamic-link__link {
	display: flex;
	align-content: stretch;
	align-items: stretch;
	width: 100%;
}
.project-listing .project-info {
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    height: 100%;
}
.project-listing .project-title {
    display: flex;
}
.project-title span.jet-listing-dynamic-link__label {
    padding: 5rem 0rem 1rem 0;
}
.project-listing .col1 .project-excerpt {
	transition: opacity 0.25s ease-in 0s, max-height 1.0s ease-in-out 0s;
	max-height: 0;
	opacity: 0;
}
.project-listing .col1:hover .project-excerpt {
	transition: opacity 0.5s ease-in 0.5s, max-height 0.75s ease-in 0s;	
	max-height: 20rem;
	opacity: 1;
}
.project-listing .project-excerpt a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;	
}
.project-listing a.jet-listing-dynamic-link__link:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.project-listing .project-icon-link {
	justify-content: center;
    display: flex;
    align-content: stretch;
    align-items: center;
    height: 100%;	
}
.project-listing .inner-section-project-icon-link,
.project-listing .inner-section-project-icon-link .elementor-container {
    display: flex;
    align-content: stretch !important;
    align-items: stretch !important;
    width: 100%;
}
.project-listing i.jet-listing-dynamic-link__icon {
    padding: 3rem 1rem;
}

/* Single Portfolio */
.single-portfolio .jupiterx-main .elementor-column-gap-default>.elementor-row>.elementor-top-column>.elementor-element-populated>.elementor-widget-wrap {
    padding: 0 !important;
}
.single-portfolio .inner-section-title {
	clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}
.single-portfolio button.ha-filter__item {
    background-image: linear-gradient(320deg, #f37f20 0%, #df4237 100%);
    transition: all 0.75s !important;
    background-size: 100% auto;
    padding: 8px 40px 8px 30px !important;
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    border-left: 0 !important;
    border-right: 0 !important;
}
.single-portfolio button.ha-filter__item:hover {
	background-position: top-right;
	background-size: 150% auto;
}


/* ******************************
 * CONTACT SECTION WIDGET
 * *************************** */
/* CONTACT WIDGET SECTION HERO */

/* CONTACT HERO HEADING */
.contact-h1 h1 {
	color: #f37f20;
	color:transparent;
	text-align: center;	
    font-size: 6em;
    font-weight: bold;
    line-height: 1;
    position: relative;
    display: inline-block;
	background-image:url(/wp-content/uploads/2022/04/bg-space-lights-red.jpg);
	background-size:cover;
	background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent; 
	background: -moz-linear-gradient(to right,#df4237, #f37f20,#df4237,#f37f20);
	background: -webkit-linear-gradient(to right,#df4237, #f37f20,#df4237,#f37f20);
	background-image: linear-gradient(to right,#df4237, #f37f20,#df4237,#f37f20);
    background-size: 300% 100%;
    -webkit-animation: bg-anim-h1 3s infinite linear both;
    animation: bg-anim-h1 3s infinite linear both;		
} 
@-webkit-keyframes bg-anim-h1 {
	to{background-position:100% 0}
}
@keyframes bg-anim-h1 {
	to{background-position:100% 0}
}

/* CONTACT INFO SECTION */
.section-contact-info .gradient-text {
	color: #f37f20;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(180deg, #f37f20 0%, #df4237 100%);	
}
/*
.section-contact-info .elementor-background-overlay {
	background: -moz-linear-gradient(90deg, #27324A 0%, #1B2333 90%);
	background: -webkit-linear-gradient(90deg, #27324A 0%, #1B2333 90%);
	background: linear-gradient(90deg, #27324A 0%, #1B2333 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B2333', endColorstr='#27324A',GradientType=1 );
	background-size: 500% 500%;
	-webkit-animation: Animation-contact-info 3s ease infinite;
	-moz-animation: Animation-contact-info 3s ease infinite;
	animation: Animation-contact-info 3s ease infinite;	
	z-index: -10 !important;
}
@keyframes Animation-contact-info {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@-webkit-keyframes Animation-contact-info {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}  */

/* CONTACT FORM SECTION BACKGROUND */
.section-contact .elementor-background-overlay {
	/* Linear Gradient */
	background: #27324a;
	background: -moz-linear-gradient(200deg, #f37f20 20%, #df4237 40%, #27324a 70%);
	background: -webkit-linear-gradient(200deg, #f37f20 20%, #df4237 40%, #27324a 70%);
	background: linear-gradient(200deg, #f37f20 20%, #df4237 40%, #27324a 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27324a', endColorstr='#df4237',GradientType=1 );
	
	background-size: 150% 100%;
	-webkit-animation: Animation-BG 10s ease infinite;
	-moz-animation: Animation-BG 10s ease infinite;
	animation: Animation-BG 10s ease infinite;	
}
@-webkit-keyframes Animation-BG {
	0%{background-position:0% 100%}
	50%{background-position:100% 0%}
	100%{background-position:0% 50%}
}
@-moz-keyframes Animation-BG {
	0%{background-position:0% 50%}
	50%{background-position:100% 0%}
	100%{background-position:0% 50%}
}
@keyframes Animation-BG {
	0%{background-position:0% 50%}
	50%{background-position:100% 0%}
	100%{background-position:0% 50%}
}

/* CONTACT FORM STYLING 
 * 
 * IMPORTANT - SEE CONTACT WIDGETS https://jupiterxwidgets.webservice.team/contact-widget/ 
 * SELECT ELEMENT - Go to ADVANCED > CUSTOM CSS for each form's styling
 * 
 */


/* ******************************
 * HERO WIDGET
 * *************************** */
/* FOLLOW GRADIENT */
.hero.follow-gradient {
  --mouse-x: 0px;
  --mouse-y: 0px;
  --base-color: #27324a;
  
  position: relative;
/*  min-height: 100vh; */
  background: var(--base-color);
  overflow: hidden;
} 
.hero.follow-gradient:before {
    content: "";
    width: 250%;
    height: 250%;
    position: absolute;
    top: var(--mouse-y);
    left: var(--mouse-x);
    transform: translate(-50%, -50%);
    transition: all 2s ease-in-out;
    background: var(--base-color);
    background: radial-gradient(circle at 50% 50%, #f37f20 0%, #df4237 20%, #27324a 50%);
}


/* ******************************
 * SECTION FOLLOW GRADIENT - add section and follow-gradient class OR remove .section from below and just use .follow-gradient
 * *************************** */
.section.follow-gradient {
  --mouse-x: 0px;
  --mouse-y: 0px;
  --base-color: #27324a;
  position: relative;
/*  min-height: 100vh; */
  background: var(--base-color);
  overflow: hidden;
} 
.section.follow-gradient .e-con-inner:before {
    content: "";
    width: 250%;
    height: 250%;
    position: absolute;
    top: var(--mouse-y);
    left: var(--mouse-x);
    transform: translate(-50%, -50%);
    transition: all 2s ease-in-out;
    background: var(--base-color);
    background: radial-gradient(circle at 50% 50%, #f37f20 0%, #df4237 20%, #27324a 50%);
}

/* Hero Grid - Stack and Align Vert Center */
.hero-col .elementor-widget-wrap {
  display: grid !important;
  grid-template-areas:
    "one";
  gap: 10px;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
    align-items: center;
}
.hero-col .ha-sticky-video,
.hero-col .hero-video,
.hero-col .hero-bg-floating-image {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
    margin: 0;
}
.hero-col .inner-section-txt-btns {
  grid-area: one;
}

/* Hero Video */
.hero .jet-video:after {
    background-image: radial-gradient(#365381 10%,#27324a 50%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    mix-blend-mode: multiply;
}

/* Hero Text */
.hero .ha-animated-text-wrap {
    line-height: 1em;
}
.hero .cd-headline.clip span {
	padding: 0;
}
.hero .ha-animated-after-text {
    font-size: 1.75rem;
    font-weight: normal;
    font-style: italic;
}
.ha-animated-after-text {
    line-height: 1.2em;	
	margin-top: 1rem;
}

/* HERO BUTTONS */
.inner-section-buttons .elementor-widget-wrap {
	display: flex !important;
    align-items: center;
}
.inner-section-buttons a.elementor-button-link.elementor-button {
	transition: 0.5s;
	background-size: 300% auto;
} 
.inner-section-buttons .elementor-button:hover,
.inner-section-buttons .elementor-button:focus {
	background-image: linear-gradient(130deg, #f37f20DE 10%, #df4237DE 40%, #df4237DE 60%, #f37f20DE 90%) !important;	
  -webkit-animation: animatebtnbg 4s infinite linear;	
}
@keyframes animatebtnbg {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}

@media (max-width: 767px) {
	.hero-col .inner-section-buttons .elementor-widget-wrap {
		display: block !important;
	    align-items: center;
	}	
}

@media (max-width: 390px) {
	/* HERO WIDGET TEXT */
	.hero-col .ha-animated-text h1 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}	
}


/* ******************************
 * MODAL WIDGET
 * *************************** */
.jet-popup.jet-popup--front-mode .jet-popup__overlay:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    background-size: contain !important;
    background: url(https://jupiterxwidgets.webservice.team/wp-content/uploads/2023/04/liquid-glass0015.png) no-repeat;
	background: url(https://jupiterxwidgets.webservice.team/wp-content/uploads/2023/04/liquid-glass-micro-drops0009-1920.png) no-repeat;
	top: 0%;
    left: 20%;
    background-position: top left;
    -webkit-animation: modalbgmoverbig 30s infinite alternate;
    animation: modalbgmoverbig 30s infinite alternate;	
}
@-webkit-keyframes modalbgmoverbig {
    0% { 
	transform: translate(300px, -200px);
	rotate: 0deg;
	}
    25% { 
	transform: translate(300px, 200px);
	rotate: 15deg;
	}
    75% { 
	transform: translate(-200px, -250px);
	rotate: -15deg;
	}	
    100% { 
	transform: translate(-200px,  300px);		
	rotate: 5deg;
	}
}
@keyframes modalbgmoverbig {
    0% { 
	transform: translate(300px, -200px);
	rotate: 0deg;
	}
    25% { 
	transform: translate(300px, 200px);
	rotate: 15deg;
	}
    75% { 
	transform: translate(-200px, -250px);
	rotate: -15deg;
	}	
    100% { 
	transform: translate(-200px,  300px);		
	rotate: 5deg;
	}
}
.jet-popup.jet-popup--front-mode .jet-popup__container:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    background-size: contain !important;
	background: url(https://jupiterxwidgets.webservice.team/wp-content/uploads/2023/04/liquid-glass-med-drops0016-1920.png) no-repeat;
    top: -10%;
    left: -50%;
    background-position: top left;
    -webkit-animation: modalbgmover 10s infinite  alternate;
    animation: modalbgmover 10s infinite  alternate;
}
@-webkit-keyframes modalbgmover {
    0% { 
	transform: translateY(150px);
	rotate: -30deg;
	}
    100% { 
	transform: translateY(-20px);
	rotate: -40deg;
	}
}
@keyframes modalbgmover {
    0% { 
	transform: translateY(150px);
	rotate: -30deg;
	}
    100% { 
	transform: translateY(-20px);
	rotate: -40deg;
	}
}
.jet-popup.jet-popup--front-mode .jet-popup__container:after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    background-size: contain !important;
    background: url(https://jupiterxwidgets.webservice.team/wp-content/uploads/2023/04/liquid-glass-med-drops0008-1920.png) no-repeat;
    top: 25%;
    left: 35%;
    background-position: bottom right;
    -webkit-animation: modalbgmoverbottom 15s infinite  alternate;
    animation: modalbgmoverbottom 15s infinite  alternate;
}
@-webkit-keyframes modalbgmoverbottom {
    0% { 
	transform: translateY(0);
	rotate: 0deg;
	}
    100% { 
	transform: translateY(50px);
	rotate: 15deg;
	}
}
@keyframes modalbgmoverbottom {
    0% { 
	transform: translateY(-100px);
	rotate: 0deg;
	}
    100% { 
	transform: translateY(100px);
	rotate: 15deg;
	}
}

.jet-popup.jet-popup--front-mode .gpoll_field {
    color: #fff;
}

/* MODAL FORM SECTION BACKGROUND */
.jet-popup .section-contact .elementor-background-overlay {
	/* Linear Gradient */
	background: #27324a;
    background: -moz-linear-gradient(15deg, #f37f20 20%, #df4237 40%, #27324a 70%);
    background: -webkit-linear-gradient(15eg, #f37f20 20%, #df4237 40%, #27324a 70%);
    background: linear-gradient(15deg, #f37f20 20%, #df4237 40%, #27324a 70%);
	
	background-size: 150% 100%;
	-webkit-animation: Modal-Animation-BG 10s ease infinite;
	-moz-animation: Modal-Animation-BG 10s ease infinite;
	animation: Modal-Animation-BG 10s ease infinite;	
}
@-webkit-keyframes Modal-Animation-BG {
	0%{background-position:0% 100%}
	50%{background-position:100% 0%}
	100%{background-position:0% 50%}
}
@-moz-keyframes Modal-Animation-BG {
	0%{background-position:0% 50%}
	50%{background-position:100% 0%}
	100%{background-position:0% 50%}
}
@keyframes Modal-Animation-BG {
	0%{background-position:0% 50%}
	50%{background-position:100% 0%}
	100%{background-position:0% 50%}
}

/* MODAL FORM ADDTL STYLING */
.jet-popup .gform_wrapper.gravity-theme .gfield input, 
.jet-popup .gform_wrapper .ginput_complex.ginput_container input[type=text], 
.jet-popup .ginput_container textarea, 
.jet-popup .ginput_container.ginput_container_select, 
.jet-popup .gform_body textarea:focus {
	border-radius: 30px;
	padding: 1.25rem 1rem 1rem !important;	
}


/* FORM FIELD TRANSPARENT WITH BORDERS */
.jet-popup .gform_wrapper.gravity-theme .gfield input, 
.jet-popup .gform_wrapper .ginput_complex.ginput_container input[type=text], 
.ginput_container textarea,
.jet-popup .ginput_container.ginput_container_select,
.jet-popup .gform_body textarea:focus {
	color: #fff;
	padding: 1.25rem 1rem 1.0rem !important;
	border: double 4px transparent !important;
	border-radius: 30px;
	background-origin: border-box;
	background-clip: padding-box, border-box !important;
	background: linear-gradient(30deg,#1a1a1a00,#27324a00);
	z-index: 1;
}
.jet-popup .ginput_container.ginput_container_select {
	padding: 0.75rem 0.5rem !important;
}
.jet-popup .gform_wrapper.gravity-theme .gfield .ginput_container:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 12px 6px 4px;
  border-radius: 30px;
   background: linear-gradient(30deg, #f37f20, #df4237);
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.jet-popup .ginput_container.ginput_container_radio .gfield_radio {
	padding-bottom: 15px;
}
.jet-popup .gform_wrapper .ginput_complex.ginput_container:before {
	width: 99% !important;
}
.jet-popup .ginput_container.ginput_container_select:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 2px;
  border-radius: 4px;
  background: linear-gradient(30deg, #f37f20, #df4237) ;
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
          mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.jet-popup .gform_wrapper.gravity-theme .gfield textarea {
    margin-bottom: -0.5rem;
}
.jet-popup .gform_wrapper.gravity-theme .gfield .ginput_container.focused-field:before,
.jet-popup .ginput_container.ginput_container_select.focused-field:before {
	background: linear-gradient(30deg, #27324a, #58595b);
	background: linear-gradient(30deg, #f37f20, #df4237);
	padding: 4px;	
	-webkit-animation: Animation-Input 3s ease infinite;
	-moz-animation: Animation-Input 3s ease infinite;
	animation: Animation-Input 3s ease infinite;
	background-size: 250%;
	border-radius: 30px;
}
.jet-popup .gform_body input:focus, .gform_body textarea:focus, 
.jet-popup .gform_body select:focus, 
.jet-popup .gform_body .ginput_container select:focus {
	box-shadow: inset 0px 0px 8px #f37f20;	
}
.jet-popup .gform_wrapper.gravity-theme .gform_footer input {
    display: block;
    min-width: 150px;
    background: linear-gradient(90deg,#ffb100 0%, #f37f20 25%, #df4237 50%, #27324a 100%);
    background: linear-gradient(320deg, #ffb100 0%, #f37f20 25%, #df4237 50%, #27324a 100%);
    background-size: 300%;
    transition: 1.5s;
    background-repeat: no-repeat;
    background-position: center right;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    border-radius: 30px;
    border: 4px solid #ff8400 !important;
    box-shadow: inset 0 4px 4px #9e000080;
}
.jet-popup .gform_wrapper.gravity-theme .gform_footer input:hover {
	background-size: 100%;
}


/* ******************************
 * SVG ANIMATION
 * *************************** */
#logo-svg svg path,
#logo-svg svg polygon {
	fill: #ffffff00;
    stroke:#fff;
    stroke-width: 10;
}


/* ******************************
 * BLOG SCROLL SLIDER 
 * *************************** */
/* Blog Item */
.jet-listing-grid__item.jet-equal-columns .jet-engine-listing-overlay-wrap {
	pointer-events: none !important;
}

/* Blog Scroll Track */
.blog-scroll-slider *::-webkit-scrollbar-track {
	background: #fff !important;
	margin-left: -15px !important;
}


/* Blog Category Select */
.blog-widget-cat-select option {
	background: #000;
}

/* Blog Read More */
.blog-widget-read-more a {
	width: 4rem;
	height: 4rem;
	font-size: 2rem;
    transform: rotate(-45deg);	
	transition: all .5s ease;	
	pointer-events: none;
}
.blog-widget-read-more:hover a {
	font-size: 2rem;
    transform: rotate(0deg);	
}

/* Blog Title Rounded Background */
.blog-widget-slider.blog-card .elementor-widget.elementor-widget-html {
	display: none;
}
.blog-widget-scroller .goo h3 span {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background: #fff;
  padding: 0.5rem 1rem;
  -webkit-filter: url('#goo');
          filter: url('#goo');
}
.blog-widget-scroller .goo h3 span:focus {
  outline: 0;
}