divienginesupport

/*
************************************************************************************************************
You can add this CSS directly on the module in Module > Advanced > Custom CSS > Main Element or
in the Divi Theme Options.
It is always best to add any CSS directly to your child theme or in the Divi Theme Options > Custom CSS area, 
especially for loops layouts because we don't want the same CSS to load over and over on the same page.
If you add the CSS to Theme Options, make sure to assign a class to the module under Module > Advanced >
CSS ID & Classes and then preceed the CSS below with that Class Name.
************************************************************************************************************
*/

divienginesupport

/*
************************************************************************************************************
You can add this CSS directly on the module in Module > Advanced > Custom CSS > Main Element or
in the Divi Theme Options.
It is always best to add any CSS directly to your child theme or in the Divi Theme Options > Custom CSS area, 
especially for loops layouts because we don't want the same CSS to load over and over on the same page.
If you add the CSS to Theme Options, make sure to assign a class to the module under Module > Advanced >
CSS ID & Classes and then preceed the CSS below with that Class Name.
************************************************************************************************************
*/

divienginesupport

/*
************************************************************************************************************
You can add this CSS directly on the module in Module > Advanced > Custom CSS > Main Element or
in the Divi Theme Options.
It is always best to add any CSS directly to your child theme or in the Divi Theme Options > Custom CSS area, 
especially for loops layouts because we don't want the same CSS to load over and over on the same page.
If you add the CSS to Theme Options, make sure to assign a class to the module under Module > Advanced >
CSS ID & Classes and then preceed the CSS below with that Class Name.
************************************************************************************************************
*/

divienginesupport

/*
************************************************************************************************************
You can add this CSS directly on the module in Module > Advanced > Custom CSS > Main Element or
in the Divi Theme Options.
It is always best to add any CSS directly to your child theme or in the Divi Theme Options > Custom CSS area, 
especially for loops layouts because we don't want the same CSS to load over and over on the same page.
If you add the CSS to Theme Options, make sure to assign a class to the module under Module > Advanced >
CSS ID & Classes and then preceed the CSS below with that Class Name.
************************************************************************************************************
*/

divienginesupport

/*

************************************************************************************************************

You can add this CSS directly on the module in Module > Advanced > Custom CSS > Main Element or
in the Divi Theme Options.

It is always best to add any CSS directly to your child theme or in the Divi Theme Options > Custom CSS area, 
especially for loops layouts because we don't want the same CSS to load over and over on the same page.

divienginesupport

/* START SHOPIFY CHECKOUT RESPONSIVE VIEWS STYLES*/
@media all and (max-width: 767px) {
    .shop-cart .bodycommerce-minicart .bodycommerce-minicart-container {
        height: 60%!important;
        padding-top: 10%!important;
    }
    .shop-cart .bodycommerce-minicart .woocommerce-mini-cart.cart_list {
        max-height: 80%;
    }
    .bodycommerce-minicart .costs > * {

divienginesupport

/* Divi Engine SVG hamburger animation CSS for Divi Mobile */
/* Get Divi Mobile at https://diviengine.com/product/divi-mobile */

.divi-mobile-menu .line {
  fill: none !important; /* overwrite Divi Mobile setting to add color to the path */
  stroke: black; /* Change this color for the icon */
  stroke-width: 6; /* Increase the line thickness */
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

divienginesupport

// Yes, I know this says HTML, but trust me, this is SVG code that will render in HTML
<svg width="100" height="100" viewBox="0 0 100 100"> // Increase the size with the width and height property
    <path class="line line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" />
    <path class="line line2" d="M 20,50 H 80" />
    <path class="line line3" d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" />
</svg>

divienginesupport

/* DIVI ENGINE KEN BURNS */
 .de-ken-burns {
     -webkit-animation: summersaleburns 30s ease-out both; /* You can change the duration by changing the 30s here */
     animation: summersaleburns 30s ease-out both; /* You can change the duration by changing the 30s here */
     animation-iteration-count: infinite; /* This makes the effect loop forever */
}
/* Divi Engine Ken Burns Animation Keyframes */
 @-webkit-keyframes summersaleburns {
     0% {
         -webkit-transform: scale(1) translate(0, 0);

divienginesupport

<script>
jQuery( document ).ready(function() {
  let search_title=jQuery("#search-title");
  let search_term=jQuery("#search-term");
  search_term = search_term.text().match(/"(.*?)"/)[1];
  let search_title_text = search_title.text();
  console.log(search_title_text);
  console.log(search_term);
  search_title.text(`${search_title_text}: "${search_term}" `);
  jQuery("#search-term").remove();