/* 
 Theme Name:   Hello Elementor Child Theme
 Theme URI:    https://prismaticacademy.com
 Description:  Just a Hello Elementor Child Theme
 Author:       IT Support
 Author URI:   https://prismaticacademy.com
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/



.post-meta, .aioseo-author-bio-compact{
	display:none !Important;
}

.wp-block-latest-posts__post-title{
	color: #9538c5;
}




/* Popup Container Styling */
#popmake-6157 {
    background-color: rgba(255, 255, 255, 0.95); /* Softer white */
    border: 2px solid rgba(0, 0, 0, 0.1); /* Transparent border */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    padding: 30px;
    max-width: 500px;
    margin: auto;
    color: #333;
    font-family: 'Open Sans', sans-serif;
}

/* Title Styling */
#pum_popup_title_6157 {
    font-size: 24px;
    font-weight: bold;
    color: #005aa7; /* Adjust to your brand color */
    margin-bottom: 10px;
}

/* Gravity Forms Submit Button */
#gform_submit_button_2 {
    background-color: #005aa7;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 24px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#gform_submit_button_2:hover {
    background-color: #003e7e;
}

/* Close Button */
.pum-close {
	background-color:#000034 !important;
    color: #666;
    font-size: 14px;
    border: none;
    background: transparent;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
}

.page-id-5928 .wp-block-latest-posts__featured-image{
	    max-width: 150px;
}


.gradient-text h2 {
    background: linear-gradient(90deg, #677CE7, #764BA2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}


#post-6307{
	display: none;
}


.page-id-6307 {
	background-image: linear-gradient(177deg, #677CE7 49%, #764BA2 100%);
  background-repeat: no-repeat;
  background-size: auto;
}





.super-btn {
    position: relative;
    display: inline-block;
    padding: 30px;
    font-size: 1rem;
    border: none;
    border-radius: 8px;
    background: linear-gradient(90deg, #677CE7, #764BA2);
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.super-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    transition: left 0.5s ease;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
}

.super-btn:hover::after {
    left: 0%;
    opacity: 1;
}







.floating-icon {
    display: inline-block;
    animation: floatLoop 2s ease-in-out infinite;
}

@keyframes floatLoop {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}


ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li {
    margin: 0;
    padding: 0;
}

.page-id-6307 .ppcp-messages{
	display:none !Important;
}


.footer-background{
	background: linear-gradient(to bottom,#003,#00077f,#000e87,#00158f,#001c97,#00239f,#002aa7,#0231af,#0538b7,#0c3fbf,#1346c7,#1346c7,#0c3fbf,#0538b7,#0231af,#002aa7,#00239f,#001c97,#00158f,#000e87,#00077f,#003) !important;

}



#header-menu-wrap{
	display: flex !important;
  justify-content: center;
  align-items: center;
}


.mobile-only{
	display:none;
}

/* 1 - PRODUCTS */
/* MAKE NO COST PRODUCTS SAY FREE */
/* Hide $0.00 and show FREE! */
.woocommerce-Price-amount.amount bdi:contains("0.00") {
    display: none !important;
}

/* Show FREE! instead */
.woocommerce-Price-amount.amount:has(bdi:contains("0.00"))::before {
    content: "FREE!" !important;
    font-weight: bold !important;
    color: #0e284e !important;
}

/* Add animation on hover */
.product:hover .woocommerce-Price-amount.amount:has(bdi:contains("0.00"))::before {
    animation: free-pulse 1s infinite;
}

@keyframes free-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); color: #ff4242; }
    100% { transform: scale(1); }
}

/* Hover animation */
.product:hover .woocommerce-Price-amount:has(bdi:contains("0.00")):not(:has(bdi:contains("30.00")))::after {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); color: #ff4242; }
    100% { transform: scale(1); }
}

/* Hover animation */
.product:hover .woocommerce-Price-amount bdi:has(span + :contains("0.00"))::before {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); color: #ff4242; }
    100% { transform: scale(1); }
}

/* Hover animation for FREE! text */
.woocommerce ul.products li.product:hover .price:has(span.amount:contains("0.00"))::after {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
        color: #ff4242;
    }
    100% {
        transform: scale(1);
    }
}

