/*
Theme Name: Secret Stars
Theme URI: https://tripptheme.com/
Description: A custom child theme for the Tripp theme.
Author: Wyde
Author URI: https://wydethemes.com/
Template: tripp
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 7.4
Version: 1.0
Text Domain: secret-stars
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: block-patterns, block-styles, blog, custom-background, custom-colors, custom-header, custom-logo, custom-menu, e-commerce, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, grid-layout, microformats, one-column, portfolio, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

.extra-menu .menu-item-molly {
    opacity: 1;
    visibility: visible;
}

.nav-active .extra-menu .menu-item-molly {
    opacity: 0;
    transition: opacity 0 var(--tripp-transition-ease), visibility 0 var(--tripp-transition-ease);
    visibility: hidden;
}

/*--------------------------------------------------------------
# Custom SecretStars Start
--------------------------------------------------------------*/

.molly-button {
    z-index: 9999;
}

.molly-button a {
    align-items: center;
    display: flex;
    height: 100%;
    line-height: 1.3;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid var(--tripp-color-black);
    border-radius: 20px;
    background-image: url(https://secret-stars-dev.fra1.cdn.digitaloceanspaces.com/molly-mobile-2.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
    width: 110px;
    height: 32px;
    padding-left: 20px;
    background-color: rgb(var(--tripp-color-surface-rgb));
    font-size: var(--tripp-font-size-sm);
}

.molly-button a span {
    display: inline-block;
    line-height: 100%;
    background-color: rgb(var(--tripp-color-primary-rgb));
    background-image: linear-gradient(45deg, rgb(var(--tripp-color-on-menu-rgb)), rgb(var(--tripp-color-on-menu-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: 400% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    transition: background-position 0.3s var(--tripp-transition-ease);
}

.has-scheme-dark .molly-button a {
    border: 1px solid var(--tripp-color-white);
}

.has-scheme-dark .molly-button a span {
    font-weight: 600;
}

.molly-button a:hover span {
    background-position: 90% 50%;
}

.error-wrapper {
    margin-bottom: 2rem;
}

.error-wrapper p {
    margin-bottom: 1rem;
}

#iFrameResizer0 {
	 background-color: #ffffff;
}


/*--------------------------------------------------------------
# Custom SecretStars End
--------------------------------------------------------------*/

@media (min-width: 360px) {

    /* Molly */
    .mobile-menu.nav-active .molly-button,
	.mobile-menu.search-active .molly-button{
        opacity: 0;
        transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
        visibility: hidden;
    }

    .molly-button {
        margin-left: 0;
    }

    .molly-button a {
        width: 4.5rem;
        height: 3rem;
    }

    .molly-button a span {
        display: none;
    }
}

@media (min-width: 425px) {
    /* Molly */
    .molly-button {
        margin-left: 5%;
    }

    .molly-button a {
        width: 110px;
        height: 32px;
    }

    .molly-button a span {
        display: inline;
    }
}

@media (min-width: 576px) {
    .mobile-menu.nav-active .molly-button {
		opacity: 0;
		transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
		visibility: hidden;
	}
}

@media (min-width: 1024px) {
    .desktop-menu .dropdown-menu > li:last-child {
		padding: 2rem 0;
	}

    .desktop-menu .dropdown-menu > li:last-child > a {
		border: 1px solid var(--tripp-color-black);
		border-radius: 20px;
    	background-image: url(https://secret-stars-dev.fra1.cdn.digitaloceanspaces.com/molly.png);
    	width: 174px;
    	height: 34px;
    	padding-left: 20px;
		background-color: rgb(var(--tripp-color-surface-rgb));
	}

    .molly-button {
		opacity: 0;
		transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
		visibility: hidden;
	}
}