/*
Theme Name: OneGoal
Theme URI: https://onegoal.qodeinteractive.com
Description: A Contemporary Theme for Creative Business
Author: Select Themes
Author URI: https://qodeinteractive.com
Text Domain: onegoal
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Custom CSS for the Testimonials Widget */

.custom-testimonial-style .qodef-e-text {
    /* Testimonial Text Styles (Inherited from previous instructions) */
    color: #EAF4FF; 
    font-family: "Source Sans Pro", Sans-serif;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 18px; 
    font-style: italic; 
}

/* --- New Styles for Author Details --- */

/* 1. Style the Author Name to match the text size (18px) */
.custom-testimonial-style .qodef-e-author-name {
    font-size: 18px; /* Matches the qodef-e-text size */
    line-height: 1.5em; /* Optional, for consistent spacing */
    color: #EAF4FF; /* Ensure it matches the text color */
}

/* 2. Style the Author Job/Designation in italics */
.custom-testimonial-style .qodef-e-author-job {
    font-style: italic;
    color: #EAF4FF; /* Ensure it matches the text color */
}

/* 1. Base styles for the entire paragraph */
.custom-closing-style .qodef-m-text {
    font-size: 26px !important; 
    font-family: "Source Sans Pro", Sans-serif;
    font-weight: 600; 
    font-style: normal;
	color: #BF9C42 !important; 
}

.image-multiply .qodef-m-image img {
    mix-blend-mode: multiply;
}

/* Custom class to fix image visibility and grid gaps */
/*
    Custom Class: service-grid-fix-v3
    Apply this class to the 'Service List' widget's Advanced > CSS Classes field.
*/

/* ====================================
   FIX 1: Make Image Always Visible
   ==================================== */

/* Target the direct image container (qodef-e-media-image) and the image itself.
   This overrides any opacity or scaling applied by the theme's default state. */
.service-grid-fix-v3 .qodef-e-image,
.service-grid-fix-v3 .qodef-e-image .qodef-e-media-image {
    /* Ensure the container itself is visible/not transformed */
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    /* Crucial for ensuring the container is correctly sized if it was scaled to 0 */
    width: 100% !important;
    height: auto !important;
}

/* Ensure the image inside is fully visible */
.service-grid-fix-v3 .qodef-e-image .qodef-e-media-image img {
    opacity: 1 !important;
    /* Reset any movement or scale on the image itself */
    transform: none !important;
}

/* ====================================
   FIX 2: Fix White Grid Gaps / Set Item Background
   ==================================== */

/* Target the main grid item and force background to transparent */
.service-grid-fix-v3 .qodef-grid-inner .qodef-e {
    /* OPTION A: Transparent Background */
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Also target the inner wrapper which might have the background color */
.service-grid-fix-v3 .qodef-grid-inner .qodef-e-inner {
    background-color: transparent !important;
    /* Ensure no padding/margin is creating the white space within the item */
    padding: 0 !important; 
    margin: 0 !important;
}

/* If the background is set on the link tag (often the case): */
.service-grid-fix-v3 .qodef-e-inner a {
    background-color: transparent !important;
}

/* ====================================
   FIX 1: Make Image Always Visible
   ==================================== */
/* Target the image container. The theme is likely setting opacity to 0 here. */
.service-grid-fix-v2 .qodef-e-image {
    opacity: 1 !important;
    /* Often, the image is moved or scaled down on non-hover state */
    transform: none !important;
    transition: none !important; /* Prevents slow transition from 0 to 1 */
}

/* If the transition is on the inner content div */
.service-grid-fix-v2 .qodef-e-inner {
    /* Ensure the inner container itself is fully visible/not transformed */
    opacity: 1 !important;
    transform: none !important;
    transition: none !important; 
}


/* ====================================
   FIX 2: Fix White Grid Gaps / Set Item Background
   ==================================== */
/* Target the main grid item div (the box itself) */
.service-grid-fix-v2 .qodef-grid-inner .qodef-e {
    /* Option A: Transparent Background (to show the section background) */
    background-color: transparent !important;
    border-color: transparent !important; /* Also check borders if they are white */
}

/* Target the inner element, as it might also have a background color */
.service-grid-fix-v2 .qodef-grid-inner .qodef-e-inner {
    /* Ensure the content wrapper is transparent */
    background-color: transparent !important; 
}


/* ------------------------------------
   Alternative Option for FIX 2 (Custom Color)
   ------------------------------------ */
/*
.service-grid-fix-v2 .qodef-grid-inner .qodef-e,
.service-grid-fix-v2 .qodef-grid-inner .qodef-e-inner {
    background-color: #1A2129 !important;  /* Use the global dark color from your Elementor kit */
/* } */



/* ------------------------------------
   NoMoS Home - Mobile Services Block Fix
   ------------------------------------ */

/* Custom Class for Home Services */

/* 1. Set Padding and Initialize Centering */
.home-services-customclass .qodef-dual-content {
    /* Apply 30px top/bottom padding and 10px left/right padding */
    padding: 30px 10px !important; 
    
    /* Ensure the content itself is ready for centering */
    display: flex;
    flex-direction: column; 
    align-items: center; /* Horizontally center the inner content block */
    justify-content: center; /* Vertically center the inner content block */
    height: 100%; /* Important for equal height */
}

/* 2. Force the Inner Content Block to Stretch and Center Text */
.home-services-customclass .qodef-m-inner-content {
    /* Crucial: Forces this block to take up the full available width */
    width: 100% !important; 
    
    /* Force Center Alignment of the text (links) within the full-width block */
    text-align: center !important; 
}

/* 3. Title Cleanup (Ensures no margin interference) */
.home-services-customclass .qodef-m-title {
    margin: 0 !important;
    /* Reinforce text centering on the H4 itself as a last resort */
    text-align: center !important;
}

/* 4. Ensure links behave as a single line of text */
.home-services-customclass .qodef-m-title .qodef-e-link {
    display: inline-block;
}

/* Custom fix for additional image height on ultra-wide screens */
@media only screen and (min-width: 1921px) {
    /* Target the container for the small image */
    .qodef-interactive-link-showcase .qodef-m-additional-image {
        /* Set a fixed height to prevent it from stretching */
        /* You may need to adjust this value (e.g., 300px, 400px, etc.) 
           based on the theme's expected size for this element */
        height: 280.25px !important;
		width: 169px !important;
        
        /* Optional: Ensure the image inside respects the container's height */
        /* max-height: 100% !important; */
    }
}