/*
Theme Name: Virality AI Child
Author: Himanshu Patel
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/**
 * List styling
 */

 :root {
  --background: 240 10% 4%;
  --foreground: 0 0% 98%;
  --sidebar-bg: 240 10% 6%;
  --sidebar-border: 240 6% 12%;
  --sidebar-foreground: 240 5% 65%;
  --sidebar-active: 240 5% 96%;
  --card: 240 10% 8%;
  --card-foreground: 0 0% 98%;
  --popover: 240 10% 8%;
  --popover-foreground: 0 0% 98%;
  --primary: 280 80% 60%;
  --primary-foreground: 0 0% 100%;
  --accent-pink: 330 85% 60%;
  --accent-orange: 25 95% 55%;
  --accent-purple: 280 85% 55%;
  --secondary: 240 6% 15%;
  --secondary-foreground: 0 0% 98%;
  --muted: 240 6% 12%;
  --muted-foreground: 240 5% 55%;
  --accent: 240 6% 15%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;
  --border: 240 6% 15%;
  --input: 240 6% 15%;
  --ring: 280 80% 60%;
  --radius: .75rem;
  --gradient-brand: linear-gradient(135deg, hsl(280, 85%, 55%) 0%, hsl(330, 85%, 60%) 50%, hsl(25, 95%, 55%) 100%);
  --gradient-button: linear-gradient(90deg, hsl(280, 85%, 55%) 0%, hsl(25, 95%, 55%) 100%);
  --gradient-glow: linear-gradient(135deg, hsl(280, 85%, 55%) 0%, hsl(330, 85%, 60%) 100%);
  --gradient-text: linear-gradient(90deg, hsl(330, 85%, 60%) 0%, hsl(25, 95%, 55%) 100%);
  --glow-primary: 0 0 20px hsl(280, 85%, 55%, .3);
  --glow-pink: 0 0 30px hsl(330, 85%, 60%, .2);
  --tw-gradient-stops: linear-gradient(to bottom right, hsl(330, 85%, 60%), hsl(25, 95%, 55%));
}
.from-accent-pink {
  --tw-gradient-from: hsl(var(--accent-pink)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--accent-pink) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html.hydrated {
  margin-top: 0px !important;
}
body.page-id-458, 
body.page-id-34275,
body.page-id-913, 
body.page-id-915, 
body.page-id-458, 
body.woocommerce-checkout,
body.pmpro-cancel,
body.page-template-page-forgot-password{
    background: #000;
      background-position-x: 0%;
      background-position-y: 0%;
/*       background-repeat: repeat; */
    background-image: none;
	background-repeat: no-repeat;
    background-attachment: fixed;
    /* background-image: url("https://viralityai.net/wp-content/uploads/2026/01/desktop-wallpaper-opt.png"); */
    background-position: center;
/*     background-repeat: repeat; */
    background-size: cover;
    margin: 0px;
    padding: 0px;
    color: #fff;
    height: 0vh;
}

body.page-id-913 .page-header,
body.page-id-913 header, 
body.page-id-913 footer,
body.page-id-913 button.rmp-menu-trigger-boring,
body.page-id-34275 .page-header,
body.page-id-34275 header, 
body.page-id-34275 footer,
body.page-id-34275 button.rmp-menu-trigger-boring,
body.page-id-915 .page-header,
body.page-id-915 header, 
body.page-id-915 footer,
body.page-id-915 button.rmp-menu-trigger-boring,
body.page-id-458 footer,
body.page-id-458 button.rmp-menu-trigger-boring,
body.page-template-hashtags-search header,
body.page-template-hashtags-search footer,
body.page-template-user-search header,
body.page-template-user-search footer,
/* body.page-template-competitors-list header,
body.page-template-competitors-list footer,
body.page-template-viral-hooks-page header,
body.page-template-viral-hooks-page footer,
body.page-template-viral-ideas-page header,
body.page-template-viral-ideas-page footer, */
body.page-template-viral-templates-page header,
body.page-template-viral-templates-page footer,
body.page-template-viral-guides-tutorials-page header,
body.page-template-viral-guides-tutorials-page footer,
body.page-template-hashtags-search button.rmp-menu-trigger-boring,
body.pmpro-cancel header,
body.pmpro-cancel footer,
body.page-template-forgot-password header,
body.page-template-forgot-password footer,
body.page-template-page-forgot-password #rmp_menu_trigger-290 {
  display: none !important;
}

body.page-template-forgot-password {
  background: #000;

}
body.logged-in{
  background: #000000 !important;
}

#content {
    margin: 100px auto;
    max-width: 1340px;
}
.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.d-none{
    display: none !important;
}
.far {
    font-family: 'FontAwesome';
}
.gradiane-border {
  border: 1px solid transparent !important;
  background: linear-gradient(#121212, #121212) padding-box, linear-gradient(to right, #9d4edd, #ff8c61) border-box !important;
}
.gradient-brand {
  background: var(--gradient-brand);
}
.gradient-button {
  background: var(--gradient-button);
}
.bg-gradient-to-br {
  background: var(--tw-gradient-stops);
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-muted {
  background-color: hsl(var(--muted));
}
body h2,.h2 {
  color: hsl(var(--foreground));
  margin: 0px;
  line-height: 1.25;
  font-weight: 600;
  font-size: 1.125rem;
  font-family: Inter, sans-serif;
}
h1, h2, h3, h4, h5, h6{
  color: #ffffff !important;
}
p{
  color: hsl(var(--muted-foreground));
}
.text-white {
  color: #ffffff !important;
}

button[disabled] {
  opacity: 0.2;
}

.text-accent-purple {
  color: hsl(var(--accent-purple));
}

.text-accent-pink {
  color: hsl(var(--accent-pink));
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-accent-purple {
  color: hsl(var(--accent-purple));
}

/* loader css */
#overlay {
  position: fixed;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: none;
  background: rgb(255 255 255 / 53%);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  width: 40px;
  height: 40px;
  border: 5px #811AE4 solid;
  border-top: 1px #E63562 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
.save-to-collection-btn .spinner {
  width: 20px;
  height: 20px;
  border: 5px #811AE4 solid;
  border-top: 1px #E63562 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
.w-100{
  width: 100% !important;
}
.w-80{
  width: 80%;
}
.w-50{
  width: 50%;
}
.w-25{
  width: 25%;
}
.border-radius-10 {
  border-radius: 10px;
}
.bg-pink {
  color: #ad2bee;
}
.text-pink {
  background: #ad2bee33;
}
.align-item{
  align-items: center !important;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
input[disabled] {
    color: #a7a7a7 !important;
    background: #323232 !important;
}