/* Hover animation for FREE! text */
.woocommerce ul.products li.product:hover .price:has(.amount[data-price="0.00"]):before,
.woocommerce ul.products li.product:hover .price:has(.woocommerce-Price-amount:only-child:has(.woocommerce-Price-currencySymbol + bdi:contains("0.00"))):before {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
        color: #ff4242;
    }
    100% {
        transform: scale(1);
    }
}
/* Grid Layout - Flush Left */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    list-style: none !important;
}

/* Product Container with Border and Background */
.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 8px !important;
    background: #f8f8f8 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    min-height: auto !important;
}

/* Hover effect for product container */
.woocommerce ul.products li.product:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
}

/* Product Link Wrapper */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    margin-bottom: 10px !important; /* Reduced space above button */
}

/* Product Images */
.woocommerce ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 1em !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 5px #00000099 !important;
}

/* Product Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: .5em 0 !important;
    margin: 0 !important;
    font-size: 1em !important;
}

/* Price Styling */
.woocommerce ul.products li.product .price {
    margin-bottom: 1em !important;
    color: #333 !important;
}

/* Rainbow Animation */
@keyframes rainbow-bg {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Button Styling */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .button:visited,
.woocommerce ul.products li.product .button:link,
.woocommerce ul.products li.product .button:active,
.woocommerce ul.products li.product .button:focus {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    background: #0e284e !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
    min-height: 40px !important;
    line-height: 40px !important;
    padding: 0 15px !important;
    border-radius: 4px !important;
}

/* Rainbow Hover Effect */
.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product .button:active {
    background: linear-gradient(
        124deg,
        #ff0000,
        #ff8000,
        #ffff00,
        #00ff00,
        #00ffff,
        #0000ff,
        #8000ff,
        #ff0080
    ) !important;
    background-size: 800% 800% !important;
    animation: rainbow-bg 8s ease infinite !important;
    color: #ffffff !important;
}

/* Responsive Grid */
@media screen and (max-width: 992px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media screen and (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media screen and (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* Clear floats and margins */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
}

.social-links {
  display: flex;
  justify-content: flex-end;
  padding-right: 60px;
  gap: 15px;
  margin-top: 20px;
}

.social-links a {
  text-decoration: none;
  font-size: 1.5rem;
  color: #555;
  transition: color 0.3s ease, transform 0.3s ease;
}

.social-links a:hover {
  color: #a26eea; /* soft purple tone, feel free to match your brand */
  transform: scale(1.1);
}








/* reviews form */


/* 🌟 Main form wrapper */
#respond {
    background: #f9f9f9;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin-top: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    border-left: 5px solid #000033; /* subtle visual tie-in with theme */
}


/* ✏️ Title styling */
#respond .comment-reply-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 25px;
    color: #333;
}

/* 🛑 Cancel reply link */
#respond .comment-reply-title small a {
    font-size: 14px;
    color: #ff5a5f;
    margin-left: 10px;
    text-decoration: underline;
}

/* 📝 Field wrapper spacing */
#respond p {
    margin-bottom: 20px;
}

/* 🔖 Label styling */
#respond label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #444;
    margin-bottom: 8px;
}

/* 🧩 Inputs, Selects, Textareas */
#respond input[type="text"],
#respond input[type="email"],
#respond select,
#respond textarea {
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #fff;
    transition: all 0.3s ease;
}

/* ✨ Focus effect */
#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond select:focus,
#respond textarea:focus {
    border-color: #00abcd;
    box-shadow: 0 0 6px rgba(0, 171, 205, 0.3);
    outline: none;
}

/* ⭐ Star rating (stars inside .stars span) */
#respond .stars a {
    color: #ccc;
    font-size: 24px;
    text-decoration: none;
    margin-right: 5px;
    transition: color 0.3s ease;
}

/* ⭐ Highlight selected star */
#respond .stars a:hover,
#respond .stars a.active,
#respond .stars a.star-1:hover ~ a,
#respond .stars a.star-2:hover ~ a,
#respond .stars a.star-3:hover ~ a,
#respond .stars a.star-4:hover ~ a {
    color: #ffb400;
}

