oooh-boi

<script>
;( function() {

	document.addEventListener( 'DOMContentLoaded', my_stuff );
  
  function my_stuff() {
		
		let is_mobile = false;
  
    let hero = document.querySelector( '#hero' ); 

oooh-boi

body:not(.elementor-editor-active) .ob-unfold .ob-content { overflow: hidden; height: 200px; }
body:not(.elementor-editor-active) .ob-unfold .ob-blanket { cursor: pointer; z-index: 100; }
/* If you plan to use variable initial heights... */
/*
body:not(.elementor-editor-active) .ob-unfold .ob-content.ob-height-300 { height: 300px; }
body:not(.elementor-editor-active) .ob-unfold .ob-content.ob-height-toggle { height: 0px; }
*/
/* don't forget to append these classes to your ob-content in Elementor !!! */

oooh-boi

;( function() { 

    document.addEventListener( 'DOMContentLoaded', unfold_content );
	
    function unfold_content() {
			
			let close_text = "Show Less";
			let the_unfolds = gsap.utils.toArray( '.ob-unfold' ); 
			
			the_unfolds.forEach( ( ob, i ) => { 

oooh-boi

<script>
;(function() {

    // locomotive scroll storage
    var loco_scroll = {};

    // wait until sfe_loco_scroll available
    var chck_if_sfe_loco_scroll_loaded = setInterval(function() {

        if (window.sfe_loco_scroll && Object.keys(window.sfe_loco_scroll).length !== 0 && window.gsap && window.ScrollTrigger) {

oooh-boi

<script>
;( function() {

  // wait until gsap & ScrollTrigger available
  let chck_if_gsap_loaded = setInterval( function() {
    
    if( window.gsap && window.ScrollTrigger ) {
      
      // register scrolTrigger
      gsap.registerPlugin( ScrollTrigger );

oooh-boi

<?php
/*
* Exclude & Include in group control
*/
$this->add_group_control(
	Group_Control_Background::get_type(),
	[
		'name' => 'item_background',
		'label' => __( 'Background', 'happy-addons-pro' ),
		'types' => [ 'classic', 'gradient' ],

oooh-boi

/* be sure to copy-paste to the Image Widget Custom CSS panel */
selector, 
selector .elementor-widget-container, 
selector .elementor-image, 
selector .elementor-image > a {
    height: 100%;
}
selector .elementor-image img {
  object-fit: cover;
  object-position: 50% 50%;

oooh-boi

/* EXAMPLE GRADIENTS */

/* To be used with Heading widget */
selector .elementor-heading-title {
     background-image: linear-gradient(to right top, #ec2551, #c52a6e, #943979, #633e71, #3d3a59);
     background-clip: text;
     -webkit-background-clip: text;
}

/* To be used with Text Editor widget */

oooh-boi

/* MAGICAL CSS Rule */
selector .elementor-container .elementor-row {
     flex-wrap: wrap;
     /* uncomment for columns alignment */
     /* justify-content: center; */
}

/* Responsive Columns Alignment - Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
	selector .elementor-container .elementor-row {

oooh-boi

<script>
"use strict";
OB_ready(OB_doWhenReady);

function OB_doWhenReady() {
    // localize everything
    var ooohBoi = window.ooohBoi || {};
    // local scope variables
    ooohBoi.prev_scroll_pos = window.scrollY || document.body.scrollTop;
    ooohBoi.cur_scroll_pos;