/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.footer-menu-title h5{
    position: relative;
}
.footer-menu-title h5:after{
    position: absolute;
    content: '';
    border-bottom: 3px solid #99001F;
    width: 15%;
    height: 5px;
    left: 0px;
    bottom: -15px;
}
.footer-menu-items ul li a{
    position: relative;
}
.footer-menu-items ul li a::before{
    position: absolute;
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 600;
    left: 0px;
    color: #99001f;
}
.icon-box-what-we-do a{
    display: inline-block;
    margin-top: 17px;
    color: #99001f;
    font-size: 13px;
    font-weight: 800;
}
.why-cedar-img-box{
    position: relative;
}
.why-cedar-img-box .why-cedar-overlap-box{
    position: absolute;    
}
.why-cedar-overlap-box{
    position: absolute;
    bottom: 72px;
    right: -20px;
    background: #99001f;
    color: #fff;
    padding: 28px;
    width: 250px;
}

/* ==========================================================
   MAIN HEADER NAVIGATION & ACTIVE PAGE ALIGNMENT
   ========================================================== */

.elementskit-navbar-nav {
    display: flex;
    align-items: center;
    gap: 4px;
}

.elementskit-navbar-nav > li {
    position: relative;
    display: flex;
    align-items: center;
}

.elementskit-navbar-nav > li > a.ekit-menu-nav-link {
    position: relative;
    padding: 14px 16px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px;
    color: #20252b !important;
    text-transform: capitalize !important;
    transition: color 0.2s ease !important;
    display: inline-flex;
    align-items: center;
}

/* Hover State */
.elementskit-navbar-nav > li:hover > a.ekit-menu-nav-link {
    color: #99001f !important;
}

/* Active State - Red text + underline bar matching design */
.elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link,
.elementskit-navbar-nav > li.current_page_item > a.ekit-menu-nav-link,
.elementskit-navbar-nav > li.active > a.ekit-menu-nav-link,
.elementskit-navbar-nav > li > a.ekit-menu-nav-link.active {
    color: #99001f !important;
}

.elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link::after,
.elementskit-navbar-nav > li.current_page_item > a.ekit-menu-nav-link::after,
.elementskit-navbar-nav > li.active > a.ekit-menu-nav-link::after,
.elementskit-navbar-nav > li > a.ekit-menu-nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 16px;
    right: 16px;
    height: 2.5px;
    background-color: #99001f;
    border-radius: 2px;
}

/* ==========================================================
   STICKY HEADER & CONTENT OFFSET
   ========================================================== */

:root {
    --cdm-header-height: 80px;
}

/* Ensure ElementsKit Header Wrapper stays fixed/sticky at the top */
.ekit-template-content-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* If the admin bar is showing for logged in users, push sticky header down */
body.admin-bar .ekit-template-content-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar .ekit-template-content-header {
        top: 46px !important;
    }
}

/* Header container styling */
.ekit-template-content-header .elementor-element-d47a89a {
    position: static !important;
    width: 100% !important;
    background-color: #ffffff !important;
}

/* Prevent any page content from hiding behind the sticky header */
body {
    padding-top: var(--cdm-header-height) !important;
}

/* Elementor editor preview mode override so editor stays natural */
body.elementor-editor-active,
body.elementor-editor-preview {
    padding-top: 0 !important;
}

body.elementor-editor-active .ekit-template-content-header,
body.elementor-editor-preview .ekit-template-content-header {
    position: relative !important;
    top: auto !important;
}

/* ==========================================================
   GLOBAL BUTTON & CARD ACTION ALIGNMENT
   ========================================================== */

/* Universal primary button standards */
.cdm-btn-primary,
.cdm-cr-btn-primary,
.cdm-ind-btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/* Universal outline button standards */
.cdm-btn-outline,
.cdm-cr-btn-outline,
.cdm-btn-outline-white {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/* Universal card learn more / text links alignment */
.cdm-ind-learn-more,
.cdm-learn-more,
.cdm-cr-job-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: color 0.2s ease, gap 0.2s ease !important;
}

.cdm-ind-learn-more:hover,
.cdm-learn-more:hover,
.cdm-cr-job-action:hover {
    gap: 12px !important;
}

/* Ensure smooth pointer cursor on all interactive cards */
.cdm-ind-card,
.cdm-solution-card,
.cdm-cr-job-card,
.cdm-insight-card,
.cdm-sp-rel-card {
    cursor: pointer;
}