/* ✍️ Textarea styling */
#respond textarea {
    min-height: 100px;
    resize: vertical;
}

/* 🚀 Submit button */
#respond .form-submit input[type="submit"] {
    background-color: #00abcd;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 40px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

/* 🔥 Button hover */
#respond .form-submit input[type="submit"]:hover {
    background-color: #008ba3;
    transform: translateY(-2px);
}

/* 🖥️ Responsive tweaks */
@media (max-width: 600px) {
    #respond {
        padding: 25px 20px;
    }
}

/* 🌟 Main Review List */
#review_form_wrapper ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ✍️ Each Review Item */
#review_form_wrapper ol.commentlist li.review {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 🖱️ Review hover effect */
#review_form_wrapper ol.commentlist li.review:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}

/* 👤 Review Author */
#review_form_wrapper .review-author {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
}

/* 📝 Review Content */
#review_form_wrapper .review-content {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}

/* 🚫 No Reviews Message */
#review_form_wrapper .no-reviews {
    background: #f8f8f8;
    padding: 20px;
    border: 1px dashed #ccc;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    color: #777;
    margin-top: 30px;
}


#reply-title{
	 height: 0px !important;
     line-height: 0px !important;
	padding: 0px !important;
}


/**/


.pum-theme-6148, .pum-theme-default-theme {
  background-color: rgba( 255, 255, 255, .70 ) !important;
}


  .appwt-copyright {
        color: #ffffcc !important;
        transition: color 0.3s ease !important;
        font-size: 1.125rem !important;
        font-family: 'Arial', 'Helvetica Neue', sans-serif !important;
        font-weight: 400 !important;
        text-decoration: none !important;
        line-height: 1.6 !important;
    }

    .appwt-copyright:hover {
        color: #ffff00 !important;
    }

    .translated-copyright {
        color: #c7d2fe;
        font-family: 'Arial', 'Helvetica Neue', sans-serif !important;
        margin: 0 auto !important;
        max-width: 90% !important;
        padding: 0 1rem !important;
        text-align: center !important;
        font-size: clamp(1rem, 2.5vw, 1.25rem) !important;
        line-height: 1.6;
    }

    @media screen and (max-width: 480px) {
        .appwt-copyright {
            font-size: 1rem !important;
            padding: 0 0.5rem !important;
        }
        .translated-copyright {
            padding: 0 0.5rem !important;
            min-height: 100px !important;
        }
    }

    @media screen and (min-width: 481px) and (max-width: 768px) {
        .translated-copyright {
            max-width: 85% !important;
        }
    }

    @media screen and (min-width: 769px) {
        .translated-copyright {
            max-width: 80% !important;
        }
    }



.appwt-copyright-section {
  
    padding: 1rem 1rem;
    text-align: center;
    font-family: Arial, "Helvetica Neue", sans-serif;
}

.appwt-copyright-text {
    margin-bottom: 1rem;
    line-height: 1.6;
}

.appwt-copyright-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.appwt-divider {
    margin: 1.5rem auto;
    border: none;
    border-top: 1px solid #ccc;
    width: 90%;
}

