/* 
Theme Name: Get in Shape
Theme URI: https://awwwsome.io
Description: A simple Elementor-compatible theme developed for Get in Shape by Awwwsome.
Author: Awwwsome
Author URI: https://awwwsome.io
Template: hello-elementor
Version: 2.0.10
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Spacing grid */

    .margin-top-4px {
      margin-top: 4px;
    }
    
    .margin-top-6px {
      margin-top: 6px;
    }
    
    .margin-top-8px {
      margin-top: 8px;
    }

/* Button Styling */

    .regular-btn {
      position: relative;
      display: inline-block;
      text-align: center;
      line-height: 1.1em;
      color: #fff;
      font-size: 1.1rem;
      text-decoration: none;
      box-sizing: border-box;
      background: linear-gradient(90deg, #8b5cf6, #f97316);
      background-size: 100%;
      border-radius: 8px;
      z-index: 1;
    }
    
    .regular-btn:hover {
      animation: animate 8s linear infinite;
    }
    
    @keyframes animate {
      0% {
        background-position: 0%;
      }
      100% {
        background-position: 400%;
      }
    }
    
    .regular-btn:before {
      content: "";
      position: absolute;
      top: -5px;
      right: -5px;
      bottom: -5px;
      left: -5px;
      z-index: -1;
      background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
      background-size: 400%;
      border-radius: 40px;
      opacity: 0;
      transition: 0.5s;
    }
    
    .regular-btn:hover:before {
      filter: blur(20px);
      opacity: 1;
      animation: animate 8s linear infinite;
    }

/* Buttons styling for horizontal newsletter forms */

    #newsletter-horizontal-form-btn {
      margin-top: 8px;
      position: relative;
      display: inline-block;
      width: 100%;
      padding-top: 13px;
      padding-bottom: 13px;
      text-align: center;
      line-height: 1em;
      color: #fff;
      font-size: 1.1rem;
      text-decoration: none;
      box-sizing: border-box;
      background: linear-gradient(90deg, #8b5cf6, #f97316);
      background-size: 100%;
      border-radius: 8px;
      z-index: 1;
    }
     
    #newsletter-horizontal-form-btn:hover {
      animation: animate 8s linear infinite;
    }
     
    @keyframes animate {
      0% {
        background-position: 0%;
      }
      100% {
        background-position: 400%;
      }
    }
     
    #newsletter-horizontal-form-btn:before {
      content: "";
      position: absolute;
      top: -5px;
      right: -5px;
      bottom: -5px;
      left: -5px;
      z-index: -1;
      background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
      background-size: 400%;
      border-radius: 40px;
      opacity: 0;
      transition: .5s;
    }
     
    #newsletter-horizontal-form-btn:hover:before {
      filter: blur(20px);
      opacity: 1;
      animation: animate 8s linear infinite;
    }
	
/* Buttons styling for vertical newsletter forms */

    #newsletter-vertical-form-btn {
      margin-top: 8px;
      position: relative;
      display: inline-block;
      width: 100%;
      padding-top: 16px;
      padding-bottom: 16px;
      text-align: center;
      line-height: 1em;
      color: #fff;
      font-size: 1.1rem;
      text-decoration: none;
      box-sizing: border-box;
      background: linear-gradient(90deg, #8b5cf6, #f97316);
      background-size: 100%;
      border-radius: 8px;
      z-index: 1;
    }
     
    #newsletter-vertical-form-btn:hover {
      animation: animate 8s linear infinite;
    }
     
    @keyframes animate {
      0% {
        background-position: 0%;
      }
      100% {
        background-position: 400%;
      }
    }
     
    #newsletter-vertical-form-btn:before {
      content: "";
      position: absolute;
      top: -5px;
      right: -5px;
      bottom: -5px;
      left: -5px;
      z-index: -1;
      background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
      background-size: 400%;
      border-radius: 40px;
      opacity: 0;
      transition: .5s;
    }
     
    #newsletter-vertical-form-btn:hover:before {
      filter: blur(20px);
      opacity: 1;
      animation: animate 8s linear infinite;
    }

