/*------------------------------------------------------------------------------------- 
Theme Name:		 Cruv Child
Theme URI:		 https://cruv.themewolfs.com/
Description:	 Cruv is a modern, creative WordPress theme for agencies, freelancers, and studios.
Author:			 themewolfs
Author URI:		 https://themeforest.net/user/themewolfs/portfolio
Template:		 cruv
Version:		 1.1.0
Text Domain:	 cruv-child-theme
-------------------------------------------------------------------------------------*/
/*
    Please Add your custom styles here
*/

/* Global Theme Accent Variables: Turn all green accents into Orange (#FF8A3D) */
:root {
    --action: #FF8A3D !important;
    --secondary: #FF8A3D !important;
    --secondary-color: #FF8A3D !important;
}

/* Hero Section Play Button Icon Color (excluding PLAY REEL text box) */
.hero-video__wrapper .hero__play .popup-video:not(.has--play) {
    background: #FF8A3D !important;
}

/* 3-Line Dividers (Project Journey & Footer) */
/* Line 1 (White remains White or can adapt) */
/* Line 2 (Originally Green #abe800 -> Blue #3B4EFF) */
.creative-journey-3__inner::after,
.footer-area-3 .copyright-area::after {
    background: #3B4EFF !important;
}

/* Line 3 (Originally Dark Green #7aa402 -> Orange #FF8A3D) */
.creative-journey-3__inner .line-wrp::before,
.footer-area-3 .copyright-area .line-wrp::before {
    background: #FF8A3D !important;
}

/* About Page (post=15): Our Project Mix Card Background */
.about .about-media .about-info {
    background: #FF8A3D !important;
}

/* About Page (post=15): Mission Statement Subtitle */
.mission-statement__top .sub-title {
    color: #FF8A3D !important;
}

/* About Page (post=15): Mission Statement Pill Border & Arrow Circle */
.mission-statement__item .title.has--border {
    border-color: #FF8A3D !important;
}
.mission-statement__item .title.has--border span {
    background: #FF8A3D !important;
}

/* About Page (post=15): Award 02 Items Hover Color */
.our-expertise-7 .our-expertise-item:hover span,
.our-expertise-7 .our-expertise-item:hover .title {
    color: #FF8A3D !important;
}

/* Services Pages / Paid Marketing: Advertising Platforms Badge */
.about-us-3__number > span {
    background: #FF8A3D !important;
}

/* Blog & Portfolio Grid Pagination (.bottom-button) Active & Hover */
.bottom-button a.active,
.bottom-button a:hover {
    background: #FF8A3D !important;
    border-color: #FF8A3D !important;
    color: #ffffff !important;
}

/* Mission Statement Subtitle Arrow (Book Illustration & other services) */
.mission-statement__top .sub-title svg path {
    fill: #FF8A3D !important;
}

/* Contact Page (contact-info-widget-link): Link Hover Color */
.contact-info-widget-link h5 a:hover,
.contact-item span a:hover {
    color: #FF8A3D !important;
}

/* Web & Software Page (Services): Buttons Border & Hover Background */
.btn-black__5 {
    border-color: #FF8A3D !important;
}
.btn-black__5::after,
.btn-black__5.btn-white-2 {
    background-color: #FF8A3D !important;
}

/* Web & Software Page (Services): "years of experience" Badge Background */
.h4-about__wrap .about-us-3__number > span {
    background: #FF8A3D !important;
}

/* ==============================================================
   Single Blog Details Page: Accent Color (#FF8A3D) Overrides
   ============================================================== */

/* 1. Blockquote Quotation Icon & Styling */
.tw-quote .icon img,
blockquote .icon img,
blockquote img[src*="quote"] {
    content: url("assets/quote-orange.png") !important;
}
blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large)::before {
    color: #FF8A3D !important;
}
.post_format-post-format-quote .quote-post-type .title a:hover {
    color: #FF8A3D !important;
}

/* 2. Social Share Link Hover */
.blog-details-footer .social-icon li a:hover,
.blog-details-footer .right .social-share li a:hover,
.tw-news-details-share a:hover,
.single-post-share a:hover {
    color: #FF8A3D !important;
    border-color: #FF8A3D !important;
}

/* 3. Prev Post & Next Post Navigation Hover */
.single-post-navigation .prev-post a:hover,
.single-post-navigation .next-post a:hover {
    color: #FF8A3D !important;
}
.single-post-navigation .prev-post a:hover i,
.single-post-navigation .next-post a:hover i {
    background: #FF8A3D !important;
    color: #ffffff !important;
}
.single-post-navigation .single-post-navigation-center-grid a:hover,
.single-post-navigation .single-post-navigation-center-grid a:focus {
    color: #FF8A3D !important;
}
.single-post-navigation .prev-post a:hover h3,
.single-post-navigation .next-post a:hover h3 {
    color: #FF8A3D !important;
}

/* 4. Single Blog Tags Hover */
.blog-details-footer .left .tags li a:hover,
.blog-details-footer .left .tags a:hover,
.widget_tag_cloud .tagcloud a:hover,
.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
    background-color: #FF8A3D !important;
    border-color: #FF8A3D !important;
    color: #ffffff !important;
}

