/* 
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 */

/*============FONT STYLING============*/
strong.highlight.indom {
    color: #0072ce;
}

em.font-bold {
    color: #0072ce;
}

/*======List Styling - BLUE======*/
/* 1. Style the bold text (Specific to your class) */
.blue-caret-list strong.highlight.indom {
    color: #0072ce;
}

/* 2. Target only the UL inside your custom class */
.blue-caret-list ul {
    list-style-type: none !important;
    padding-left: 0 !important;
    margin: 0;
}

/* 3. Target only the LI inside your custom class */
.blue-caret-list li {
    position: relative;        /* FIXED: Creates a positioning boundary for the caret */
    padding-left: 35px;        /* FIXED: Creates the left-hand column space for the text to flow into */
    margin-bottom: 10px;
    border: none; 
}

/* 4. Create the custom caret (Only for your specific class) */
.blue-caret-list li::before {
    content: "\25B8"; 
    color: #0072ce;
    font-size: 26px;
    line-height: 1;            /* Tightened the line height for better positioning */
    position: absolute;        /* FIXED: Takes the caret out of the text flow */
    left: 0;                   /* FIXED: Pins the caret to the far left */
    top: -4px;                 /* Adjust this slightly up or down to align with your first line of text */
}


/*======List Styling - WHITE======*/
/*For White list only. No blue points, used in accordion*/
.white-caret-list ul {
    list-style-type: none !important;
    padding-left: 0 !important;
    margin: 0;
}

.white-caret-list li {
    position: relative;        /* FIXED: Applied same logic as blue list */
    padding-left: 35px;
    margin-bottom: 20px;
}

.white-caret-list li::before {
    content: "\25B8"; 
    color: white;
    font-size: 22px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: -2px;                 /* Adjust this slightly up or down to align with your first line of text */
}

/*======================================
   CUSTOM FOOTER NAV MENU (BLUE CARETS) 
======================================*/

/* 1. Force left-alignment on the links and remove Elementor's default padding */
.blue-caret-menu .elementor-nav-menu .elementor-item {
    padding-left: 0 !important; 
    padding-right: 0 !important;   
    text-align: left !important;
    justify-content: flex-start !important; 
}

/* 2. Hide Elementor's default right-pointing dropdown arrows */
.blue-caret-menu .elementor-nav-menu .sub-arrow {
    display: none !important;
}

/* 3. Apply the relative positioning and padding to the LI container */
.blue-caret-menu .elementor-nav-menu > li.menu-item {
    position: relative !important;
    padding-left: 25px !important; /* Creates the space for the caret */
}

/* 4. Attach the custom blue caret to the LI (Safe from Elementor hover effects) */
.blue-caret-menu .elementor-nav-menu > li.menu-item::before {
    content: "\25B8" !important; 
    color: #0072ce !important;
    font-family: sans-serif !important; /* Guarantees the shape renders regardless of menu font */
    font-size: 22px !important; 
    position: absolute !important;
    left: 0 !important;
    top: 50% !important; 
    transform: translateY(-50%) !important; /* Automatically centers the caret vertically */
    z-index: 10 !important;
}

/* 5. Optional: Prevent text from wrapping */
.blue-caret-menu .elementor-nav-menu {
    white-space: nowrap; 
}

/*Rank Math Breadcrums styling*/
nav.rank-math-breadcrumb a{
	font-size: 18px;
	padding: 0px 14px;
	color: #6c757d;
	font-weight: 400px;
}
nav.rank-math-breadcrumb span.last{
	font-size: 18px;
	padding: 0px 14px;
	color: black;
	font-weight: Bold;
}