/* Text gradient styling */

    .text-gradient {
     color: #8b5cf6; 
     background-image: linear-gradient(45deg, #8b5cf6 25%, #f97316 75%); 
     background-clip: text; 
     -webkit-background-clip: text; 
     -webkit-text-fill-color: transparent; 
    }

/* Animated text gradient */

    .animated-text-gradient {
      text-align: center;
      
      background: linear-gradient(to right, #8b5cf6 20%, #f97316 40%, #f97316 60%, #8b5cf6 80%);
      background-size: 200% auto;
      
      color: #000;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      
    	animation: shine 3s linear infinite;}
      @keyframes shine {
        to {
          background-position: 200% center;
        }
    }



/* Box gradient shadow */

    .box:before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(45deg, #8b5cf6 0%, #f97316 80% );
        transform: translate3d(0px, 12px, 0) scale(0.9);
        filter: blur(16px);
        opacity: 1;
        transition: opacity 0.3s;
        border-radius: inherit;
    }

    .box::after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        border-radius: inherit;
    }

/* Glowing box */

    .glowing-box {
      background: hsl(0, 0%, 100%);
      padding: 32px 32px;
      position: relative;
      border-radius: 8px;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01);
    }
    
    .glowing-box::after {
      position: absolute;
      content: "";
      top: 15px;
      left: 0;
      right: 0;
      z-index: -1;
      height: 104%;
      width: 100%;
      transform: scale(0.9) translateZ(0);
      filter: blur(15px);
      background: linear-gradient(
        to left,
        #8b5cf6,
        #f97316,
        #3b82f6
      );
      background-size: 200% 200%;
      animation: animateGlow 3s linear infinite;
    }
    
    @keyframes animateGlow {
      0% {
        background-position: 0% 50%;
      }
      100% {
        background-position: 200% 50%;
      }
    }


/* Place order button styling */

#place_order,
#wp-submit {
  margin-top: 8px;
  position: relative;
  display: inline-block;
  text-align: center;
  line-height: 1.1em;
  color: #fff;
  font-size: 1.1rem;
  text-decoration: none;
  box-sizing: border-box;
  background: linear-gradient(90deg, #8b5cf6, #f97316);
  background-size: 100%;
  border-radius: 8px;
  z-index: 1;
}

#place_order:hover,
#wp-submit:hover {
  animation: animate 8s linear infinite;
}

@keyframes animate {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 400%;
  }
}

#place_order:before,
#wp-submit:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: -1;
  background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
  background-size: 400%;
  border-radius: 40px;
  opacity: 0;
  transition: 0.5s;
}

#place_order:hover:before,
#wp-submit:hover:before {
  filter: blur(20px);
  opacity: 1;
  animation: animate 8s linear infinite;
}

    
/* Cart button styling */

    .checkout-button {
      position: relative;
      display: inline-block;
      text-align: center;
      line-height: 1.1em;
      color: #fff;
      font-size: 1.1rem;
      text-decoration: none;
      box-sizing: border-box;
      background: linear-gradient(90deg, #8b5cf6, #f97316)!important;
      background-size: 100%;
      border-radius: 8px;
      z-index: 1;
    }
    
    .checkout-button:hover {
      animation: animate 8s linear infinite;
    }
    
    @keyframes animate {
      0% {
        background-position: 0%;
      }
      100% {
        background-position: 400%;
      }
    }
    
    .checkout-button:before {
      content: "";
      position: absolute;
      top: -5px;
      right: -5px;
      bottom: -5px;
      left: -5px;
      z-index: -1;
      background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
      background-size: 400%;
      border-radius: 40px;
      opacity: 0;
      transition: 0.5s;
    }
    
    .checkout-button:hover:before {
      filter: blur(20px);
      opacity: 1;
      animation: animate 8s linear infinite;
    }

/* Disable product image zoom */
    .woocommerce-product-gallery__image {
    pointer-events: none;}
    
/* Style legal copy in the payment box in checkout */

    .woocommerce-privacy-policy-text > p {
      margin: 12px 0px 12px 0px!important;
    }
    
/* Style payment box in checkout */

#payment {
  background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 6px, transparent 6px) 0% 0%/8px 8px no-repeat,
              radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 6px, transparent 6px) 100% 0%/8px 8px no-repeat,
              radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 6px, transparent 6px) 0% 100%/8px 8px no-repeat,
              radial-gradient(circle at 0 0, #ffffff 0, #ffffff 6px, transparent 6px) 100% 100%/8px 8px no-repeat,
              linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat,
              linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat,
              linear-gradient(90deg, #8b5cf6 0%, #f97316 100%)!important;
  border-radius: 8px;
}

/* Add spacing for Elementor bullet lists after last item */

.elementor-text-editor ul {
		  margin-bottom:12px;
}