/* 5. In-content Links & Headlines Hover */
.entry-content a:hover,
.tw-news-content .tw-date-list li a:hover,
.content.blog-content h2.title a:hover {
    color: #FF8A3D !important;
}

/* 6. Sidebar Categories & Widgets Hover */
.blog-sidebar-custom .news-widget-categories ul li:hover a,
.blog-sidebar-custom .news-widget-categories ul li:hover span,
.news-widget-categories ul li a:hover,
.widget_categories ul li a:hover {
    color: #FF8A3D !important;
}

/* 7. Comments Area: Reply Link & Submit Button */
.comments-area .comment-list li .single-comment-wrap .content .comment-reply-link:hover,
.comment-reply-title small a:hover,
.comment-respond .logged-in-as a:hover {
    color: #FF8A3D !important;
}
.comments-area .form-submit .btn-primary:hover,
.wp-block-post-comments-form input[type=submit]:hover,
button.submit:hover {
    background-color: #FF8A3D !important;
    border-color: #FF8A3D !important;
    color: #ffffff !important;
}
button.submit::after {
    background-color: #FF8A3D !important;
}

/* ==============================================================
   Portfolio Details Page: Prev/Next Services Navigation Hover
   ============================================================== */
.video__pagination a:hover {
    background: #FF8A3D !important;
    border-color: transparent !important;
    color: #ffffff !important;
}
.video__pagination a:hover svg [stroke=white],
.video__pagination a:hover svg path {
    stroke: #ffffff !important;
}
.services-slider__arrow-prev:hover,
.services-slider__arrow-next:hover {
    background: #FF8A3D !important;
    color: #ffffff !important;
}

/* ==============================================================
   Terms & Conditions and Privacy Policy Pages: Link Hover
   ============================================================== */
.page-id-2668 a:hover,
.page-id-3 a:hover,
.privacy-policy a:hover,
.elementor-page-2668 a:hover,
.elementor-page-3 a:hover,
.page-id-2668 .elementor-widget-text-editor a:hover,
.page-id-3 .elementor-widget-text-editor a:hover,
.page-id-2668 p a:hover,
.page-id-3 p a:hover,
.privacy-policy p a:hover {
    color: #FF8A3D !important;
}

/* ==============================================================
   Site-Wide Green (#b3ec11) Elimination for Real Pages
   ============================================================== */
/* Header Navigation & Menus */
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li a:hover,
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.current-menu-item a,
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover,
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:before,
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:after {
    color: #FF8A3D !important;
}

/* Breadcrumbs & Title Links */
.breadcrumb__menu .scroll-down h6 a:hover,
.breadcrumb-content .page-list li a:hover,
.breadcrumb-wrap .page-list li a:hover {
    color: #FF8A3D !important;
}

/* Pagination & Post Page Numbers */
.wp-link-pages .current,
.wp-link-pages a:hover,
.wp-link-pages .post-page-numbers:hover,
.blog-pagination ul li span.current,
.blog-pagination ul li a:hover {
    background-color: #FF8A3D !important;
    border-color: #FF8A3D !important;
    color: #ffffff !important;
}

/* Portfolio & Services Items Hover */
.feature-works-3__item .content .titile a:hover,
.portfolio-4__content .title a:hover,
.our-expertise-7 .our-expertise-item:hover span,
.our-expertise-7 .our-expertise-item:hover .title,
.theme-dark .blog-3__top-title a:hover {
    color: #FF8A3D !important;
}

/* Search Buttons & Form Submits */
.widget_search .search-form .submit-btn,
.wp-block-search button[type=submit],
.error-404 .search-form .submit-btn,
.post-password-form input[type=submit] {
    background-color: #FF8A3D !important;
    border-color: #FF8A3D !important;
    color: #ffffff !important;
}

/* Widgets & Tag Clouds */
.widget ul li a:hover,
.widget.footer-widget ul li a:hover,
.widget_categories ul li a:hover,
.blog-sidebar-custom .news-widget-categories ul li:hover a,
.blog-sidebar-custom .news-widget-categories ul li:hover span {
    color: #FF8A3D !important;
}
.widget_tag_cloud .tagcloud a:hover,
.wp-block-tag-cloud a:hover,
.widget_tag_cloud.footer-widget .tagcloud a:hover {
    background: #FF8A3D !important;
    border-color: #FF8A3D !important;
    color: #ffffff !important;
}

/* ==============================================================
   Contact Form 7: Styling & Orange (#FF8A3D) Brand Color
   ============================================================== */
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #FF8A3D !important;
    color: #FF8A3D !important;
    border-radius: 8px;
    padding: 12px 20px;
    margin-top: 20px;
    font-weight: 500;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-radius: 8px;
    padding: 12px 20px;
    margin-top: 20px;
}
.contact-us__form input:focus,
.contact-us__form textarea:focus,
.contact-us-3__form input:focus,
.contact-us-3__form textarea:focus {
    border-color: #FF8A3D !important;
    outline: none !important;
}
.contact-us__form button[type="submit"]:hover,
.contact-us-3__form .btn-wrapper:hover .btn-text {
    background-color: #FF8A3D !important;
    color: #ffffff !important;
}
.contact-us-3__form .btn-wrapper:hover .btn-circle {
    background-color: #FF8A3D !important;
    color: #ffffff !important;
}