.elementor-2093 .elementor-element.elementor-element-278be6c2{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2093 .elementor-element.elementor-element-b57c253{--display:flex;}/* Start custom CSS for container, class: .elementor-element-278be6c2 *//*
  INSTRUCTIONS:
  1. In your WordPress dashboard, go to "Appearance" -> "Customize".
  2. Find the "Additional CSS" section.
  3. Copy and paste all the code from this file into that text area and click "Publish".
*/

/* This targets the body class your theme uses and the class you add */
.movie-review-container {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 25%, #16213e 50%, #0f3460 100%);
    color: #ffffff !important;
}

/* Make sure all child elements inherit the white color */
.movie-review-container * {
    color: #ffffff !important;
}

/* Wrapper for the post content to apply the background */
.page .entry-content,
.single .entry-content {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 25%, #16213e 50%, #0f3460 100%);
    padding: 20px; /* Add some padding so content isn't flush against the edge */
    border-radius: 8px; /* Optional: adds rounded corners */
}

.movie-review-container .text-white\/80 {
    color: rgba(255, 255, 255, 0.8) !important;
}
.movie-review-container .text-white\/60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.movie-review-container .text-white\/90 {
    color: rgba(255, 255, 255, 0.9) !important;
}
.movie-review-container .mr-heading-font {
    font-family: 'Space Grotesk', sans-serif;
}
.movie-review-container .mr-gradient-bg {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 25%, #16213e 50%, #0f3460 100%);
}
.movie-review-container .mr-glass-card {
    background: rgba(15, 15, 35, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); /* For Safari support */
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.movie-review-container .mr-neon-glow {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}
.movie-review-container .mr-rating-bar {
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 50%, #10b981 100%);
}
.movie-review-container .mr-rating-fill {
    transition: width 0.8s ease-in-out;
}
.movie-review-container .mr-hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.movie-review-container .mr-hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.movie-review-container .mr-gradient-text {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.movie-review-container .mr-pulse-glow {
    animation: mr-pulse-glow 2s ease-in-out infinite alternate;
}
@keyframes mr-pulse-glow {
    from { box-shadow: 0 0 20px rgba(59, 130, 246, 0.3); }
    to { box-shadow: 0 0 30px rgba(59, 130, 246, 0.6); }
}
.movie-review-container .mr-fade-in {
    animation: mr-fadeIn 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(30px);
}
@keyframes mr-fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.movie-review-container .mr-slide-in-left {
    animation: mr-slideInLeft 0.6s ease-out forwards;
    opacity: 0;
    transform: translateX(-50px);
}
@keyframes mr-slideInLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.movie-review-container .mr-slide-in-right {
    animation: mr-slideInRight 0.6s ease-out forwards;
    opacity: 0;
    transform: translateX(50px);
}
@keyframes mr-slideInRight {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.movie-review-container .mr-scale-in {
    animation: mr-scaleIn 0.5s ease-out forwards;
    opacity: 0;
    transform: scale(0.9);
}
@keyframes mr-scaleIn {
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.movie-review-container .mr-floating {
    animation: mr-floating 3s ease-in-out infinite;
}
@keyframes mr-floating {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
.movie-review-container .mr-glow-text {
    text-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dab99a3 *//*
  INSTRUCTIONS:
  1. In your WordPress dashboard, go to "Appearance" -> "Customize".
  2. Find the "Additional CSS" section.
  3. Copy and paste all the code from this file into that text area and click "Publish".
*/

/* This targets the body class your theme uses and the class you add */
.movie-review-container {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 25%, #16213e 50%, #0f3460 100%);
    color: #ffffff !important;
}

/* Make sure all child elements inherit the white color */
.movie-review-container * {
    color: #ffffff !important;
}

/* Wrapper for the post content to apply the background */
.page .entry-content,
.single .entry-content {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 25%, #16213e 50%, #0f3460 100%);
    padding: 20px; /* Add some padding so content isn't flush against the edge */
    border-radius: 8px; /* Optional: adds rounded corners */
}

.movie-review-container .text-white\/80 {
    color: rgba(255, 255, 255, 0.8) !important;
}
.movie-review-container .text-white\/60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.movie-review-container .text-white\/90 {
    color: rgba(255, 255, 255, 0.9) !important;
}
.movie-review-container .mr-heading-font {
    font-family: 'Space Grotesk', sans-serif;
}
.movie-review-container .mr-gradient-bg {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 25%, #16213e 50%, #0f3460 100%);
}
.movie-review-container .mr-glass-card {
    background: rgba(15, 15, 35, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); /* For Safari support */
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.movie-review-container .mr-neon-glow {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}
.movie-review-container .mr-rating-bar {
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 50%, #10b981 100%);
}
.movie-review-container .mr-rating-fill {
    transition: width 0.8s ease-in-out;
}
.movie-review-container .mr-hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.movie-review-container .mr-hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.movie-review-container .mr-gradient-text {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.movie-review-container .mr-pulse-glow {
    animation: mr-pulse-glow 2s ease-in-out infinite alternate;
}
@keyframes mr-pulse-glow {
    from { box-shadow: 0 0 20px rgba(59, 130, 246, 0.3); }
    to { box-shadow: 0 0 30px rgba(59, 130, 246, 0.6); }
}
.movie-review-container .mr-fade-in {
    animation: mr-fadeIn 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(30px);
}
@keyframes mr-fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.movie-review-container .mr-slide-in-left {
    animation: mr-slideInLeft 0.6s ease-out forwards;
    opacity: 0;
    transform: translateX(-50px);
}
@keyframes mr-slideInLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.movie-review-container .mr-slide-in-right {
    animation: mr-slideInRight 0.6s ease-out forwards;
    opacity: 0;
    transform: translateX(50px);
}
@keyframes mr-slideInRight {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.movie-review-container .mr-scale-in {
    animation: mr-scaleIn 0.5s ease-out forwards;
    opacity: 0;
    transform: scale(0.9);
}
@keyframes mr-scaleIn {
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.movie-review-container .mr-floating {
    animation: mr-floating 3s ease-in-out infinite;
}
@keyframes mr-floating {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
.movie-review-container .mr-glow-text {
    text-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
}/* End custom CSS */