.translated-copyright {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

/* Header Wrapper */
.developed-by-appwt-llc-header-wrapper {
    position: relative;
    width: 100%;
    z-index: 9999;
}

/* Desktop Styles */
@media screen and (min-width: 769px) {
    /* Search Bar - Desktop */
    .developed-by-appwt-llc-search-container {
      
        right: 20px;
        top: 50px;
        width: 300px;
        transition: all 0.3s ease;
    }
    
    /* Sticky Search - Desktop */
    .sticky-nav .developed-by-appwt-llc-search-container {
        position: fixed;
        top: 10px;
        right: 20px;
    }
    
    .admin-bar .sticky-nav .developed-by-appwt-llc-search-container {
        top: 42px;
    }
}

/* Mobile Styles */
@media screen and (max-width: 768px) {
    /* Search Bar - Mobile */
    .developed-by-appwt-llc-search-container {
        position: relative;
        width: calc(100% - 30px);
        margin: 50px auto 10px;
        transition: all 0.3s ease;
    }
    
    .sticky-nav .developed-by-appwt-llc-search-container {
        display: none; /* Hide on mobile when sticky */
    }
}

/* Rainbow Search Styles */
.developed-by-appwt-llc-rainbow-border {
    position: relative;
    background: linear-gradient(90deg, 
        #ff0000, #ff7f00, #ffff00, 
        #00ff00, #0000ff, #4b0082, #9400d3,
        #ff0000);
    border-radius: 360px;
    animation: developed-by-appwt-llc-rainbow-shift 6s linear infinite;
    background-size: 200% 100%;
    box-sizing: border-box;
}

@keyframes developed-by-appwt-llc-rainbow-shift {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

.developed-by-appwt-llc-search-input {
    width: calc(100% - 40px);
    padding: 8px 15px;
    border: none;
    border-radius: 40px;
    font-size: 14px;
    font-family: 'Lato', Arial, sans-serif;
    background: transparent !important;
    backdrop-filter: blur(10px);
    outline: none;
    box-sizing: border-box;
}

.developed-by-appwt-llc-search-input:focus {
    background: transparet;
}

.developed-by-appwt-llc-search-btn {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: trasnparent !important;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.developed-by-appwt-llc-search-btn:hover {
    background: white;
    transform: translateY(-50%) scale(1.05);
}

/* Smaller Mobile Adjustments */
@media screen and (max-width: 600px) {
    .developed-by-appwt-llc-search-container {
        width: calc(100% - 20px);
        margin: 40px auto 10px;
    }
    
    .developed-by-appwt-llc-search-input {
        font-size: 13px;
        padding: 6px 12px;
    }
    
    .developed-by-appwt-llc-search-btn {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
}

/* Ensure search is visible with dark headers */
.et_vertical_nav .developed-by-appwt-llc-search-container,
.et_header_style_left .developed-by-appwt-llc-search-container {
    position: relative;
    margin-top: 20px;
}





.prismatic-promo-container {
  position: relative;

  width: 100%;

  overflow: hidden;

  background: radial-gradient(circle, #ff0018 0%, #ffa52c 20%, #ffff41 40%, #008018 60%, #0000f9 80%, #86007d 100% );

  animation: backgroundChange 28s infinite;

  font-family: Verdana, Arial, sans-serif;

}



.pf_top_banner_2024 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(90deg, #4B0082, #8B008B);
    color: #ffffff;
    z-index: 999999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    -o-box-shadow: 0 5px 5px rgba(0,0,0,0.2) !important;
    -ms-box-shadow: 0 5px 5px rgba(0,0,0,0.2) !important;
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2) !important;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2) !important;
    box-shadow: 0 5px 5px rgba(0,0,0,0.2) !important;
}

.pf_banner_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 8px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.pf_banner_item {
    font-size: 1.5rem;
    line-height: 1.4;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	letter-spacing: 1.5px;
}

.pf_banner_item a {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pf_banner_item a:hover {
    color: #FFD700;
    transform: scale(1.05);
}

/* Body padding to prevent content from hiding under banner */
body {
    padding-top: 40px !important;
}

@media screen and (max-width: 768px) {
    .pf_banner_container {
        padding: 5px 10px;
        gap: 10px;
    }
    
    .pf_banner_item {
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    .pf_banner_container {
        flex-direction: column;
        gap: 5px;
        padding: 5px;
    }
    
    .pf_banner_item {
        font-size: 11px;
        text-align: center;
    }
    
    body {
        padding-top: 70px !important;
    }
}




.prismatic-promo-container {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  background: radial-gradient(circle, 
    #ff0018 0%, 
    #ffa52c 20%, 
    #ffff41 40%, 
    #008018 60%, 
    #0000f9 80%, 
    #86007d 100%
  );
  animation: backgroundChange 28s infinite;
  font-family: Verdana, Arial, sans-serif;
}

@keyframes backgroundChange {
  0%, 25% { background-color: #ff0018; }
  25%, 50% { background-color: #ffa52c; }
  50%, 75% { background-color: #008018; }
  75%, 100% { background-color: #0000f9; }
}

.prismatic-sparkles {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.flower {
  position: absolute;
  font-size: 24px;
  transform-origin: center;
  animation: swirl 15s linear infinite;
}

@keyframes swirl {
  0% { transform: rotate(0deg) translateY(-50px) rotate(0deg); }
  100% { transform: rotate(360deg) translateY(-50px) rotate(-360deg); }
}

.scrolling-text {
  padding-top: 20px;
  text-transform: uppercase;
  font-weight: 900;
  top: 140px;
  width: 100%;
  white-space: nowrap;
  color: white;
  font-size: min(36px, 5vw);
text-shadow: 0px 0px 1px #FF0018, /* Red */
             0px 0px 2px #FFA52C, /* Orange */
             0px 0px 3px #FFFF41, /* Yellow */
             0px 0px 4px #008018, /* Green */
             0px 0px 5px #0000F9, /* Blue */
             0px 0px 6px #86007D, /* Purple */
             0px 0px 7px #FF0018, /* Red again */
             0px 0px 8px #FFA52C, /* Orange again */
             0px 0px 9px #FFFF41, /* Yellow again */
             0px 0px 10px #008018, /* Green again */
             0px 0px 11px #0000F9, /* Blue again */
             0px 0px 12px #86007D /* Purple again */ !important;
	animation: scrollText 15s linear infinite;

	margin-bottom: 80px;
    position: relative;
    z-index: 10;
}

@keyframes scrollText {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.prismatic-promo-content {
  display: none;
  left: 0;
  transform: translateY(0);
  width: 100%;
  padding: 20px;
  text-align: center;
  transition: transform 0.5s ease-out;
  transform: translateX(-100%);
  color: #fff;
  text-shadow: 
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000,
    0 0 5px rgba(0,0,0,1),
    0 0 5px rgba(0,0,0,1),
    0 0 5px rgba(0,0,0,1),
    0 0 5px rgba(0,0,0,1) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	
	
	
  margin-bottom: 80px;
  position: relative;
  z-index: 10;
}


	
.prismatic-brand {
  color:black;
  top: 60px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: min(50px, 6vw);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: min(2px, 0.2vw);
  z-index: 10;
  line-height: 120%;
}

.prismatic-brand span {
  filter: drop-shadow(2px 2px 0 #000)
         drop-shadow(-2px 2px 0 #000)
         drop-shadow(2px -2px 0 #000)
         drop-shadow(-2px -2px 0 #000);
}

.prismatic-brand span:nth-child(6n + 1) { color: #E40303; }  /* Red */
.prismatic-brand span:nth-child(6n + 2) { color: #FF8C00; }  /* Orange */
.prismatic-brand span:nth-child(6n + 3) { color: #FFED00; }  /* Yellow */
.prismatic-brand span:nth-child(6n + 4) { color: #008026; }  /* Green */
.prismatic-brand span:nth-child(6n + 5) { color: #004DFF; }  /* Blue */
.prismatic-brand span:nth-child(6n + 6) { color: #750787; }  /* Violet */
	
	

.prismatic-promo-content.active {
  display: block;
  transform: translateX(0);
}

.prismatic-highlight-text {
  font-size: min(36px, 4vw);
  font-weight: 500;
	position: absolute;
	bottom: 110px;
	line-height: 140% !important;
  margin-bottom: min(1rem, 2vh);
  text-transform: uppercase;
	letter-spacing: calc(3px - 0.1vw);
text-shadow: 0px 0px 1px #FF0018, /* Red */
             0px 0px 2px #FFA52C, /* Orange */
             0px 0px 3px #FFFF41, /* Yellow */
             0px 0px 4px #008018, /* Green */
             0px 0px 5px #0000F9, /* Blue */
             0px 0px 6px #86007D, /* Purple */
             0px 0px 7px #FF0018, /* Red again */
             0px 0px 8px #FFA52C, /* Orange again */
             0px 0px 9px #FFFF41, /* Yellow again */
             0px 0px 10px #008018, /* Green again */
             0px 0px 11px #0000F9, /* Blue again */
             0px 0px 12px #86007D /* Purple again */ !important;
	}

.prismatic-promo-subtext {
  font-size: min(36px, 4vw);
  margin: 0;
	text-transform: uppercase;
  font-weight: 500;
	position: absolute;
	bottom: calc(50px + 0.5vw);
		line-height: 140% !important;
text-shadow: 0px 0px 1px #FF0018, /* Red */
             0px 0px 2px #FFA52C, /* Orange */
             0px 0px 3px #FFFF41, /* Yellow */
             0px 0px 4px #008018, /* Green */
             0px 0px 5px #0000F9, /* Blue */
             0px 0px 6px #86007D, /* Purple */
             0px 0px 7px #FF0018, /* Red again */
             0px 0px 8px #FFA52C, /* Orange again */
             0px 0px 9px #FFFF41, /* Yellow again */
             0px 0px 10px #008018, /* Green again */
             0px 0px 11px #0000F9, /* Blue again */
             0px 0px 12px #86007D /* Purple again */ !important;
	letter-spacing: calc(3px - 0.1vw);
}

.prismatic-highlight-special {
  color: #ffff00;
  font-size: min(36px, 4.5vw);
  background: rgba(0, 0, 0, 0.3);
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-weight: 500;
  animation: glow 2s ease-in-out infinite;
  text-shadow: 
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000,
    0 0 10px rgba(0,0,0,0.9);
}

.free-text {
  font-weight: 500;
  color: #ffff00;
  background: rgba(0, 0, 0, 0.4);
  padding: 0.2em 0.4em;
  border-radius: 4px;
  text-shadow: 0 0 10px rgba(0,0,255,0.5);
  animation: codePulse 2s ease-in-out infinite;
  letter-spacing: 1.5px;
  font-size: min(38px, 4.8vw);
/*  font-weight: 900;
  color: #ffff00;
  text-shadow: 
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000,
    0 0 10px rgba(0,0,0,0.7) !important;
*/
}

.promo-code {
  font-weight: 500;
  color: #ffff00;
  background: rgba(0, 0, 0, 0.4);
  padding: 0.2em 0.4em;
  border-radius: 4px;
  text-shadow: 0 0 10px rgba(0,0,255,0.5);
  animation: codePulse 2s ease-in-out infinite;
  letter-spacing: 1.5px;
}

.prismatic-promo-link {
  text-decoration: none;
  color: inherit;
  display: block;
  transition: transform 0.2s ease;
}

.prismatic-promo-link:hover {
  color: #9cf;
}

@keyframes glow {
  0%, 100% { text-shadow: 0 0 10px rgba(255,255,0,0.5); }
  50% { text-shadow: 0 0 20px rgba(255,255,0,0.8); }
}

@keyframes codePulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

@keyframes slideIn {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

@keyframes slideOut {
  from { transform: translateX(0); }
  to { transform: translateX(100%); }
}

.slide-in { animation: slideIn 0.5s forwards; }
.slide-out { animation: slideOut 0.5s forwards; }

@media screen and (max-width: 480px) {
  .prismatic-promo-content {
    padding: 15px;
  }
  
  .prismatic-brand {
    top: 40px;
  }
}

.prismatic-brand-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0.5rem 1rem;
}

.prismatic-brand {
    font-size: 2rem;
    font-weight: bold;
    color: #334155;
    flex: 1 1 auto;
    min-width: 220px;
}

.prismatic-search {
    flex: 0 0 auto;
    min-width: 200px;
    max-width: 300px;
}

.prismatic-empty{
	width:20%;
}


.prismatic-brand{
	width:33.3%;
}

.prismatic-search{
	width:33.3%;
}

[type="button"], [type="submit"], button{
	border: 0px solid #c36 !important;
}


















@media screen and (max-width: 980px) {
	.prismatic-empty{
		width:100%;
	}


	.prismatic-brand{
		width:100%;
	}

	.prismatic-search{
		width:100%;
	}
}
@media screen and (max-width: 768px) {
	
}