/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Description: A child theme for Hello Elementor
 Version: 1.0
 Author: Elementor Team
 Text Domain: hello-elementor-child
*/

/*Forms Styles*/
.form-styles .elementor-message:before {
    display: none !important;
}

.form-styles .elementor-field-type-acceptance a:hover {
     text-decoration: underline;
 }

.form-styles .elementor-field-type-text input,
.form-styles .elementor-field-type-tel input,
.form-styles .elementor-field-type-email input, 
.form-styles .elementor-select-wrapper select {
    height: 46px !important;
}

.form-styles .elementor-field-type-acceptance > label {
	visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

.form-styles span.elementor-button-content-wrapper {
    z-index: 20;
    position: relative;
}

.form-styles .select-caret-down-wrapper {
    display: none;
}
.form-styles .elementor-select-wrapper select {
    background: url('https://ransomsafety.digitalfoldstaging.co.za/wp-content/uploads/2026/03/chevron-down-27.svg') no-repeat right 15px center;
    background-size: 24px 24px;
    background-color: #FFFFFF33;
    padding-right: 40px !important;
}
.form-styles select option {
	color: #FFFFFF;
	background-color: #616163;
}

@media only screen and (max-width: 1024px) {
.form-styles .elementor-button[type="submit"] {
    padding: 14px 24px !important;
}
}
/*End Form Styles*/

/*Listing Grid Nav*/
.jet-listing-grid__slider-icon.slick-arrow > svg {
    display: none !important; 
}

/* Next Arrow Normal*/
.jet-listing-grid__slider-icon.next-arrow.slick-arrow {
    width: 54px; 
    height: 54px; 
    background: url('https://ransomsafety.digitalfoldstaging.co.za/wp-content/uploads/2026/03/prev-arrow.svg') no-repeat center center !important;
    background-size: contain !important;
}

/* Next Arrow Hover */
.jet-listing-grid__slider-icon.next-arrow.slick-arrow:hover { 
    background: url('https://ransomsafety.digitalfoldstaging.co.za/wp-content/uploads/2026/03/hover-prev-arrow.svg') no-repeat center center !important;
    background-size: contain !important;
}

/* Prev Arrow Normal */
.jet-listing-grid__slider-icon.prev-arrow.slick-arrow {
    width: 54px; 
    height: 54px; 
    background: url('https://ransomsafety.digitalfoldstaging.co.za/wp-content/uploads/2026/03/prev-arrow.svg') no-repeat center center !important;
    background-size: contain !important;
}

/* Prev Arrow Hover */
.jet-listing-grid__slider-icon.prev-arrow.slick-arrow:hover { 
    background: url('https://ransomsafety.digitalfoldstaging.co.za/wp-content/uploads/2026/03/hover-prev-arrow.svg') no-repeat center center !important;
    background-size: contain !important;
}

@media only screen and (max-width: 1024px) {
	.jet-listing-grid__slider-icon.prev-arrow.slick-arrow,
	.jet-listing-grid__slider-icon.next-arrow.slick-arrow {
		width: 40px;
		height: 40px;
	}
	
}

/*End Listing Grid Nav*/

/*GSAP Animations*/
/*Heading Stagger*/
.stagger .elementor-icon-box-title,
.stagger .elementor-icon-box-description,
.stagger .elementor-heading-title,
.stagger .elementor-icon-box-icon
{
    opacity: 0;
}
/* Show stagger elements normally in Elementor editor */
.elementor-editor-active .stagger .elementor-icon-box-title,
.elementor-editor-active .stagger .elementor-icon-box-description,
.elementor-editor-active .stagger .elementor-heading-title
{
    opacity: 1 !important;
}

.stagger .char-wrapper,
.stagger .char {
    text-transform: none;
	display: inline-block;
    vertical-align: bottom;
}

.stagger .elementor-icon-box-title,
.stagger .elementor-icon-box-description,
.stagger .elementor-heading-title {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

.stagger .elementor-icon-box-title {
    transition: none;
}
/*End Heading Stagger*/

/* Button Ripple */
.hover-ripple a.elementor-button {
  position: relative !important;
  overflow: hidden !important;
  margin-bottom: -5px;
  isolation: isolate;
}

.hover-ripple a.elementor-button > * {
  position: relative;
  z-index: 1;
}

/* Icon List Ripple */
.hover-ripple.elementor-widget-icon-list .elementor-icon-list-item a {
  display: inline-flex !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

.hover-ripple.elementor-widget-icon-list .elementor-icon-list-item a > * {
  position: relative;
  z-index: 1;
}
/* End Button Ripple */
/*End GSAP Animations*/
